jingrow/jcloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化vite翻译插件

Browse Source
This commit is contained in:
jingrow 2025-12-29 22:21:35 +08:00
parent 27310a009c
commit 206612e23b
1 changed files with 86 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
dashboard/vite-plugin-translate.mjs
View File

@ -390,6 +390,23 @@ function replaceAttributeBindings(code, translations) {
); );
} }
/**
* 在代码片段中替换所有 $t() 调用为翻译文本
* @param {string} content - 要处理的代码片段
* @param {object} translations - 翻译字典
* @param {RegExp} pattern - 可选的匹配模式，默认匹配所有 $t() 调用
* @returns {string} 替换后的代码
*/
function replaceTranslationCalls(content, translations, pattern = /\$t\((['"])((?:\\.|(?!\1).)*)\1\)/g) {
return content.replace(pattern, (match, quote, key) => {
const unescapedKey = unescapeString(key);
const translation = translations[unescapedKey];
if (!translation || !translation.trim()) return match;
const escaped = escapeString(translation, quote);
return `${quote}${escaped}${quote}`;
});
}
/** /**
* 替换属性绑定中数组字面量内的 $t('xxx') * 替换属性绑定中数组字面量内的 $t('xxx')
* 例如：:items="[{ label: $t('key'), ... }]" * 例如：:items="[{ label: $t('key'), ... }]"
@ -400,18 +417,7 @@ function replaceAttributeArrayLiterals(code, translations) {
return code.replace( return code.replace(
/([:@]|v-bind:|v-on:)([a-zA-Z0-9_-]+)=(["'])\[([\s\S]*?)\]\3/g, /([:@]|v-bind:|v-on:)([a-zA-Z0-9_-]+)=(["'])\[([\s\S]*?)\]\3/g,
(match, prefix, attrName, outerQuote, arrayContent) => { (match, prefix, attrName, outerQuote, arrayContent) => {
// 在数组内容中查找并替换所有 $t() 调用，直接替换为翻译文本 const replacedContent = replaceTranslationCalls(arrayContent, translations);
const replacedContent = arrayContent.replace(
/\$t\((['"])((?:\\.|(?!\1).)*)\1\)/g,
(m, quote, key) => {
const unescapedKey = unescapeString(key);
const translation = translations[unescapedKey];
if (!translation || !translation.trim()) return m;
// 直接替换为翻译文本字符串，转义引号
const escaped = escapeString(translation, quote);
return `${quote}${escaped}${quote}`;
}
);
return `${prefix}${attrName}=${outerQuote}[${replacedContent}]${outerQuote}`; return `${prefix}${attrName}=${outerQuote}[${replacedContent}]${outerQuote}`;
} }
); );
@ -422,26 +428,76 @@ function replaceAttributeArrayLiterals(code, translations) {
* 例如：:options="{ title: $t('key'), actions: [...] }" * 例如：:options="{ title: $t('key'), actions: [...] }"
*/ */
function replaceAttributeObjectLiterals(code, translations) { function replaceAttributeObjectLiterals(code, translations) {
// 匹配属性绑定中的对象字面量，如 :options="{ ... }" // 匹配属性绑定中的对象字面量，使用平衡括号匹配以正确处理嵌套
// 需要处理嵌套的大括号 const pattern = /([:@]|v-bind:|v-on:)([a-zA-Z0-9_-]+)=(["'])\{/g;
return code.replace( const matches = [];
/([:@]|v-bind:|v-on:)([a-zA-Z0-9_-]+)=(["'])\{([\s\S]*?)\}\3/g, let match;
(match, prefix, attrName, outerQuote, objectContent) => {
// 在对象内容中查找并替换所有 $t() 调用，直接替换为翻译文本 while ((match = pattern.exec(code)) !== null) {
const replacedContent = objectContent.replace( const startIndex = match.index;
/(\w+:\s*)\$t\((['"])((?:\\.|(?!\2).)*)\2\)/g, const prefix = match[1];
(m, keyPrefix, quote, key) => { const attrName = match[2];
const unescapedKey = unescapeString(key); const outerQuote = match[3];
const translation = translations[unescapedKey]; const openBraceIndex = startIndex + match[0].length - 1; // 开括号的位置
if (!translation || !translation.trim()) return m; const afterBraceIndex = openBraceIndex + 1; // 开括号之后的位置
// 直接替换为翻译文本字符串，转义引号
const escaped = escapeString(translation, quote); // 找到匹配的闭合大括号
return `${keyPrefix}${quote}${escaped}${quote}`; let depth = 1;
let pos = afterBraceIndex;
let braceEnd = -1;
while (pos < code.length && depth > 0) {
const char = code[pos];
// 跳过字符串字面量中的大括号
if (char === '"' || char === "'") {
pos++;
// 跳过转义的引号
while (pos < code.length && (code[pos] !== char || code[pos - 1] === '\\')) {
pos++;
} }
); pos++;
return `${prefix}${attrName}=${outerQuote}{${replacedContent}}${outerQuote}`; continue;
}
if (char === '{') depth++;
else if (char === '}') {
depth--;
if (depth === 0) {
braceEnd = pos;
break;
}
}
pos++;
} }
);
if (braceEnd === -1) continue;
// 检查是否以相同的引号结束
if (braceEnd + 1 < code.length && code[braceEnd + 1] === outerQuote) {
const objectContent = code.substring(afterBraceIndex, braceEnd);
matches.push({ startIndex, prefix, attrName, outerQuote, afterBraceIndex, braceEnd, objectContent });
}
}
// 从后往前替换，避免索引错乱
for (let i = matches.length - 1; i >= 0; i--) {
const m = matches[i];
// 匹配对象属性值中的 $t()，支持键名（标识符或字符串）
const replacedContent = m.objectContent.replace(
/(['"]?\w+['"]?\s*:\s*)\$t\((['"])((?:\\.|(?!\2).)*)\2\)/g,
(match, keyPrefix, quote, key) => {
const unescapedKey = unescapeString(key);
const translation = translations[unescapedKey];
if (!translation || !translation.trim()) return match;
const escaped = escapeString(translation, quote);
return `${keyPrefix}${quote}${escaped}${quote}`;
}
);
const replacement = `${m.prefix}${m.attrName}=${m.outerQuote}{${replacedContent}}${m.outerQuote}`;
code = code.substring(0, m.startIndex) + replacement + code.substring(m.braceEnd + 2);
}
return code;
} }
/** /**