@wsxjs/wsx-i18next 0.0.18 → 0.0.20

package/dist/decorator.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @i18n 装饰器 - 自动为组件注入翻译功能
+ */
+/**
+ * @i18n 装饰器 - 自动为组件注入翻译功能
+ *
+ * 使用方式：
+ * ```tsx
+ * @i18n('common')
+ * export class MyComponent extends WebComponent {
+ *     render() {
+ *         return <div>{this.t('welcome')}</div>;
+ *     }
+ * }
+ * ```
+ *
+ * @param namespace 命名空间，默认为 'common'
+ * @returns 类装饰器
+ */
+export declare function i18nDecorator(namespace?: string): <T extends {
+    new (...args: any[]): any;
+}>(constructor: T) => T;
+//# sourceMappingURL=decorator.d.ts.map

package/dist/decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorator.d.ts","sourceRoot":"","sources":["../src/decorator.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,SAAS,GAAE,MAAiB,IAErC,CAAC,SAAS;IAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAA;CAAE,EAAE,aAAa,CAAC,KAkG7C,CAAC,CAE/B"}

package/dist/hooks.d.ts

@@ -0,0 +1,18 @@
+/**
+ * useTranslation 函数（API 与 react-i18next 兼容）
+ */
+import type { UseTranslationResponse } from "./types";
+/**
+ * useTranslation - API 与 react-i18next 兼容的翻译函数
+ *
+ * **重要说明**：
+ * - 这不是 React hook，而是 WSXJS 的普通函数
+ * - API 设计参考 react-i18next，但实现方式完全不同
+ * - 在 WSXJS 中，需要配合 @state 或 @i18n 装饰器实现响应式
+ * - 不会自动响应语言变化，需要手动订阅 languageChanged 事件
+ *
+ * @param namespace 命名空间，默认为 'common'
+ * @returns 翻译对象
+ */
+export declare function useTranslation(namespace?: string): UseTranslationResponse;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,SAAS,GAAE,MAAiB,GAAG,sBAAsB,CAanF"}

package/dist/i18n.d.ts

@@ -0,0 +1,13 @@
+/**
+ * i18next 配置和初始化
+ */
+import i18next from "i18next";
+import type { I18nConfig } from "./types";
+/**
+ * 初始化 i18next
+ * @param config 配置选项
+ * @returns i18n 实例
+ */
+export declare function initI18n(config?: I18nConfig): typeof i18next;
+export declare const i18n: typeof i18next;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,OAAO,MAAM,SAAS,CAAC;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,MAAM,GAAE,UAAe,GAAG,OAAO,OAAO,CAmBhE;AAGD,eAAO,MAAM,IAAI,EAAE,OAAO,OAAiB,CAAC"}

package/dist/{index.mjs → index.cjs}

@@ -1,9 +1,10 @@
-// src/i18n.ts
-import i18n from "i18next";
-import LanguageDetector from "i18next-browser-languagedetector";
-import Backend from "i18next-http-backend";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const i18next = require("i18next");
+const LanguageDetector = require("i18next-browser-languagedetector");
+const Backend = require("i18next-http-backend");
 function initI18n(config = {}) {
-  i18n.use(Backend).use(LanguageDetector).init({
+  i18next.use(Backend).use(LanguageDetector).init({
     fallbackLng: "en",
     debug: false,
     interpolation: {
@@ -16,10 +17,9 @@ function initI18n(config = {}) {
     defaultNS: "common",
     ...config
   });
-  return i18n;
+  return i18next;
 }
-
-// src/decorator.ts
+const i18n = i18next;
 function i18nDecorator(namespace = "common") {
   return function(constructor) {
     class I18nEnhanced extends constructor {
@@ -38,7 +38,8 @@ function i18nDecorator(namespace = "common") {
       }
       // 生命周期：组件连接时订阅语言变化
       onConnected() {
-        super.onConnected?.();
+        var _a;
+        (_a = super.onConnected) == null ? void 0 : _a.call(this);
         const handler = () => {
           if (this.rerender) {
             this.rerender();
@@ -58,6 +59,7 @@ function i18nDecorator(namespace = "common") {
       }
       // 生命周期：组件断开时取消订阅
       onDisconnected() {
+        var _a;
         if (this._i18nUnsubscribe && typeof this._i18nUnsubscribe === "function") {
           try {
             this._i18nUnsubscribe();
@@ -77,7 +79,7 @@ function i18nDecorator(namespace = "common") {
         if (this._languageChangedHandler) {
           delete this._languageChangedHandler;
         }
-        super.onDisconnected?.();
+        (_a = super.onDisconnected) == null ? void 0 : _a.call(this);
       }
     }
     Object.setPrototypeOf(I18nEnhanced, constructor);
@@ -88,8 +90,6 @@ function i18nDecorator(namespace = "common") {
     return I18nEnhanced;
   };
 }
-
-// src/hooks.ts
 function useTranslation(namespace = "common") {
   const t = (key, options) => {
     return i18n.t(key, { ns: namespace, ...options });
@@ -101,8 +101,6 @@ function useTranslation(namespace = "common") {
     ready: i18n.isInitialized
   };
 }
-
-// src/mixin.ts
 function withI18n(Base, defaultNamespace = "common") {
   return class extends Base {
     t(key, namespace, options) {
@@ -120,11 +118,10 @@ function withI18n(Base, defaultNamespace = "common") {
     }
   };
 }
-export {
-  i18nDecorator as i18n,
-  i18nDecorator,
-  i18n as i18nInstance,
-  initI18n,
-  useTranslation,
-  withI18n
-};
+exports.i18n = i18nDecorator;
+exports.i18nDecorator = i18nDecorator;
+exports.i18nInstance = i18n;
+exports.initI18n = initI18n;
+exports.useTranslation = useTranslation;
+exports.withI18n = withI18n;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/i18n.ts","../src/decorator.ts","../src/hooks.ts","../src/mixin.ts"],"sourcesContent":["/**\n * i18next 配置和初始化\n */\n\nimport i18next from \"i18next\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport Backend from \"i18next-http-backend\";\nimport type { I18nConfig } from \"./types\";\n\n/**\n * 初始化 i18next\n * @param config 配置选项\n * @returns i18n 实例\n */\nexport function initI18n(config: I18nConfig = {}): typeof i18next {\n    i18next\n        .use(Backend)\n        .use(LanguageDetector)\n        .init({\n            fallbackLng: \"en\",\n            debug: false,\n            interpolation: {\n                escapeValue: false,\n            },\n            backend: {\n                loadPath: \"/locales/{{lng}}/{{ns}}.json\",\n            },\n            ns: [\"common\", \"home\", \"docs\", \"examples\"],\n            defaultNS: \"common\",\n            ...config,\n        });\n\n    return i18next;\n}\n\n// 导出 i18n 实例（直接导出常量）\nexport const i18n: typeof i18next = i18next;\n","/**\n * @i18n 装饰器 - 自动为组件注入翻译功能\n */\n\nimport { i18n } from \"./i18n\";\n\n/**\n * @i18n 装饰器 - 自动为组件注入翻译功能\n *\n * 使用方式：\n * ```tsx\n * @i18n('common')\n * export class MyComponent extends WebComponent {\n *     render() {\n *         return <div>{this.t('welcome')}</div>;\n *     }\n * }\n * ```\n *\n * @param namespace 命名空间，默认为 'common'\n * @returns 类装饰器\n */\nexport function i18nDecorator(namespace: string = \"common\") {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return function <T extends { new (...args: any[]): any }>(constructor: T) {\n        class I18nEnhanced extends constructor {\n            // 使用 public 而不是 private，因为导出的匿名类类型限制\n            public _i18nNamespace!: string;\n            public _i18nUnsubscribe?: () => void;\n\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            constructor(...args: any[]) {\n                super(...args);\n                // 初始化命名空间\n                this._i18nNamespace = namespace;\n            }\n\n            // 注入 t 方法\n            public t(key: string, options?: object): string {\n                return i18n.t(key, { ns: this._i18nNamespace, ...options });\n            }\n\n            // 注入 i18n 实例\n            public get i18n() {\n                return i18n;\n            }\n\n            // 生命周期：组件连接时订阅语言变化\n            public onConnected(): void {\n                // 先调用父类的 onConnected（如果存在）\n                super.onConnected?.();\n\n                // 创建回调函数并保存引用，以便后续取消订阅\n                const handler = (() => {\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    if ((this as any).rerender) {\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                        (this as any).rerender();\n                    }\n                }) as () => void;\n\n                // 保存回调引用以便取消订阅\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                (this as any)._languageChangedHandler = handler;\n\n                // 订阅语言变化事件\n                const unsubscribe = i18n.on(\"languageChanged\", handler);\n\n                // 如果返回的是函数，直接使用；否则使用 off 方法\n                if (typeof unsubscribe === \"function\") {\n                    this._i18nUnsubscribe = unsubscribe;\n                } else {\n                    // 如果 i18n.on 返回的不是函数，创建一个取消订阅函数\n                    // 使用 off 方法（如果可用）或空函数\n                    this._i18nUnsubscribe = () => {\n                        if (typeof i18n.off === \"function\") {\n                            i18n.off(\"languageChanged\", handler);\n                        }\n                    };\n                }\n            }\n\n            // 生命周期：组件断开时取消订阅\n            public onDisconnected(): void {\n                // 取消 i18n 订阅\n                if (this._i18nUnsubscribe && typeof this._i18nUnsubscribe === \"function\") {\n                    try {\n                        this._i18nUnsubscribe();\n                    } catch {\n                        // 如果 unsubscribe 调用失败，尝试使用 off 方法（如果可用）\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                        const handler = (this as any)._languageChangedHandler;\n                        if (handler && typeof i18n.off === \"function\") {\n                            i18n.off(\"languageChanged\", handler);\n                        }\n                    }\n                    this._i18nUnsubscribe = undefined;\n                } else {\n                    // 如果 unsubscribe 不是函数，尝试使用 off 方法（如果可用）\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    const handler = (this as any)._languageChangedHandler;\n                    if (handler && typeof i18n.off === \"function\") {\n                        i18n.off(\"languageChanged\", handler);\n                    }\n                }\n                // 清理回调引用\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                if ((this as any)._languageChangedHandler) {\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    delete (this as any)._languageChangedHandler;\n                }\n\n                // 调用父类的 onDisconnected（如果存在）\n                super.onDisconnected?.();\n            }\n        }\n        // 复制静态属性和方法\n        Object.setPrototypeOf(I18nEnhanced, constructor);\n        Object.defineProperty(I18nEnhanced, \"name\", {\n            value: constructor.name,\n            writable: false,\n        });\n        return I18nEnhanced as T;\n    };\n}\n","/**\n * useTranslation 函数（API 与 react-i18next 兼容）\n */\n\nimport { i18n } from \"./i18n\";\nimport type { UseTranslationResponse } from \"./types\";\n\n/**\n * useTranslation - API 与 react-i18next 兼容的翻译函数\n *\n * **重要说明**：\n * - 这不是 React hook，而是 WSXJS 的普通函数\n * - API 设计参考 react-i18next，但实现方式完全不同\n * - 在 WSXJS 中，需要配合 @state 或 @i18n 装饰器实现响应式\n * - 不会自动响应语言变化，需要手动订阅 languageChanged 事件\n *\n * @param namespace 命名空间，默认为 'common'\n * @returns 翻译对象\n */\nexport function useTranslation(namespace: string = \"common\"): UseTranslationResponse {\n    // 创建一个包装函数，保持 API 兼容性\n    const t = (key: string, options?: object): string => {\n        // 每次调用 t() 时，i18n.t() 会使用当前的 i18n.language\n        // 所以只要组件重渲染，就会得到新的翻译\n        return i18n.t(key, { ns: namespace, ...options });\n    };\n    return {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        t: t as any,\n        i18n,\n        ready: i18n.isInitialized,\n    };\n}\n","/**\n * Mixin API - 为基类添加 i18n 支持\n */\n\nimport { i18n } from \"./i18n\";\nimport type { WebComponent, LightComponent } from \"@wsxjs/wsx-core\";\n\n/**\n * 为任何继承自 WebComponent 或 LightComponent 的类添加 i18n 支持\n *\n * 使用方式：\n * ```tsx\n * export class MyComponent extends withI18n(WebComponent, 'common') {\n *     render() {\n *         return <div>{this.t('welcome')}</div>;\n *     }\n * }\n *\n * export class MyLightComponent extends withI18n(LightComponent, 'common') {\n *     render() {\n *         return <div>{this.t('welcome')}</div>;\n *     }\n * }\n * ```\n *\n * @param Base 基类（WebComponent 或 LightComponent）\n * @param defaultNamespace 默认命名空间\n * @returns 增强后的类\n */\nexport function withI18n<T extends typeof WebComponent | typeof LightComponent>(\n    Base: T,\n    defaultNamespace: string = \"common\"\n): T {\n    return class extends Base {\n        protected t(key: string, namespace?: string, options?: object): string {\n            return i18n.t(key, { ns: namespace || defaultNamespace, ...options });\n        }\n\n        protected get i18n() {\n            return i18n;\n        }\n\n        protected onConnected(): void {\n            // 订阅语言变化事件，自动触发重渲染\n            i18n.on(\"languageChanged\", () => {\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                if ((this as any).rerender) {\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    (this as any).rerender();\n                }\n            });\n        }\n    } as T;\n}\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,114 +1,13 @@
-import i18n$1, { TFunction, i18n } from 'i18next';
-export { default as i18nInstance } from 'i18next';
-import { WebComponent, LightComponent } from '@wsxjs/wsx-core';
-
 /**
- * TypeScript 类型定义
- */
-
-/**
- * i18n 配置接口
- */
-interface I18nConfig {
-    fallbackLng?: string;
-    debug?: boolean;
-    resources?: Record<string, Record<string, object>>;
-    backend?: {
-        loadPath?: string;
-    };
-    ns?: string[];
-    defaultNS?: string;
-    interpolation?: {
-        escapeValue?: boolean;
-    };
-}
-/**
- * useTranslation 返回类型
- */
-interface UseTranslationResponse {
-    t: TFunction;
-    i18n: i18n;
-    ready: boolean;
-}
-
-/**
- * i18next 配置和初始化
- */
-
-/**
- * 初始化 i18next
- * @param config 配置选项
- * @returns i18n 实例
- */
-declare function initI18n(config?: I18nConfig): typeof i18n$1;
-
-/**
- * @i18n 装饰器 - 自动为组件注入翻译功能
- */
-/**
- * @i18n 装饰器 - 自动为组件注入翻译功能
- *
- * 使用方式：
- * ```tsx
- * @i18n('common')
- * export class MyComponent extends WebComponent {
- *     render() {
- *         return <div>{this.t('welcome')}</div>;
- *     }
- * }
- * ```
- *
- * @param namespace 命名空间，默认为 'common'
- * @returns 类装饰器
- */
-declare function i18nDecorator(namespace?: string): <T extends {
-    new (...args: any[]): any;
-}>(constructor: T) => T;
-
-/**
- * useTranslation 函数（API 与 react-i18next 兼容）
- */
-
-/**
- * useTranslation - API 与 react-i18next 兼容的翻译函数
- *
- * **重要说明**：
- * - 这不是 React hook，而是 WSXJS 的普通函数
- * - API 设计参考 react-i18next，但实现方式完全不同
- * - 在 WSXJS 中，需要配合 @state 或 @i18n 装饰器实现响应式
- * - 不会自动响应语言变化，需要手动订阅 languageChanged 事件
- *
- * @param namespace 命名空间，默认为 'common'
- * @returns 翻译对象
- */
-declare function useTranslation(namespace?: string): UseTranslationResponse;
-
-/**
- * Mixin API - 为基类添加 i18n 支持
- */
-
-/**
- * 为任何继承自 WebComponent 或 LightComponent 的类添加 i18n 支持
- *
- * 使用方式：
- * ```tsx
- * export class MyComponent extends withI18n(WebComponent, 'common') {
- *     render() {
- *         return <div>{this.t('welcome')}</div>;
- *     }
- * }
- *
- * export class MyLightComponent extends withI18n(LightComponent, 'common') {
- *     render() {
- *         return <div>{this.t('welcome')}</div>;
- *     }
- * }
- * ```
+ * @wsxjs/wsx-i18next - i18next integration for WSXJS components
  *
- * @param Base 基类（WebComponent 或 LightComponent）
- * @param defaultNamespace 默认命名空间
- * @returns 增强后的类
+ * 为 WSXJS 组件提供 i18next 国际化支持
  */
-declare function withI18n<T extends typeof WebComponent | typeof LightComponent>(Base: T, defaultNamespace?: string): T;
-
-export { type I18nConfig, type UseTranslationResponse, i18nDecorator as i18n, i18nDecorator, initI18n, useTranslation, withI18n };
+import { i18n as i18nInstance, initI18n } from "./i18n";
+export { i18nInstance, initI18n };
+import { i18nDecorator } from "./decorator";
+export { i18nDecorator as i18n, i18nDecorator };
+export { useTranslation } from "./hooks";
+export { withI18n } from "./mixin";
+export type { I18nConfig, UseTranslationResponse } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;AAGlC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,aAAa,EAAE,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,50 +1,8 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  i18n: () => i18nDecorator,
-  i18nDecorator: () => i18nDecorator,
-  i18nInstance: () => import_i18next.default,
-  initI18n: () => initI18n,
-  useTranslation: () => useTranslation,
-  withI18n: () => withI18n
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/i18n.ts
-var import_i18next = __toESM(require("i18next"));
-var import_i18next_browser_languagedetector = __toESM(require("i18next-browser-languagedetector"));
-var import_i18next_http_backend = __toESM(require("i18next-http-backend"));
+import i18next from "i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import Backend from "i18next-http-backend";
 function initI18n(config = {}) {
-  import_i18next.default.use(import_i18next_http_backend.default).use(import_i18next_browser_languagedetector.default).init({
+  i18next.use(Backend).use(LanguageDetector).init({
     fallbackLng: "en",
     debug: false,
     interpolation: {
@@ -57,10 +15,9 @@ function initI18n(config = {}) {
     defaultNS: "common",
     ...config
   });
-  return import_i18next.default;
+  return i18next;
 }
-
-// src/decorator.ts
+const i18n = i18next;
 function i18nDecorator(namespace = "common") {
   return function(constructor) {
     class I18nEnhanced extends constructor {
@@ -71,54 +28,56 @@ function i18nDecorator(namespace = "common") {
       }
       // 注入 t 方法
       t(key, options) {
-        return import_i18next.default.t(key, { ns: this._i18nNamespace, ...options });
+        return i18n.t(key, { ns: this._i18nNamespace, ...options });
       }
       // 注入 i18n 实例
       get i18n() {
-        return import_i18next.default;
+        return i18n;
       }
       // 生命周期：组件连接时订阅语言变化
       onConnected() {
-        super.onConnected?.();
+        var _a;
+        (_a = super.onConnected) == null ? void 0 : _a.call(this);
         const handler = () => {
           if (this.rerender) {
             this.rerender();
           }
         };
         this._languageChangedHandler = handler;
-        const unsubscribe = import_i18next.default.on("languageChanged", handler);
+        const unsubscribe = i18n.on("languageChanged", handler);
         if (typeof unsubscribe === "function") {
           this._i18nUnsubscribe = unsubscribe;
         } else {
           this._i18nUnsubscribe = () => {
-            if (typeof import_i18next.default.off === "function") {
-              import_i18next.default.off("languageChanged", handler);
+            if (typeof i18n.off === "function") {
+              i18n.off("languageChanged", handler);
             }
           };
         }
       }
       // 生命周期：组件断开时取消订阅
       onDisconnected() {
+        var _a;
         if (this._i18nUnsubscribe && typeof this._i18nUnsubscribe === "function") {
           try {
             this._i18nUnsubscribe();
           } catch {
             const handler = this._languageChangedHandler;
-            if (handler && typeof import_i18next.default.off === "function") {
-              import_i18next.default.off("languageChanged", handler);
+            if (handler && typeof i18n.off === "function") {
+              i18n.off("languageChanged", handler);
             }
           }
           this._i18nUnsubscribe = void 0;
         } else {
           const handler = this._languageChangedHandler;
-          if (handler && typeof import_i18next.default.off === "function") {
-            import_i18next.default.off("languageChanged", handler);
+          if (handler && typeof i18n.off === "function") {
+            i18n.off("languageChanged", handler);
           }
         }
         if (this._languageChangedHandler) {
           delete this._languageChangedHandler;
         }
-        super.onDisconnected?.();
+        (_a = super.onDisconnected) == null ? void 0 : _a.call(this);
       }
     }
     Object.setPrototypeOf(I18nEnhanced, constructor);
@@ -129,31 +88,27 @@ function i18nDecorator(namespace = "common") {
     return I18nEnhanced;
   };
 }
-
-// src/hooks.ts
 function useTranslation(namespace = "common") {
   const t = (key, options) => {
-    return import_i18next.default.t(key, { ns: namespace, ...options });
+    return i18n.t(key, { ns: namespace, ...options });
   };
   return {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     t,
-    i18n: import_i18next.default,
-    ready: import_i18next.default.isInitialized
+    i18n,
+    ready: i18n.isInitialized
   };
 }
-
-// src/mixin.ts
 function withI18n(Base, defaultNamespace = "common") {
   return class extends Base {
     t(key, namespace, options) {
-      return import_i18next.default.t(key, { ns: namespace || defaultNamespace, ...options });
+      return i18n.t(key, { ns: namespace || defaultNamespace, ...options });
     }
     get i18n() {
-      return import_i18next.default;
+      return i18n;
     }
     onConnected() {
-      import_i18next.default.on("languageChanged", () => {
+      i18n.on("languageChanged", () => {
         if (this.rerender) {
           this.rerender();
         }
@@ -161,12 +116,12 @@ function withI18n(Base, defaultNamespace = "common") {
     }
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  i18n,
+export {
+  i18nDecorator as i18n,
   i18nDecorator,
-  i18nInstance,
+  i18n as i18nInstance,
   initI18n,
   useTranslation,
   withI18n
-});
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/i18n.ts","../src/decorator.ts","../src/hooks.ts","../src/mixin.ts"],"sourcesContent":["/**\n * i18next 配置和初始化\n */\n\nimport i18next from \"i18next\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport Backend from \"i18next-http-backend\";\nimport type { I18nConfig } from \"./types\";\n\n/**\n * 初始化 i18next\n * @param config 配置选项\n * @returns i18n 实例\n */\nexport function initI18n(config: I18nConfig = {}): typeof i18next {\n    i18next\n        .use(Backend)\n        .use(LanguageDetector)\n        .init({\n            fallbackLng: \"en\",\n            debug: false,\n            interpolation: {\n                escapeValue: false,\n            },\n            backend: {\n                loadPath: \"/locales/{{lng}}/{{ns}}.json\",\n            },\n            ns: [\"common\", \"home\", \"docs\", \"examples\"],\n            defaultNS: \"common\",\n            ...config,\n        });\n\n    return i18next;\n}\n\n// 导出 i18n 实例（直接导出常量）\nexport const i18n: typeof i18next = i18next;\n","/**\n * @i18n 装饰器 - 自动为组件注入翻译功能\n */\n\nimport { i18n } from \"./i18n\";\n\n/**\n * @i18n 装饰器 - 自动为组件注入翻译功能\n *\n * 使用方式：\n * ```tsx\n * @i18n('common')\n * export class MyComponent extends WebComponent {\n *     render() {\n *         return <div>{this.t('welcome')}</div>;\n *     }\n * }\n * ```\n *\n * @param namespace 命名空间，默认为 'common'\n * @returns 类装饰器\n */\nexport function i18nDecorator(namespace: string = \"common\") {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return function <T extends { new (...args: any[]): any }>(constructor: T) {\n        class I18nEnhanced extends constructor {\n            // 使用 public 而不是 private，因为导出的匿名类类型限制\n            public _i18nNamespace!: string;\n            public _i18nUnsubscribe?: () => void;\n\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            constructor(...args: any[]) {\n                super(...args);\n                // 初始化命名空间\n                this._i18nNamespace = namespace;\n            }\n\n            // 注入 t 方法\n            public t(key: string, options?: object): string {\n                return i18n.t(key, { ns: this._i18nNamespace, ...options });\n            }\n\n            // 注入 i18n 实例\n            public get i18n() {\n                return i18n;\n            }\n\n            // 生命周期：组件连接时订阅语言变化\n            public onConnected(): void {\n                // 先调用父类的 onConnected（如果存在）\n                super.onConnected?.();\n\n                // 创建回调函数并保存引用，以便后续取消订阅\n                const handler = (() => {\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    if ((this as any).rerender) {\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                        (this as any).rerender();\n                    }\n                }) as () => void;\n\n                // 保存回调引用以便取消订阅\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                (this as any)._languageChangedHandler = handler;\n\n                // 订阅语言变化事件\n                const unsubscribe = i18n.on(\"languageChanged\", handler);\n\n                // 如果返回的是函数，直接使用；否则使用 off 方法\n                if (typeof unsubscribe === \"function\") {\n                    this._i18nUnsubscribe = unsubscribe;\n                } else {\n                    // 如果 i18n.on 返回的不是函数，创建一个取消订阅函数\n                    // 使用 off 方法（如果可用）或空函数\n                    this._i18nUnsubscribe = () => {\n                        if (typeof i18n.off === \"function\") {\n                            i18n.off(\"languageChanged\", handler);\n                        }\n                    };\n                }\n            }\n\n            // 生命周期：组件断开时取消订阅\n            public onDisconnected(): void {\n                // 取消 i18n 订阅\n                if (this._i18nUnsubscribe && typeof this._i18nUnsubscribe === \"function\") {\n                    try {\n                        this._i18nUnsubscribe();\n                    } catch {\n                        // 如果 unsubscribe 调用失败，尝试使用 off 方法（如果可用）\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                        const handler = (this as any)._languageChangedHandler;\n                        if (handler && typeof i18n.off === \"function\") {\n                            i18n.off(\"languageChanged\", handler);\n                        }\n                    }\n                    this._i18nUnsubscribe = undefined;\n                } else {\n                    // 如果 unsubscribe 不是函数，尝试使用 off 方法（如果可用）\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    const handler = (this as any)._languageChangedHandler;\n                    if (handler && typeof i18n.off === \"function\") {\n                        i18n.off(\"languageChanged\", handler);\n                    }\n                }\n                // 清理回调引用\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                if ((this as any)._languageChangedHandler) {\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    delete (this as any)._languageChangedHandler;\n                }\n\n                // 调用父类的 onDisconnected（如果存在）\n                super.onDisconnected?.();\n            }\n        }\n        // 复制静态属性和方法\n        Object.setPrototypeOf(I18nEnhanced, constructor);\n        Object.defineProperty(I18nEnhanced, \"name\", {\n            value: constructor.name,\n            writable: false,\n        });\n        return I18nEnhanced as T;\n    };\n}\n","/**\n * useTranslation 函数（API 与 react-i18next 兼容）\n */\n\nimport { i18n } from \"./i18n\";\nimport type { UseTranslationResponse } from \"./types\";\n\n/**\n * useTranslation - API 与 react-i18next 兼容的翻译函数\n *\n * **重要说明**：\n * - 这不是 React hook，而是 WSXJS 的普通函数\n * - API 设计参考 react-i18next，但实现方式完全不同\n * - 在 WSXJS 中，需要配合 @state 或 @i18n 装饰器实现响应式\n * - 不会自动响应语言变化，需要手动订阅 languageChanged 事件\n *\n * @param namespace 命名空间，默认为 'common'\n * @returns 翻译对象\n */\nexport function useTranslation(namespace: string = \"common\"): UseTranslationResponse {\n    // 创建一个包装函数，保持 API 兼容性\n    const t = (key: string, options?: object): string => {\n        // 每次调用 t() 时，i18n.t() 会使用当前的 i18n.language\n        // 所以只要组件重渲染，就会得到新的翻译\n        return i18n.t(key, { ns: namespace, ...options });\n    };\n    return {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        t: t as any,\n        i18n,\n        ready: i18n.isInitialized,\n    };\n}\n","/**\n * Mixin API - 为基类添加 i18n 支持\n */\n\nimport { i18n } from \"./i18n\";\nimport type { WebComponent, LightComponent } from \"@wsxjs/wsx-core\";\n\n/**\n * 为任何继承自 WebComponent 或 LightComponent 的类添加 i18n 支持\n *\n * 使用方式：\n * ```tsx\n * export class MyComponent extends withI18n(WebComponent, 'common') {\n *     render() {\n *         return <div>{this.t('welcome')}</div>;\n *     }\n * }\n *\n * export class MyLightComponent extends withI18n(LightComponent, 'common') {\n *     render() {\n *         return <div>{this.t('welcome')}</div>;\n *     }\n * }\n * ```\n *\n * @param Base 基类（WebComponent 或 LightComponent）\n * @param defaultNamespace 默认命名空间\n * @returns 增强后的类\n */\nexport function withI18n<T extends typeof WebComponent | typeof LightComponent>(\n    Base: T,\n    defaultNamespace: string = \"common\"\n): T {\n    return class extends Base {\n        protected t(key: string, namespace?: string, options?: object): string {\n            return i18n.t(key, { ns: namespace || defaultNamespace, ...options });\n        }\n\n        protected get i18n() {\n            return i18n;\n        }\n\n        protected onConnected(): void {\n            // 订阅语言变化事件，自动触发重渲染\n            i18n.on(\"languageChanged\", () => {\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                if ((this as any).rerender) {\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    (this as any).rerender();\n                }\n            });\n        }\n    } as T;\n}\n"],"names":[],"mappings":"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"}

package/dist/mixin.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Mixin API - 为基类添加 i18n 支持
+ */
+import type { WebComponent, LightComponent } from "@wsxjs/wsx-core";
+/**
+ * 为任何继承自 WebComponent 或 LightComponent 的类添加 i18n 支持
+ *
+ * 使用方式：
+ * ```tsx
+ * export class MyComponent extends withI18n(WebComponent, 'common') {
+ *     render() {
+ *         return <div>{this.t('welcome')}</div>;
+ *     }
+ * }
+ *
+ * export class MyLightComponent extends withI18n(LightComponent, 'common') {
+ *     render() {
+ *         return <div>{this.t('welcome')}</div>;
+ *     }
+ * }
+ * ```
+ *
+ * @param Base 基类（WebComponent 或 LightComponent）
+ * @param defaultNamespace 默认命名空间
+ * @returns 增强后的类
+ */
+export declare function withI18n<T extends typeof WebComponent | typeof LightComponent>(Base: T, defaultNamespace?: string): T;
+//# sourceMappingURL=mixin.d.ts.map

package/dist/mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixin.d.ts","sourceRoot":"","sources":["../src/mixin.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,YAAY,GAAG,OAAO,cAAc,EAC1E,IAAI,EAAE,CAAC,EACP,gBAAgB,GAAE,MAAiB,GACpC,CAAC,CAqBH"}

package/dist/types.d.ts

@@ -0,0 +1,29 @@
+/**
+ * TypeScript 类型定义
+ */
+import type { TFunction, i18n as I18nType } from "i18next";
+/**
+ * i18n 配置接口
+ */
+export interface I18nConfig {
+    fallbackLng?: string;
+    debug?: boolean;
+    resources?: Record<string, Record<string, object>>;
+    backend?: {
+        loadPath?: string;
+    };
+    ns?: string[];
+    defaultNS?: string;
+    interpolation?: {
+        escapeValue?: boolean;
+    };
+}
+/**
+ * useTranslation 返回类型
+ */
+export interface UseTranslationResponse {
+    t: TFunction;
+    i18n: I18nType;
+    ready: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,SAAS,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,UAAU;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,CAAC,EAAE,SAAS,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;CAClB"}

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@wsxjs/wsx-i18next",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "i18next integration for WSXJS components",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "repository": {
@@ -37,15 +38,15 @@
     "i18next": "^23.0.0",
     "i18next-browser-languagedetector": "^7.0.0",
     "i18next-http-backend": "^2.0.0",
-    "@wsxjs/wsx-core": "0.0.18"
+    "@wsxjs/wsx-core": "0.0.20"
   },
   "devDependencies": {
     "@types/jest": "^29.0.0",
     "@types/node": "^20.0.0",
     "jest": "^29.0.0",
     "ts-jest": "^29.0.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.0.0"
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0"
   },
   "peerDependencies": {
     "i18next": "^23.0.0"
@@ -54,8 +55,8 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --tsconfig tsconfig.json",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch --tsconfig tsconfig.json",
+    "build": "vite build && tsc --emitDeclarationOnly --declaration --declarationMap --outDir dist src/index.ts --moduleResolution node --esModuleInterop --downlevelIteration",
+    "dev": "vite build --watch",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",

package/src/i18n.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @wsxjs/wsx-i18next 类型声明
+ *
+ * 为使用 @i18n 装饰器的组件扩展类型定义
+ * 这个文件会被包含在包的 dist 目录中，供其他项目使用
+ */
+
+declare module "@wsxjs/wsx-core" {
+    interface WebComponent {
+        /**
+         * 翻译函数，由 @i18n 装饰器注入
+         * @param key 翻译键
+         * @param options 翻译选项（插值变量等）
+         * @returns 翻译后的字符串
+         */
+        t(key: string, options?: object): string;
+
+        /**
+         * i18n 实例，由 @i18n 装饰器注入
+         */
+        readonly i18n: import("i18next").i18n;
+    }
+
+    interface LightComponent {
+        /**
+         * 翻译函数，由 @i18n 装饰器注入
+         * @param key 翻译键
+         * @param options 翻译选项（插值变量等）
+         * @returns 翻译后的字符串
+         */
+        t(key: string, options?: object): string;
+
+        /**
+         * i18n 实例，由 @i18n 装饰器注入
+         */
+        readonly i18n: import("i18next").i18n;
+    }
+}
+
+export {};

package/src/i18n.ts

@@ -2,7 +2,7 @@
  * i18next 配置和初始化
  */
 
-import i18n from "i18next";
+import i18next from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import Backend from "i18next-http-backend";
 import type { I18nConfig } from "./types";
@@ -12,8 +12,9 @@ import type { I18nConfig } from "./types";
  * @param config 配置选项
  * @returns i18n 实例
  */
-export function initI18n(config: I18nConfig = {}): typeof i18n {
-    i18n.use(Backend)
+export function initI18n(config: I18nConfig = {}): typeof i18next {
+    i18next
+        .use(Backend)
         .use(LanguageDetector)
         .init({
             fallbackLng: "en",
@@ -29,7 +30,8 @@ export function initI18n(config: I18nConfig = {}): typeof i18n {
             ...config,
         });
 
-    return i18n;
+    return i18next;
 }
 
-export { i18n };
+// 导出 i18n 实例（直接导出常量）
+export const i18n: typeof i18next = i18next;

package/dist/index.d.mts

@@ -1,114 +0,0 @@
-import i18n$1, { TFunction, i18n } from 'i18next';
-export { default as i18nInstance } from 'i18next';
-import { WebComponent, LightComponent } from '@wsxjs/wsx-core';
-
-/**
- * TypeScript 类型定义
- */
-
-/**
- * i18n 配置接口
- */
-interface I18nConfig {
-    fallbackLng?: string;
-    debug?: boolean;
-    resources?: Record<string, Record<string, object>>;
-    backend?: {
-        loadPath?: string;
-    };
-    ns?: string[];
-    defaultNS?: string;
-    interpolation?: {
-        escapeValue?: boolean;
-    };
-}
-/**
- * useTranslation 返回类型
- */
-interface UseTranslationResponse {
-    t: TFunction;
-    i18n: i18n;
-    ready: boolean;
-}
-
-/**
- * i18next 配置和初始化
- */
-
-/**
- * 初始化 i18next
- * @param config 配置选项
- * @returns i18n 实例
- */
-declare function initI18n(config?: I18nConfig): typeof i18n$1;
-
-/**
- * @i18n 装饰器 - 自动为组件注入翻译功能
- */
-/**
- * @i18n 装饰器 - 自动为组件注入翻译功能
- *
- * 使用方式：
- * ```tsx
- * @i18n('common')
- * export class MyComponent extends WebComponent {
- *     render() {
- *         return <div>{this.t('welcome')}</div>;
- *     }
- * }
- * ```
- *
- * @param namespace 命名空间，默认为 'common'
- * @returns 类装饰器
- */
-declare function i18nDecorator(namespace?: string): <T extends {
-    new (...args: any[]): any;
-}>(constructor: T) => T;
-
-/**
- * useTranslation 函数（API 与 react-i18next 兼容）
- */
-
-/**
- * useTranslation - API 与 react-i18next 兼容的翻译函数
- *
- * **重要说明**：
- * - 这不是 React hook，而是 WSXJS 的普通函数
- * - API 设计参考 react-i18next，但实现方式完全不同
- * - 在 WSXJS 中，需要配合 @state 或 @i18n 装饰器实现响应式
- * - 不会自动响应语言变化，需要手动订阅 languageChanged 事件
- *
- * @param namespace 命名空间，默认为 'common'
- * @returns 翻译对象
- */
-declare function useTranslation(namespace?: string): UseTranslationResponse;
-
-/**
- * Mixin API - 为基类添加 i18n 支持
- */
-
-/**
- * 为任何继承自 WebComponent 或 LightComponent 的类添加 i18n 支持
- *
- * 使用方式：
- * ```tsx
- * export class MyComponent extends withI18n(WebComponent, 'common') {
- *     render() {
- *         return <div>{this.t('welcome')}</div>;
- *     }
- * }
- *
- * export class MyLightComponent extends withI18n(LightComponent, 'common') {
- *     render() {
- *         return <div>{this.t('welcome')}</div>;
- *     }
- * }
- * ```
- *
- * @param Base 基类（WebComponent 或 LightComponent）
- * @param defaultNamespace 默认命名空间
- * @returns 增强后的类
- */
-declare function withI18n<T extends typeof WebComponent | typeof LightComponent>(Base: T, defaultNamespace?: string): T;
-
-export { type I18nConfig, type UseTranslationResponse, i18nDecorator as i18n, i18nDecorator, initI18n, useTranslation, withI18n };