vue-i18n-extract-plugin 1.0.49 → 1.0.51

package/lib/index.js

@@ -38,6 +38,10 @@ const {
   extractScriptContent
 } = require("./import-i18n-transform");
 
+function defineConfig(options) {
+  return options;
+}
+
 module.exports = {
   babelPluginI18n,
   extractI18n,
@@ -70,5 +74,6 @@ module.exports = {
   babelPluginImportI18n,
   i18nImportAstTransform,
   i18nImportTransform,
-  extractScriptContent
+  extractScriptContent,
+  defineConfig
 };

package/lib/visitors.js

@@ -15,6 +15,84 @@ function isTFunction(node, option) {
   );
 }
 
+function isCreateTextVNodeCall(path) {
+  const node = path.node;
+  if (!path.isCallExpression()) return false;
+
+  const callee = node.callee;
+  return (
+    (t.isIdentifier(callee) && callee.name === "_createTextVNode") ||
+    (t.isMemberExpression(callee) &&
+      t.isIdentifier(callee.property) &&
+      callee.property.name === "_createTextVNode")
+  );
+}
+
+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 !(
@@ -112,10 +190,42 @@ function createI18nVisitor(option, i18nMap) {
         i18nMap[hashed] = value;
       }
 
-      const callExpression = t.callExpression(
-        t.identifier(option.translateKey),
-        [t.stringLiteral(hashed)]
-      );
+      let callExpression;
+
+      // 判断是否createTextVNode或MemberExpression（如 Vue.createTextVNode）
+      if (isCreateTextVNodeCall(parentPath)) {
+        // _ctx.$t("hashed")
+        callExpression = t.callExpression(
+          t.memberExpression(
+            t.identifier("_ctx"),
+            t.identifier(option.translateKey)
+          ),
+          [t.stringLiteral(hashed)]
+        );
+
+        // 如果 createTextVNode 参数只有一个，则补充第二个参数 1
+        const args = parentPath.node.arguments;
+        if (args.length === 1) {
+          parentPath.node.arguments = [callExpression, t.numericLiteral(1)];
+        }
+      } else {
+        const hasCreateVNode = transformDirectiveIfNeeded(path, parentPath);
+        if (hasCreateVNode) {
+          callExpression = t.callExpression(
+            t.memberExpression(
+              t.identifier("_ctx"),
+              t.identifier(option.translateKey)
+            ),
+            [t.stringLiteral(hashed)]
+          );
+        } else {
+          // $t("hashed")
+          callExpression = t.callExpression(t.identifier(option.translateKey), [
+            t.stringLiteral(hashed)
+          ]);
+        }
+      }
+
       // 如果是 JSX 属性值，需要包裹在 JSXExpressionContainer 中
       if (parentPath.isJSXAttribute()) {
         const jsxExpression = t.jsxExpressionContainer(callExpression);

package/package.json

@@ -1,17 +1,40 @@
 {
   "name": "vue-i18n-extract-plugin",
-  "version": "1.0.49",
+  "version": "1.0.51",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
   "bin": {
     "extract-i18n": "lib/cli.js"
   },
   "exports": {
-    ".": "./lib/index.js",
-    "./translators": "./lib/translators/index.js",
-    "./babel-plugin-i18n": "./lib/babel-plugin-i18n.js",
-    "./babel-plugin-import-i18n": "./lib/babel-plugin-import-i18n.js",
-    "./webpack-import-i18n-loader": "./lib/webpack-import-i18n-loader.js"
+    ".": {
+      "require": "./lib/index.js",
+      "import": "./lib/index.js",
+      "types": "./types/index.d.ts"
+    },
+    "./translators": {
+      "require": "./lib/translators/index.js",
+      "import": "./lib/translators/index.js",
+      "types": "./types/translators/index.d.ts"
+    },
+    "./babel-plugin-i18n": {
+      "require": "./lib/babel-plugin-i18n.js",
+      "import": "./lib/babel-plugin-i18n.js",
+      "types": "./types/babel-plugin-i18n.d.ts"
+    },
+    "./babel-plugin-import-i18n": {
+      "require": "./lib/babel-plugin-import-i18n.js",
+      "import": "./lib/babel-plugin-import-i18n.js",
+      "types": "./types/babel-plugin-import-i18n.d.ts"
+    },
+    "./webpack-import-i18n-loader": {
+      "require": "./lib/webpack-import-i18n-loader.js",
+      "import": "./lib/webpack-import-i18n-loader.js",
+      "types": "./types/webpack-import-i18n-loader.d.ts"
+    },
+    "./client": {
+      "types": "./types/extract-i18n.config.d.ts"
+    }
   },
   "keywords": [
     "vue-i18n-extract-plugin",

package/types/babel-plugin-i18n.d.ts

@@ -1,6 +1,6 @@
 import { PluginObj, PluginPass } from '@babel/core';
 import { I18nOptions } from './options';
 
-declare const plugin: (api: any, options?: I18nOptions) => PluginObj<PluginPass>;
+declare const plugin: (api: any, options?: Partial<I18nOptions>) => PluginObj<PluginPass>;
 
 export default plugin;

package/types/babel-plugin-import-i18n.d.ts

@@ -1,6 +1,6 @@
 import { PluginObj } from '@babel/core';
 import { I18nOptions } from './options';
 
-declare function babelPluginImportI18n(options?: I18nOptions): PluginObj;
+declare function babelPluginImportI18n(options?: Partial<I18nOptions>): PluginObj;
 
 export = babelPluginImportI18n;

package/types/extract-i18n.config.d.ts

@@ -0,0 +1,7 @@
+import { I18nOptions } from './options';
+
+declare module 'extract-i18n.config.ts' {
+  const config: Partial<I18nOptions>;
+  export default config;
+}
+  

package/types/extract.d.ts

@@ -9,13 +9,13 @@ export interface WriteResult {
 
 export function writeI18nMapToFile(
   i18nMap: I18nMap,
-  options: Options,
+  options: Partial<Options>,
   checkDiffs?: boolean
 ): Promise<WriteResult>;
 
 export function handleFinalI18nMap(
   i18nMap: I18nMap,
-  options: Options,
+  options: Partial<Options>,
   checkDiffs?: boolean
 ): Promise<void>;
 
@@ -23,6 +23,6 @@ export function addI18nImportIfNeeded(ast: Node, options: Partial<Options>): Nod
 export function addI18nImportIfNeeded(ast: Node, options: Partial<Options>, generateCode: false): Node
 export function addI18nImportIfNeeded(ast: Node, options: Partial<Options>, generateCode: true): string
 
-export function extractI18n(options: Options): Promise<void>;
+export function extractI18n(options: Partial<Options>): Promise<void>;
 
 export let globalI18nMap: I18nMap; 

package/types/index.d.ts

@@ -1,8 +1,6 @@
-/// <reference path="./extract-i18n.config.d.ts" />
-
 export { default as babelPluginI18n } from "./babel-plugin-i18n";
 export { extractI18n, addI18nImportIfNeeded } from "./extract";
-export { I18nOptions as defaultOptions } from "./options";
+import { I18nOptions } from "./options";
 export {
   autoTranslate,
   translateChunks,
@@ -38,4 +36,10 @@ export {
   i18nImportAstTransform,
   i18nImportTransform,
   extractScriptContent
-} from "./import-i18n-transform";
+} from "./import-i18n-transform";
+
+declare const defaultOptions: I18nOptions;
+
+export { defaultOptions }
+
+export function defineConfig(options: Partial<I18nOptions>): I18nOptions;

package/types/utils.d.ts

@@ -8,7 +8,7 @@ export function isEmptyObject(obj: Record<string, any>): boolean;
 export function checkAgainstRegexArray(value: string, regexArray?: (string | RegExp)[]): boolean;
 export function extractFunctionName(path: NodePath): string;
 export function relativeCWDPath(subPath: string): string;
-export function getLangJsonPath(langKey: LangKey, option: I18nOptions): string;
+export function getLangJsonPath(langKey: LangKey, option: Partial<I18nOptions>): string;
 export function readJsonWithDefault(pathStr: string, defaultValue?: Record<string, any>): Record<string, any>;
 export function resolveAliasPath(pathStr: string): string;
 export function resolveFilterPath(pathStr: string): string;

package/types/visitors.d.ts

@@ -4,6 +4,6 @@ import { I18nOptions } from "./options";
 import { I18nMap } from "./common";
 
 export declare function shouldTransform(path: NodePath): boolean;
-export declare function isTFunction(node: Node, option: I18nOptions): boolean;
-export declare function createI18nVisitor(option: I18nOptions, i18nMap?: I18nMap): Record<string, (path: NodePath) => void>;
-export declare function createI18nPlugin(option: I18nOptions, i18nMap?: I18nMap): () => { visitor: Record<string, (path: NodePath) => void> };
+export declare function isTFunction(node: Node, option: Partial<I18nOptions>): boolean;
+export declare function createI18nVisitor(option: Partial<I18nOptions>, i18nMap?: I18nMap): Record<string, (path: NodePath) => void>;
+export declare function createI18nPlugin(option: Partial<I18nOptions>, i18nMap?: I18nMap): () => { visitor: Record<string, (path: NodePath) => void> };

package/types/webpack-plugin-i18n.d.ts

@@ -2,7 +2,7 @@ import webpack from 'webpack'
 import { I18nOptions } from './options';
 
 export declare class WebpackPluginI18n {
-  options: I18nOptions;
+  options: Partial<I18nOptions>;
   timer: NodeJS.Timeout | null;
   constructor(optionInfo?: Partial<I18nOptions>);
   apply(compiler: webpack.Compiler): void;

package/types/i18n.config.d.ts

@@ -1,7 +0,0 @@
-import { I18nOptions as Options } from './options';
-
-declare module 'extract-i18n.config' {
-    const config: Options;
-    export default config;
-  }
-