vue-i18n-extract-plugin 1.0.70 → 1.0.72

package/lib/visitors.js

@@ -56,6 +56,7 @@ function getPropKey(propNode) {
   return null;
 }
 
+// 将静态属性转换为动态属性，如 <div title="xxx" /> => <div :title="$t('hashed')" />
 function transformDirectiveIfNeeded(path, parentPath) {
   let hasCreateVNode = false;
   // 属性值情况，如 title: "xxx"
@@ -152,6 +153,77 @@ function generateJSXElement(name, id, msg) {
   return t.jsxElement(openingElement, null, [], true);
 }
 
+function unwrapVueCacheIfNeeded(path) {
+  const assignPath = path.parentPath;
+  if (!assignPath || !assignPath.isAssignmentExpression({ operator: "=" })) {
+    return false;
+  }
+
+  const logicalPath = assignPath.parentPath;
+  if (!logicalPath || !logicalPath.isLogicalExpression({ operator: "||" })) {
+    return false;
+  }
+
+  const { left, right } = logicalPath.node;
+
+  // 校验 left: _cache[x]
+  const isCacheMember =
+    t.isMemberExpression(left) &&
+    (t.isIdentifier(left.object, { name: "_cache" }) ||
+      (t.isIdentifier(left.object) && left.object.name.startsWith("_cache")));
+
+  // 校验 right: (_cache[x] = createTextVNode(...))
+  const isSameAssignment =
+    right === assignPath.node &&
+    t.isMemberExpression(assignPath.node.left) &&
+    t.isCallExpression(assignPath.node.right);
+
+  if (!isCacheMember || !isSameAssignment) {
+    return false;
+  }
+
+  // 用 createTextVNode(...) 替换整个 _cache || (...)
+  logicalPath.replaceWith(assignPath.node.right);
+  return true;
+}
+
+function unwrapVueSlotArrayCache(path) {
+  // 1. 找 ArrayExpression
+  const arrayPath = path.findParent(p => p.isArrayExpression());
+  if (!arrayPath) return false;
+
+  // 2. array 是 assignment 的 right
+  const assignPath = arrayPath.parentPath;
+  if (!assignPath?.isAssignmentExpression({ operator: "=" })) return false;
+
+  // 3. assignment 在 LogicalExpression || 中
+  const logicalPath = assignPath.parentPath;
+  if (!logicalPath?.isLogicalExpression({ operator: "||" })) return false;
+
+  // 4. logical 在 SpreadElement 中
+  const spreadPath = logicalPath.parentPath;
+  if (!spreadPath?.isSpreadElement()) return false;
+
+  // 5. 校验 _cache[x]
+  const left = logicalPath.node.left;
+  const isCache =
+    t.isMemberExpression(left) &&
+    t.isIdentifier(left.object) &&
+    left.object.name.startsWith("_cache");
+
+  if (!isCache) return false;
+
+  // unwrap：用 array.elements 替换 spread(...)
+  spreadPath.replaceWithMultiple(arrayPath.node.elements);
+
+  return true;
+}
+
+function isDynamicTextExpression(node) {
+  // 只要不是 StringLiteral，100% 是动态文本
+  return !t.isStringLiteral(node);
+}
+
 function createI18nVisitor(option, i18nMap) {
   const excludedCall = [...option.excludedCall, ...EXCLUDED_CALL];
 
@@ -189,7 +261,19 @@ function createI18nVisitor(option, i18nMap) {
         path.node.arguments.push(t.stringLiteral(keyText));
       }
     },
+    CallExpression(path) {
+      if (!isVNodeCall(path, "_createTextVNode")) return;
+
+      const args = path.node.arguments;
+      if (!args.length) return;
 
+      const content = args[0];
+
+      // 是否动态文本
+      if (isDynamicTextExpression(content)) {
+        args[1] = t.numericLiteral(1); // PatchFlags.TEXT createTextVNode(" " + toDisplayString$1(text)) => createTextVNode(" " + toDisplayString$1(text), 1)
+      }
+    },
     StringLiteral(path) {
       if (option.extractFromText === false) return;
       if (!shouldTransform(path)) return;
@@ -255,10 +339,12 @@ function createI18nVisitor(option, i18nMap) {
 
       // 判断是否createTextVNode或MemberExpression（如 Vue.createTextVNode）
       if (isVNodeCall(parentPath, "_createTextVNode")) {
-        // 如果 createTextVNode 参数只有一个，则补充第二个参数 1
-        const args = parentPath.node.arguments;
-        if (args.length === 1) {
-          parentPath.node.arguments = [callExpression, t.numericLiteral(1)];
+        // createTextVNode强制补充第二个参数 1
+        parentPath.node.arguments = [callExpression, t.numericLiteral(1)];
+        // 先尝试 [...(_cache2[4] || (_cache2[4] = [ createTextVNode(...) ]))]
+        if (!unwrapVueSlotArrayCache(parentPath)) {
+          // 再尝试拆 _cache2[0] || (_cache2[0] = createTextVNode(...))
+          unwrapVueCacheIfNeeded(parentPath);
         }
         // 是否 vue.createElementVNode(...)，且该 StringLiteral 是第三个参数
       } else if (isVNodeCall(parentPath, "_createElementVNode")) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-i18n-extract-plugin",
-  "version": "1.0.70",
+  "version": "1.0.72",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
   "bin": {