vue-i18n-extract-plugin 1.0.50 → 1.0.52

package/README.md

@@ -98,6 +98,18 @@ export default {
   }),
   ...
 };
+
+// ts支持
+import { defineConfig } from "vite-i18n-extract-plugin";
+
+export default defineConfig({
+  rewrite: false,
+  translator: new YoudaoTranslator({
+    appId: "youdao appId",
+    appKey: "youdao appKey"
+  }),
+  ...
+});
 ```
 
 ## Vite plugin
@@ -145,6 +157,8 @@ import enMessages from "@/locales/en.json";
 
 const i18n = createI18n({
   legacy: false,
+  globalInjection: true,
+  allowComposition: true,
   fallbackLocale: "en",
   locale: "zh",
   messages: {
@@ -156,6 +170,9 @@ const i18n = createI18n({
 // 导出一个$t方法
 export const $t = i18n.global.t.bind(i18n.global);
 
+// 建议在全局也挂载一个$t方法做兜底
+globalThis.$t = $t;
+
 export default i18n;
 ```
 

package/lib/visitors.js

@@ -15,6 +15,84 @@ function isTFunction(node, option) {
   );
 }
 
+function isVNodeCall(path, nodeName) {
+  const node = path.node;
+  if (!path.isCallExpression()) return false;
+
+  const callee = node.callee;
+  return (
+    (t.isIdentifier(callee) && callee.name === nodeName) ||
+    (t.isMemberExpression(callee) &&
+      t.isIdentifier(callee.property) &&
+      callee.property.name === nodeName)
+  );
+}
+
+function getPropKey(propNode) {
+  if (t.isIdentifier(propNode.key)) {
+    return propNode.key.name;
+  }
+  if (t.isStringLiteral(propNode.key)) {
+    return propNode.key.value; // .replace(/-([a-z])/g, (_, char) => char.toUpperCase());
+  }
+  return null;
+}
+
+function transformDirectiveIfNeeded(path, parentPath) {
+  let hasCreateVNode = false;
+  // 属性值情况，如 title: "xxx"
+  if (parentPath.isObjectProperty()) {
+    const propKey = getPropKey(parentPath.node);
+
+    if (!propKey) return;
+
+    const vNodeCall = path.findParent(
+      p =>
+        p.isCallExpression() &&
+        (t.isIdentifier(p.node.callee, { name: "_createVNode" }) ||
+          (t.isMemberExpression(p.node.callee) &&
+            t.isIdentifier(p.node.callee.property, { name: "_createVNode" })))
+    );
+
+    if (vNodeCall) {
+      hasCreateVNode = true;
+      const args = vNodeCall.node.arguments;
+      // PatchFlag = 8 (PROPS), dynamicProps = ["title"]
+      const patchFlagIndex = 3;
+      const dynamicPropsIndex = 4;
+
+      // 确保第 3 个参数（children）存在，否则补 null
+      if (args.length === 2) {
+        args.push(t.nullLiteral()); // => 第三个参数
+      }
+
+      // 补齐参数数组长度到第 5 个参数（index: 4）
+      while (args.length <= dynamicPropsIndex) {
+        args.push(null);
+      }
+
+      // 设置 patchFlag = 8
+      args[patchFlagIndex] = t.numericLiteral(8);
+
+      // 设置 dynamicProps = ["propKey"]
+      const existingDynamicProps = args[dynamicPropsIndex];
+      if (!existingDynamicProps || !t.isArrayExpression(existingDynamicProps)) {
+        args[dynamicPropsIndex] = t.arrayExpression([t.stringLiteral(propKey)]);
+      } else {
+        const existingKeys = new Set(
+          existingDynamicProps.elements
+            .filter(el => t.isStringLiteral(el))
+            .map(el => el.value)
+        );
+        if (!existingKeys.has(propKey)) {
+          existingDynamicProps.elements.push(t.stringLiteral(propKey));
+        }
+      }
+    }
+  }
+  return hasCreateVNode;
+}
+
 function shouldTransform(path) {
   const parent = path.parentPath;
   return !(
@@ -52,8 +130,6 @@ function createI18nVisitor(option, i18nMap) {
         return;
       }
 
-      // console.log("CallExpression", path.node.arguments);
-
       const hashed = generateId(keyText);
 
       if (i18nMap) {
@@ -104,18 +180,50 @@ function createI18nVisitor(option, i18nMap) {
         return;
       }
 
-      // console.log("StringLiteral", value);
-
       const hashed = generateId(value);
 
       if (i18nMap) {
         i18nMap[hashed] = value;
       }
 
-      const callExpression = t.callExpression(
-        t.identifier(option.translateKey),
+      // 生成 _ctx.$t("hashed")
+      let callExpression = t.callExpression(
+        t.memberExpression(
+          t.identifier("_ctx"),
+          t.identifier(option.translateKey)
+        ),
         [t.stringLiteral(hashed)]
       );
+
+      // 判断是否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)];
+        }
+        // 是否 vue.createElementVNode(...)，且该 StringLiteral 是第三个参数
+      } else if (isVNodeCall(parentPath, "_createElementVNode")) {
+        const callExpr = parentPath.node;
+        const args = callExpr.arguments;
+
+        // 当前是第三个参数，且参数数量为3
+        const argIndex = args.findIndex(arg => arg === path.node);
+        if (argIndex === 2 && args.length === 3) {
+          args[2] = callExpression; // 替换第3个参数
+          args.push(t.numericLiteral(1)); // 添加第4个参数
+          return;
+        }
+      } else {
+        const hasCreateVNode = transformDirectiveIfNeeded(path, parentPath);
+        if (!hasCreateVNode) {
+          // 生成 $t("hashed")
+          callExpression = t.callExpression(t.identifier(option.translateKey), [
+            t.stringLiteral(hashed)
+          ]);
+        }
+      }
+
       // 如果是 JSX 属性值，需要包裹在 JSXExpressionContainer 中
       if (parentPath.isJSXAttribute()) {
         const jsxExpression = t.jsxExpressionContainer(callExpression);
@@ -152,8 +260,6 @@ function createI18nVisitor(option, i18nMap) {
 
       if (option.extractFromText === false) return;
 
-      // console.log("TemplateElement", value);
-
       const hashed = generateId(value);
 
       if (i18nMap) {
@@ -175,8 +281,6 @@ function createI18nVisitor(option, i18nMap) {
         return;
       }
 
-      // console.log("JSXText", path.node.value);
-
       const hashed = generateId(text);
 
       if (i18nMap) {
@@ -205,8 +309,6 @@ function createI18nVisitor(option, i18nMap) {
           return;
         }
 
-        // console.log("JSXExpressionContainer", path.node.expression.expr);
-
         const hashed = generateId(value);
 
         if (i18nMap) {

package/package.json

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