@rdyl/react-i18n-connect 0.0.1 → 0.0.3

package/CHANGELOG.md

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

package/dist/index.js

@@ -33,28 +33,45 @@ 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 title = (0, react_1.useMemo)(function () { return (locales[lang] ? locales[lang].title : ""); }, [lang]);
-    var dataSource = (0, react_1.useMemo)(function () {
+    var children = _a.children, _b = _a.initial, initial = _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)(initial), lang = _d[0], _setLang = _d[1];
+    var _e = (0, react_1.useState)({}), loaded = _e[0], setLoaded = _e[1];
+    var options = (0, react_1.useMemo)(function () {
+        return Object.keys(__locales__).map(function (name) {
+            return {
+                name: name,
+                label: __locales__[name]["$"] || name,
+            };
+        });
+    }, [__locales__]);
+    var records = (0, react_1.useMemo)(function () {
         // 异步加载
         if (onLoad) {
             return loaded;
         }
-        return locales[lang] ? locales[lang].messages || {} : {};
+        var current = __locales__[lang] || {};
+        return current;
     }, [lang, loaded, onLoad]);
-    var t = (0, react_1.useCallback)((0, utils_1.ParserI18nFn)(dataSource), [dataSource]);
+    var t = (0, react_1.useCallback)((0, utils_1.ParserI18nFn)(records), [records]);
     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({});
@@ -65,32 +82,14 @@ var I18nConnect = function (_a) {
         window.$t = t;
     }, [t]);
     return (react_1.default.createElement(I18nCtx.Provider, { value: {
-            locales: locales,
-            dataSource: dataSource,
-            title: title,
+            __locales__: __locales__,
+            records: records,
+            options: options,
             lang: lang,
             t: t,
             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.3",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "types/index.d.ts",

package/types/index.d.ts

@@ -1,23 +1,17 @@
 import { FC, PropsWithChildren } from "react";
 declare const I18nConnect: FC<PropsWithChildren<I18nConnectProps>>;
 export interface I18nConnectValue {
-    title: string;
+    __locales__: Record<string, Record<string, TRValue>>;
     lang: string;
-    dataSource: Record<string, TRValue>;
-    locales: Record<string, I18nLangEntry>;
+    options: I18nLangOption[];
+    records: Record<string, TRValue>;
     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;

package/types/type.d.ts

@@ -1,16 +1,16 @@
 /** @i18n */
 interface I18nConfig {
-  locales: Record<string, I18nLangEntry>;
-  initialLang: string;
+  locales: Record<Record<string, TRValue>>;
+  initial: string;
 }
 
-type TRValue = string | number | boolean;
-
-interface I18nLangEntry {
-  title: string;
-  messages?: Record<string, TRValue>;
+interface I18nLangOption {
+  name: string;
+  label: string;
 }
 
+type TRValue = string | number | boolean;
+
 type TR = (k: string, o?: Record<string, unknown>) => string;
 
 declare var $t: TR;