vue-i18n-extract-plugin 1.0.70 → 1.0.71

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,45 @@ 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 isDynamicTextExpression(node) {
+  // 只要不是 StringLiteral，100% 是动态文本
+  return !t.isStringLiteral(node);
+}
+
 function createI18nVisitor(option, i18nMap) {
   const excludedCall = [...option.excludedCall, ...EXCLUDED_CALL];
 
@@ -189,7 +229,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,11 +307,10 @@ 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)];
+        // 尝试拆 cache
+        unwrapVueCacheIfNeeded(parentPath);
         // 是否 vue.createElementVNode(...)，且该 StringLiteral 是第三个参数
       } else if (isVNodeCall(parentPath, "_createElementVNode")) {
         const callExpr = parentPath.node;

package/package.json

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