@rdyl/react-i18n-connect 0.0.1 → 0.0.2

package/CHANGELOG.md

@@ -1,4 +1,4 @@
-## 0.0.1 (2025-01-10)
+## 0.0.2 (2025-06-05)
 
 
 

package/dist/index.js

@@ -33,15 +33,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useI18n = exports.LangToken = void 0;
+exports.useI18n = void 0;
 var react_1 = __importStar(require("react"));
 var utils_1 = require("./utils");
 var I18nCtx = (0, react_1.createContext)({});
 var I18nConnect = function (_a) {
-    var children = _a.children, i18nConfig = _a.i18nConfig, onLoad = _a.onLoad;
-    var locales = i18nConfig.locales, initialLang = i18nConfig.initialLang;
-    var _b = (0, react_1.useState)(exports.LangToken.get(initialLang)), lang = _b[0], _setLang = _b[1];
-    var _c = (0, react_1.useState)({}), loaded = _c[0], setLoaded = _c[1];
+    var children = _a.children, _b = _a.initialLang, initialLang = _b === void 0 ? "" : _b, _c = _a.locales, locales = _c === void 0 ? {} : _c, onAfterChange = _a.onAfterChange, onBeforeChange = _a.onBeforeChange, onLoad = _a.onLoad;
+    var _d = (0, react_1.useState)(initialLang), lang = _d[0], _setLang = _d[1];
+    var _e = (0, react_1.useState)({}), loaded = _e[0], setLoaded = _e[1];
     var title = (0, react_1.useMemo)(function () { return (locales[lang] ? locales[lang].title : ""); }, [lang]);
     var dataSource = (0, react_1.useMemo)(function () {
         // 异步加载
@@ -52,9 +51,19 @@ var I18nConnect = function (_a) {
     }, [lang, loaded, onLoad]);
     var t = (0, react_1.useCallback)((0, utils_1.ParserI18nFn)(dataSource), [dataSource]);
     var setLang = (0, react_1.useCallback)(function (e) {
-        exports.LangToken.set(e);
-        _setLang(e);
-    }, []);
+        var cb = function () {
+            _setLang(e);
+            onAfterChange && onAfterChange(e);
+        };
+        if (onBeforeChange) {
+            if (!!onBeforeChange(e)) {
+                cb();
+            }
+        }
+        else {
+            cb();
+        }
+    }, [onBeforeChange, onAfterChange]);
     (0, react_1.useEffect)(function () {
         if (onLoad) {
             setLoaded({});
@@ -73,24 +82,6 @@ var I18nConnect = function (_a) {
             setLang: setLang,
         } }, children));
 };
-exports.LangToken = {
-    name: "LANG-TOKEN",
-    value: "",
-    get: function (t) {
-        if (t === void 0) { t = ""; }
-        var lang = localStorage.getItem(this.name) || t;
-        exports.LangToken.value = lang;
-        return lang;
-    },
-    set: function (v) {
-        exports.LangToken.value = v;
-        localStorage.setItem(this.name, v);
-    },
-    remove: function () {
-        exports.LangToken.value = "";
-        localStorage.removeItem(this.name);
-    },
-};
 var useI18n = function () { return (0, react_1.useContext)(I18nCtx); };
 exports.useI18n = useI18n;
 exports.default = I18nConnect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rdyl/react-i18n-connect",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "types/index.d.ts",

package/types/index.d.ts

@@ -8,16 +8,10 @@ export interface I18nConnectValue {
     setLang(name: string): void;
     t: TR;
 }
-type I18nConnectProps = {
-    i18nConfig: I18nConfig;
+type I18nConnectProps = Partial<I18nConfig> & {
     onLoad?(t: string): Promise<Record<string, TRValue>>;
-};
-export declare const LangToken: {
-    name: string;
-    value: string;
-    get(t?: string): string;
-    set(v: string): void;
-    remove(): void;
+    onAfterChange?(t: string): void;
+    onBeforeChange?(t: string): unknown;
 };
 export declare const useI18n: () => I18nConnectValue;
 export default I18nConnect;