cbvirtua 1.0.18 → 1.0.20

package/catch.js

@@ -87,3 +87,90 @@ let VueError = {
 }
 
 export default VueError
+import axios from 'axios'
+import { getToken, setToken, getRefreshToken } from '@utils/auth'
+
+// 刷新 access_token 的接口
+const refreshToken = () => {
+  return instance.post('/auth/refresh', { refresh_token: getRefreshToken() }, true)
+}
+
+// 创建 axios 实例
+const instance = axios.create({
+  baseURL:  process.env.GATSBY_API_URL,
+  timeout: 30000,
+  headers: {
+    'Content-Type': 'application/json',
+  }
+})
+
+let isRefreshing = false // 标记是否正在刷新 token
+let requests = [] // 存储待重发请求的数组
+
+instance.interceptors.response.use(response => {
+    return response
+}, error => {
+    if (!error.response) {
+        return Promise.reject(error)
+    }
+    if (error.response.status === 401 && !error.config.url.includes('/auth/refresh')) {
+        const { config } = error
+        if (!isRefreshing) {
+            isRefreshing = true
+            return refreshToken().then(res=> {
+                const { access_token } = res.data
+                setToken(access_token)
+                config.headers.Authorization = `Bearer ${access_token}`
+                // token 刷新后将数组的方法重新执行
+                requests.forEach((cb) => cb(access_token))
+                requests = [] // 重新请求完清空
+                return instance(config)
+            }).catch(err => {
+                console.log('抱歉，您的登录状态已失效，请重新登录！')
+                return Promise.reject(err)
+            }).finally(() => {
+                isRefreshing = false
+            })
+        } else {
+            // 返回未执行 resolve 的 Promise
+            return new Promise(resolve => {
+                // 用函数形式将 resolve 存入，等待刷新后再执行
+                requests.push(token => {
+                    config.headers.Authorization = `Bearer ${token}`
+                    resolve(instance(config))
+                })  
+            })
+        }
+    }
+    return Promise.reject(error)
+})
+
+// 给请求头添加 access_token
+const setHeaderToken = (isNeedToken) => {
+  const accessToken = isNeedToken ? getToken() : null
+  if (isNeedToken) { // api 请求需要携带 access_token 
+    if (!accessToken) { 
+      console.log('不存在 access_token 则跳转回登录页')
+    }
+    instance.defaults.headers.common.Authorization = `Bearer ${accessToken}`
+  }
+}
+
+// 有些 api 并不需要用户授权使用，则无需携带 access_token；默认不携带，需要传则设置第三个参数为 true
+export const get = (url, params = {}, isNeedToken = false) => {
+  setHeaderToken(isNeedToken)
+  return instance({
+    method: 'get',
+    url,
+    params,
+  })
+}
+
+export const post = (url, params = {}, isNeedToken = false) => {
+  setHeaderToken(isNeedToken)
+  return instance({
+    method: 'post',
+    url,
+    data: params,
+  })
+}

package/i18n.js

@@ -0,0 +1,406 @@
+// vve-i18n-cli.config.js
+module.exports = {
+    // 工作目录
+    cwd: ".",
+    // 根目录，国际文本所在的根目录
+    rootDir: "src",
+    // 默认所有模块，如果有传module参数，就只处理某个模块
+    // '**/module-**/**/index.js'
+    moduleIndexRules: ["."],
+    // 忽略模块
+    ignoreModuleIndexRules: [],
+    // 匹配含有国际化文本的文件规则
+    i18nFileRules: ["**/*.+(vue|js)"],
+    // 不匹配含有国际化文本的文件规则
+    ignoreI18nFileRules: [],
+    // 国际化文本的正则表达式，正则中第一个捕获对象当做国际化文本
+    i18nTextRules: [/(?:[\$.])t\([\s\n]*['"](.+?)['"]/g],
+    // 模块的国际化的json文件需要被保留下的key，即使这些组件在项目中没有被引用
+    // 规则可以是一个字符串，正则，或者是函数
+    keepKeyRules: [
+        /^G\/+/, // G/开头的会被保留
+    ],
+    // 忽略国际化KEY的规则
+    // 规则可以是一个字符串，正则，或者是函数
+    ignoreKeyRules: [],
+    // 生成的国际化资源包的输出目录
+    outDir: "lang",
+    // 生成的国际化的语言
+    i18nLanguages: [
+        "zh", // 中文
+        "en", // 英文
+    ],
+    // 配置文件的路径，没有配置，默认路径是在${cwd}/vve-i18n-cli.config.js
+    config: undefined,
+    // 是否取配置文件
+    disableConfigFile: false,
+    // 是否翻译
+    translate: false,
+    // 翻译的基础语言，默认是用中文翻译
+    translateFromLang: "zh",
+    // 是否强制翻译，即已翻译修改的内容，也重新用翻译生成
+    forceTranslate: false,
+    // 翻译的语言
+    translateLanguage: ["zh", "en"],
+    // 非中文使用拼音来来翻译
+    translateUsePinYin: false,
+    // 模块下${outDir}/index.js文件不存在才拷贝index.js
+    copyIndex: false,
+    // 是否强制拷贝最新index.js
+    forceCopyIndex: false,
+
+    // 国际化文本包裹相关
+    zhWrap: {
+        cwd: ".",
+        // 根目录，国际文本所在的根目录
+        rootDir: ".",
+        ignoreI18nFileRules: [],
+        i18nFileRules: ["!(node_modules|config|statsvnTmp)/**/*.+(js|vue)"],
+        ignorePreReg: [
+            /t\s*\([\s\n]*$/,
+            /tl\s*\([\s\n]*$/,
+            /console\.(?:log|error|warn|info|debug)\s*\(\s*$/,
+            /\/\/\s*$/,
+            new RegExp("//.+"),
+            new RegExp("i18n-disabled.+"),
+        ],
+        ignoreText: ["^[\\u4e00-\\u9fa5a-zA-Z0-9“._=,':;*#！”-]+$"],
+        // js相关文件需要引入的国际化文件
+        i18nImportForJs: "",
+        // js相关文件需要使用国际化方法
+        jsI18nFuncName: "$i18n.$t",
+        // vue相关文件需要使用的国际化方法
+        vueI18nFuncName: "$t",
+    },
+    zhCheck: {
+        cwd: ".",
+        // 根目录，国际文本所在的根目录
+        rootDir: ".",
+        ignoreI18nFileRules: [],
+        i18nFileRules: ["!(node_modules|config|statsvnTmp)/**/*.+(vue|js)"],
+        // 反引号中需要忽略的文本规则，可以是正则或者字符串
+        ignoreTextInQuoteRules: [/t\(/],
+    },
+};
+
+
+/**
+ * 抽取未翻译的词条到excel文件中
+ */
+const map = require("map-stream");
+const path = require("path");
+const vfs = require("vinyl-fs");
+const XLSX = require("xlsx");
+
+const ROOT_DIR = path.resolve("./");
+const fileRules = [
+    "**/*/i18n/en.json",
+    // "**/eweb-setting-planningDeployment/i18n/en.json",
+];
+
+const writeExcel = (arr, name = "未翻译词条") => {
+    const sheet_data = arr.map((v) => {
+        return {
+            中文: v,
+            English: "",
+        };
+    });
+    const new_sheet = XLSX.utils.json_to_sheet(sheet_data);
+    // // 创新一个新的excel对象，就是workbook
+    const new_workbook = XLSX.utils.book_new();
+    // // 将表的内容写入workbook
+    XLSX.utils.book_append_sheet(new_workbook, new_sheet, "sheet1");
+    XLSX.writeFile(new_workbook, `${name}.xlsx`);
+};
+
+function run() {
+    const zhList = [];
+    console.log("================================>start", ROOT_DIR);
+    vfs
+        .src(
+            fileRules.map((item) => path.resolve(ROOT_DIR, item)),
+            {
+                ignore: ["node_modules/**/*", "statsvnTmp/**/*"],
+            }
+        )
+        .pipe(
+            map((file, cb) => {
+                console.log("处理文件 =========================>", file.path);
+
+                let fileContent = file.contents.toString();
+                fileContent = JSON.parse(fileContent);
+                Object.keys(fileContent).map((zh) => {
+                    if (zh.match(/[\u4E00-\u9FFF]/)) {
+                        if (zh === fileContent[zh]) {
+                            // 未翻译
+                            zhList.push(zh);
+                        }
+                    }
+                });
+                cb();
+            })
+        )
+        .on("end", () => {
+            const uniZh = Array.from(new Set(zhList));
+            writeExcel(uniZh);
+            console.log("未翻译词条数量：", uniZh.length);
+            console.log(
+                "================================>end",
+                "根目录下生成 excle 文件"
+            );
+        });
+}
+
+run();
+
+
+/**
+ * 将翻译后的内容替换到en.json文件中
+ */
+const map = require("map-stream");
+const path = require("path");
+const vfs = require("vinyl-fs");
+const fs = require("fs");
+const XLSX = require("xlsx");
+
+// const ROOT_DIR = path.resolve("./");
+// const fileRules = ["**/*/i18n/en.json"];
+// 文件名称 默认名称 resource.json
+const fileName = "resource";
+const fileJsonName = fileName + ".json";
+const fileXlsName = fileName + ".xlsx";
+
+const excelReader = (exlcePathArray = []) => {
+    if (!Array.isArray(exlcePathArray)) {
+        exlcePathArray = [exlcePathArray];
+    }
+    const obj = {};
+    for (const i in exlcePathArray) {
+        if (Object.hasOwnProperty.call(exlcePathArray, i)) {
+            const excleFilePath = exlcePathArray[i];
+            console.log("读取excle " + excleFilePath);
+            const workbook = XLSX.readFileSync(excleFilePath, {
+                type: "binary",
+            });
+            for (const sheet in workbook.Sheets) {
+                const dataArray = XLSX.utils.sheet_to_json(workbook.Sheets[sheet]);
+                obj[sheet] = dataArray;
+            }
+        }
+    }
+    return obj;
+};
+
+// 如果未找到 resource.json 查找 excel文件
+if (!fs.existsSync(path.resolve(ROOT_DIR, fileJsonName))) {
+    // 判断resource.excel是否存在
+    if (fs.existsSync(path.resolve(ROOT_DIR, fileXlsName))) {
+        let fileObj = excelReader(path.resolve(ROOT_DIR, fileXlsName));
+        let dataObj = {};
+        if (fileObj.sheet1) {
+            // 中文列存在 例子： {"中文":"下载中...","English":"down…"}
+            for (let i = 0; i < fileObj.sheet1.length; i++) {
+                let itemZhKey = fileObj.sheet1[i]["中文"];
+                let itemEnKey = fileObj.sheet1[i]["English"];
+                if (itemZhKey && itemEnKey) {
+                    dataObj[itemZhKey] = itemEnKey;
+                }
+            }
+        }
+        // 获取sheet1的内容
+        const data = JSON.stringify(dataObj);
+        try {
+            fs.writeFileSync(path.resolve(ROOT_DIR, fileJsonName), data);
+        } catch (error) {
+            console.log("生成文件 resource.xlsx 异常");
+            throw error;
+        }
+    } else {
+        console.log("不存在文件 resource.xlsx");
+        throw new Error("不存在文件 resource.xlsx");
+    }
+}
+
+const originResource = require(path.resolve(ROOT_DIR, fileJsonName));
+let resource = Object.assign({}, originResource);
+Object.keys(originResource).map((key) => {
+    resource[`${key}：`] = `${originResource[key]}：`;
+    resource[`${key}:`] = `${originResource[key]}:`;
+    resource[`${key}）`] = `${originResource[key]}）`;
+    resource[`${key})`] = `${originResource[key]})`;
+    resource[`${key} `] = `${originResource[key]} `;
+    resource[` ${key}`] = ` ${originResource[key]}`;
+    resource[`(${key}`] = `(${originResource[key]}`;
+    resource[`（${key}`] = `（${originResource[key]}`;
+    resource[` ${key} `] = ` ${originResource[key]} `;
+});
+
+function run() {
+    console.log("================================>start", ROOT_DIR);
+    let failedCount = 0;
+    let successCount = 0;
+    let failedZhs = [];
+    vfs
+        .src(
+            fileRules.map((item) => path.resolve(ROOT_DIR, item)),
+            {
+                ignore: ["node_modules/**/*", "statsvnTmp/**/*"],
+            }
+        )
+        .pipe(
+            map((file, cb) => {
+                console.log("处理文件 =========================>", file.path);
+
+                let fileContent = file.contents.toString();
+                fileContent = JSON.parse(fileContent);
+                let hasChange = false;
+                Object.keys(fileContent).map((zh) => {
+                    if (zh.match(/[\u4E00-\u9FFF]/)) {
+                        if (zh === fileContent[zh]) {
+                            // 未翻译
+                            if (resource[zh] && resource[zh] !== zh) {
+                                hasChange = true;
+                                fileContent[zh] = resource[zh];
+                                successCount++;
+                            } else {
+                                failedCount++;
+                                failedZhs.push(zh);
+                            }
+                        }
+                    }
+                });
+                if (hasChange) {
+                    fs.writeFileSync(
+                        file.path,
+                        JSON.stringify(fileContent, " ", 2) + "\n"
+                    );
+                }
+                cb();
+            })
+        )
+        .on("end", () => {
+            fs.writeFileSync(
+                "unHandle.json",
+                JSON.stringify(failedZhs, " ", 2) + "\n"
+            );
+            console.log("本次翻译成功词条数量：", successCount);
+            console.log("还剩余未翻译词条数量：", failedCount);
+            console.log("================================>end");
+        });
+}
+
+run();
+
+// 以下为i18n.config.js默认的完整配置，所有属性均为可选，可以根据自身需要修改
+module.exports = {
+    input: 'src',
+    output: '', // 没有值时表示完成提取后自动覆盖原始文件
+    exclude: ['**/node_modules/**/*'], // 排除不需要提取的文件
+    localePath: './locales/zh-CN.json', // 中文语言包的存放位置
+    localeFileType: 'json', // 设置语言包的文件类型，支持js、json。默认为json
+    // rules每个属性对应的是不同后缀文件的处理方式
+    rules: {
+        js: {
+            caller: '', // 自定义this.$t('xxx')中的this。不填则默认没有调用对象
+            functionName: 't', // 自定义this.$t('xxx')中的$t
+            customizeKey: function (key, currentFilePath) {
+                return key
+            }, // 自定义this.$t('xxx')中的'xxx'部分的生成规则
+            importDeclaration: 'import { t } from "i18n"', // 默认在文件里导入i18n包。不填则默认不导入i18n的包。由于i18n的npm包有很多，用户可根据项目自行修改导入语法
+            forceImport: false, // 即使文件没出现中文，也强行插入importDeclaration定义的语句
+        },
+        // ts,cjs,mjs,jsx,tsx配置方式同上
+        ts: {
+            caller: '',
+            functionName: 't',
+            customizeKey: function (key, currentFilePath) {
+                return key
+            },
+            importDeclaration: 'import { t } from "i18n"',
+            forceImport: false,
+        },
+        cjs: {
+            caller: '',
+            functionName: 't',
+            customizeKey: function (key, currentFilePath) {
+                return key
+            },
+            importDeclaration: 'import { t } from "i18n"',
+            forceImport: false,
+        },
+        mjs: {
+            caller: '',
+            functionName: 't',
+            customizeKey: function (key, currentFilePath) {
+                return key
+            },
+            importDeclaration: 'import { t } from "i18n"',
+            forceImport: false,
+        },
+        jsx: {
+            caller: '',
+            functionName: 't',
+            customizeKey: function (key, currentFilePath) {
+                return key
+            },
+            importDeclaration: 'import { t } from "i18n"',
+            functionSnippets: '', // react函数组件里，全局加代码片段
+            forceImport: false,
+        },
+        tsx: {
+            caller: '',
+            functionName: 't',
+            customizeKey: function (key, currentFilePath) {
+                return key
+            },
+            importDeclaration: 'import { t } from "i18n"',
+            functionSnippets: '',
+            forceImport: false,
+        },
+        vue: {
+            caller: 'this',
+            functionNameInTemplate: '$t',// vue这里的配置，仅针对vue的template标签里面的内容生效
+            functionNameInScript: '$t', // vue这里的配置，仅针对vue的script部分export default里面的内容生效
+            customizeKey: function (key, currentFilePath) {
+                return key
+            },
+            importDeclaration: '',
+            forceImport: false,
+            tagOrder: ['template', 'script', 'style'], // 支持自定义vue文件的标签顺序
+        },
+    },
+    globalRule: {
+        ignoreMethods: [] // 忽略指定函数调用的中文提取。例如想忽略sensor.track('中文')的提取。这里就写['sensor.track']
+    },
+    // prettier配置，参考https://prettier.io/docs/en/options.html
+    prettier: {
+        semi: false,
+        singleQuote: true,
+    },
+    skipExtract: false, // 跳过提取中文阶段
+    // 以下是和翻译相关的配置，注意搭配使用
+    skipTranslate: true, // 跳过翻译语言包阶段。默认不翻译
+    locales: [], // 需要翻译的语言包。例如['en', 'zh-CHT']，会自动翻译英文和繁体
+    excelPath: './locales.xlsx', // excel存放路径
+    exportExcel: false, // 是否导出excel
+    // 参数：
+    // allKeyValue：已遍历的所有文件的key-value
+    // currentFileKeyMap: 当前文件提取到的key-value
+    // currentFilePath: 当前遍历的文件路径
+    adjustKeyMap(allKeyValue, currentFileKeyMap, currentFilePath) { return allKeyValue }, // 对提取结构进行二次处理
+}
+
+
+// 参数	类型	默认值	描述
+// -i, --input	String	'src'	指定待提取的文件目录。
+// -o, --output	String	''	输出转换后文件路径。没有值时表示完成提取后自动覆盖原始文件。当有值时，会输出到指定目录
+// -c, --config-file	String	''	指定命令行配置文件的所在路径（可以自定义更多功能）
+// --localePath	String	'./locales/zh-CN.json'	指定提取的中文语言包所存放的路径。
+// -v,--verbose	Boolean	false	控制台打印更多调试信息
+// -h,--help	Boolean	false	查看指令用法
+// --skip-extract	Boolean	false	跳过 i18n 转换阶段。
+// --skip-translate	Boolean	false	跳过中文翻译阶段。
+// --locales	Array	['en-US']	根据中文语言包自动翻译成其他语言。用法例子 --locales en zh-CHT
+// --incremental	Boolean	false	开启后。支持将文件中提取到中文键值对，追加到原有的中文语言包。
+// --exportExcel	Boolean	false	开启后。导出所有翻译内容到 excel。 默认导出到当前目录下的 locales.xlsx
+// --excelPath	String	'./locales.xlsx'	指定导出的 excel 路径。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cbvirtua",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "",
   "main": "index.js",
   "scripts": {