@_tc/template-core 0.2.0-bate.0 → 0.2.0-bate.10

package/esm/packages/core/loader/router-schema.js

@@ -1,16 +1,16 @@
-import { getAppPaths as e } from "../paths.js";
-import { resolve as t } from "../../utils/path.js";
-import { loadFileFn as n } from "../../utils/loadFile.js";
-import { runFileFn as r } from "../../utils/runFileFn.js";
+import { resolve as e } from "../../utils/path.js";
+import { loadFileFn as t } from "../../utils/loadFile.js";
+import { runFileFn as n } from "../../utils/runFileFn.js";
 import "../../utils/index.js";
+import { getAppPaths as r } from "../paths.js";
 //#region packages/core/loader/router-schema.ts
 var i = (i) => {
 	let a = {};
-	e(i).forEach((e) => {
-		n(e, "router-schema", { preProcessingFileCallback(e) {
+	r(i).forEach((r) => {
+		t(r, "router-schema", { preProcessingFileCallback(t) {
 			a = {
 				...a,
-				...r(t(e))
+				...n(e(t))
 			};
 		} });
 	}), i.routerSchema = a;

package/esm/packages/core/loader/router.js

@@ -1,26 +1,26 @@
-import { getAppPath as e, getAppPaths as t } from "../paths.js";
-import { resolve as n } from "../../utils/path.js";
-import { loadFileFn as r } from "../../utils/loadFile.js";
-import { runFileFn as i } from "../../utils/runFileFn.js";
+import { resolve as e } from "../../utils/path.js";
+import { loadFileFn as t } from "../../utils/loadFile.js";
+import { runFileFn as n } from "../../utils/runFileFn.js";
 import "../../utils/index.js";
+import { getAppPath as r, getAppPaths as i } from "../paths.js";
 import { existsSync as a } from "fs";
 import o from "koa-router";
 //#region packages/core/loader/router.ts
 var s = (s) => {
-	let c, l = e(s, "business");
-	if (l) for (let e of ["router-guard.ts", "router-guard.js"]) {
-		let t = n(l, e);
-		if (a(t)) {
-			c = i(t)(s);
+	let c, l = r(s, "business");
+	if (l) for (let t of ["router-guard.ts", "router-guard.js"]) {
+		let r = e(l, t);
+		if (a(r)) {
+			c = n(r)(s);
 			break;
 		}
 	}
 	c || console.info("-- [router-guard] -- not router-guard.(ts|js) file");
 	let u = [];
-	t(s).forEach((e) => {
-		r(e, "router", { preProcessingFileCallback: (e) => {
-			let t = new o();
-			t.level = 0, u.push(t), i(n(e))(s, t);
+	i(s).forEach((r) => {
+		t(r, "router", { preProcessingFileCallback: (t) => {
+			let r = new o();
+			r.level = 0, u.push(r), n(e(t))(s, r);
 		} });
 	});
 	let d = new o();

package/esm/packages/core/loader/service.js

@@ -1,12 +1,12 @@
-import { getAppPaths as e } from "../paths.js";
-import { loadFileFn as t } from "../../utils/loadFile.js";
-import { runFileFn as n } from "../../utils/runFileFn.js";
+import { loadFileFn as e } from "../../utils/loadFile.js";
+import { runFileFn as t } from "../../utils/runFileFn.js";
 import "../../utils/index.js";
+import { getAppPaths as n } from "../paths.js";
 //#region packages/core/loader/service.ts
 var r = (r) => {
-	r.service = e(r).reduce((e, i) => ({
-		...e,
-		...t(i, "service", { loadFileCallback: (e) => new (n(e)(r))() })
+	r.service = n(r).reduce((n, i) => ({
+		...n,
+		...e(i, "service", { loadFileCallback: (e) => new (t(e)(r))() })
 	}), {});
 };
 //#endregion

package/esm/packages/utils/runFileFn.js

@@ -1,6 +1,6 @@
 import { __require as e } from "../../_virtual/_rolldown/runtime.js";
-import { extname as t } from "path";
-import { readFileSync as n } from "fs";
+import { readFileSync as t } from "fs";
+import { extname as n } from "path";
 //#region packages/utils/runFileFn.ts
 var r = !1;
 function i(e) {
@@ -9,12 +9,12 @@ function i(e) {
 function a(e) {
 	return e && typeof e == "object" && "default" in e && e.default !== void 0 ? e.default : e;
 }
-function o(n) {
+function o(t) {
 	try {
-		return e(n);
+		return e(t);
 	} catch (r) {
-		if (t(n) !== ".ts" || !s(r)) throw r;
-		return c(), delete e.cache[e.resolve(n)], e(n);
+		if (n(t) !== ".ts" || !s(r)) throw r;
+		return c(), delete e.cache[e.resolve(t)], e(t);
 	}
 }
 function s(e) {
@@ -23,11 +23,11 @@ function s(e) {
 }
 function c() {
 	if (r) return;
-	let t = l();
+	let n = l();
 	e.extensions[".ts"] = (e, r) => {
-		let { outputText: i } = t.transpileModule(n(r, "utf8"), { compilerOptions: {
-			module: t.ModuleKind.CommonJS,
-			target: t.ScriptTarget.ES2020,
+		let { outputText: i } = n.transpileModule(t(r, "utf8"), { compilerOptions: {
+			module: n.ModuleKind.CommonJS,
+			target: n.ScriptTarget.ES2020,
 			esModuleInterop: !0,
 			allowSyntheticDefaultImports: !0
 		} });

package/fe/frontend/apps/dash/Dashboard.js

@@ -1,10 +1,10 @@
 import { getAuthToken } from "../../src/common/auth/index.js";
-import { getText } from "../../src/common/language.js";
 import { generateMenuItemData } from "../../src/common/generateMenuData.js";
 import { Menu } from "../../../packages/react/ui/components/Menu/Menu.js";
 import "../../../packages/react/ui/components/index.js";
 import { useModeStore } from "../../src/stores/mode.js";
 import { findMenuItem, leftSidebarBasePath } from "../../src/common/menu.js";
+import { useText } from "../../src/hooks/useText.js";
 import HeaderView from "../../src/components/BasePage/HeaderView.js";
 import useRouterParams from "../../src/hooks/useRouterParams.js";
 import useInit from "../../../packages/react/hooks/useInit.js";
@@ -83,6 +83,7 @@ var getRenderableHomePage = (projectInfo) => {
 var Dashboard = () => {
 	const { initModeData, initData, projectInfo } = useModeStore();
 	const HeaderUserArea = dashComponents["HeaderView.userArea"];
+	const text = useText();
 	useInit(() => {
 		!initData && initModeData();
 	});
@@ -94,7 +95,7 @@ var Dashboard = () => {
 		if (initData && projectInfo?.menuLayout === "top") return /* @__PURE__ */ jsx(Menu, {
 			className: " w-full",
 			mode: "top",
-			items: generateMenuItemData(projectInfo.menu),
+			items: generateMenuItemData(projectInfo.menu, text),
 			selectedKey: SK,
 			onSelect: (e) => {
 				uSK(e);
@@ -107,7 +108,8 @@ var Dashboard = () => {
 		initData,
 		projectInfo,
 		SK,
-		nav
+		nav,
+		text
 	]);
 	useEffect(() => {
 		if (initData && projectInfo) {
@@ -165,7 +167,7 @@ var Dashboard = () => {
 	const getTitle = () => {
 		const title = projectInfo?.desc ?? projectInfo?.name;
 		if (!isInit.current && title) document.title = projectInfo?.name ?? title;
-		return title ? getText(title) : void 0;
+		return title ? text(title) : void 0;
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "dash-main h-screen flex flex-col overflow-hidden bg-theme-bg text-foreground",

package/fe/frontend/apps/dash/dash.entry.js

@@ -1,6 +1,8 @@
+import { registerFrontendI18nResources } from "../../src/common/language.js";
 import { QK, leftSidebarBasePath } from "../../src/common/menu.js";
 import Dashboard from "./Dashboard.js";
 import { renderImportComponent } from "../../src/common/importComponent.js";
+import { initThemeMode } from "../../src/common/theme.js";
 import { initApp } from "../../src/main.js";
 import { jsx } from "react/jsx-runtime";
 import extendDashRoutes from "@tc/scalability/dash/customRoutes";
@@ -54,6 +56,8 @@ initApp(({ children }) => /* @__PURE__ */ jsx("div", {
 }), {
 	routes: getDefaultPageRoutes(),
 	beforeRender: async (context) => {
+		await registerFrontendI18nResources();
+		initThemeMode();
 		if (typeof initDash === "function") await initDash(context);
 	}
 });

package/fe/frontend/src/common/generateMenuData.d.ts

@@ -1,3 +1,6 @@
 import type { ProjectInfo } from "../api/baseInfo";
 import type { MenuItemData } from "../../../packages/react/ui/components/index";
-export declare const generateMenuItemData: (data: ProjectInfo["menu"]) => MenuItemData[];
+import { getText } from "./language";
+type TextResolver = typeof getText;
+export declare const generateMenuItemData: (data: ProjectInfo["menu"], text?: TextResolver) => MenuItemData[];
+export {};

package/fe/frontend/src/common/generateMenuData.js

@@ -1,11 +1,11 @@
 import { getText } from "./language.js";
 //#region frontend/src/common/generateMenuData.ts
-var generateMenuItemData = (data) => {
+var generateMenuItemData = (data, text = getText) => {
 	return data.map((m) => {
-		const children = m.menuType === "group" && m.subMenu.length ? generateMenuItemData(m.subMenu) : void 0;
+		const children = m.menuType === "group" && m.subMenu.length ? generateMenuItemData(m.subMenu, text) : void 0;
 		return {
 			key: m.key,
-			label: getText(m.name),
+			label: text(m.name),
 			icon: m.icon,
 			children,
 			minWidth: 100

package/fe/frontend/src/common/language.d.ts

@@ -1,2 +1,13 @@
-import type { I18nInterpolationValues, I18nTranslateOptions } from "../../../packages/react/ui/i18n/index";
+import type { I18nAddResourcesOptions, I18nDictionary, I18nInterpolationValues, I18nLanguage, I18nResources, I18nSetResourcesOptions, I18nTranslateOptions } from "../../../packages/react/ui/i18n/index";
+export declare const addLanguageResources: (language: I18nLanguage, messages: I18nDictionary, options?: I18nAddResourcesOptions) => void;
+export declare const setLanguage: (language: I18nLanguage) => void;
+export declare const setFallbackLanguage: (language: I18nLanguage) => void;
+export declare const setResources: (resources: I18nResources, options?: I18nSetResourcesOptions) => void;
+export declare const getCurrentLanguage: () => string;
+export declare const getFallbackLanguage: () => string;
+export declare const getI18nResources: () => Partial<Record<string, I18nDictionary>>;
+export declare const getSupportedLanguages: () => string[];
+export declare const registerFrontendI18nResources: (resources?: I18nResources) => Promise<void>;
 export declare const getText: (key: string, fillingData?: I18nInterpolationValues, options?: I18nTranslateOptions) => string;
+export declare const t: <T = string>(key: string, fillingData?: I18nInterpolationValues, options?: I18nTranslateOptions) => string | T;
+export type { I18nAddResourcesOptions, I18nDictionary, I18nInterpolationValues, I18nLanguage, I18nResources, I18nSetResourcesOptions, I18nTranslateOptions, };

package/fe/frontend/src/common/language.js

@@ -1,12 +1,33 @@
-import { frontendI18nResources, i18nKeyPrefix } from "../language/index.js";
+import { i18nKeyPrefix } from "../language/index.js";
 import { i18n, i18nStore } from "../../../packages/common/i18n/index.js";
 import "../../../packages/react/ui/i18n/index.js";
 //#region frontend/src/common/language.ts
-i18nStore.getState().addResources("zh-CN", frontendI18nResources["zh-CN"] ?? {});
-i18nStore.getState().addResources("en-US", frontendI18nResources["en-US"] ?? {});
+var addLanguageResources = (language, messages, options) => {
+	i18nStore.getState().addResources(language, messages, options);
+};
+var setLanguage = (language) => {
+	i18nStore.getState().setLanguage(language);
+};
+var setFallbackLanguage = (language) => {
+	i18nStore.getState().setFallbackLanguage(language);
+};
+var setResources = (resources, options) => {
+	i18nStore.getState().setResources(resources, options);
+};
+var getCurrentLanguage = () => i18nStore.getState().language;
+var getFallbackLanguage = () => i18nStore.getState().fallbackLanguage;
+var getI18nResources = () => i18nStore.getState().resources;
+var getSupportedLanguages = () => Object.keys(getI18nResources());
+var registerFrontendI18nResources = async (resources) => {
+	const nextResources = resources ?? (await import("../language/resources.js")).frontendI18nResources;
+	Object.entries(nextResources).forEach(([language, messages]) => {
+		addLanguageResources(language, messages ?? {});
+	});
+};
 var getText = (key, fillingData, options) => {
 	if (key.includes("$i18n::")) return i18n(key.replace(i18nKeyPrefix, ""), fillingData, options);
 	return key;
 };
+var t = i18n;
 //#endregion
-export { getText };
+export { addLanguageResources, getCurrentLanguage, getFallbackLanguage, getI18nResources, getSupportedLanguages, getText, registerFrontendI18nResources, setFallbackLanguage, setLanguage, setResources, t };

package/fe/frontend/src/common/rafTimer.d.ts

@@ -0,0 +1 @@
+export * from "../../../packages/common/rafTimer";

package/fe/frontend/src/common/rafTimer.js

@@ -0,0 +1,2 @@
+import { clearRafTimer, rafClearInterval, rafClearTimeout, rafSetInterval, rafSetTimeout } from "../../../packages/common/rafTimer.js";
+export { clearRafTimer, rafClearInterval, rafClearTimeout, rafSetInterval, rafSetTimeout };

package/fe/frontend/src/common/request.js

@@ -100,6 +100,7 @@ api.interceptors.request.use(async (config) => {
 	const aauto = getApiAuth();
 	const time = (/* @__PURE__ */ new Date()).getTime();
 	config.headers = {
+		"Content-Type": "application/json",
 		...config.headers,
 		s_t: time + "",
 		s_sign: md5(`${window["_signKey"]}_${time}`),

package/fe/frontend/src/common/theme.d.ts

@@ -0,0 +1,7 @@
+export type ThemeSwitchMode = 'light' | 'dark';
+export declare const themeSwitchStorageKey = "tc_theme";
+export declare const getStoredThemeMode: (storageKey?: string) => ThemeSwitchMode | null;
+export declare const getCurrentThemeMode: (defaultValue?: ThemeSwitchMode, storageKey?: string) => ThemeSwitchMode;
+export declare const persistThemeMode: (mode: ThemeSwitchMode, storageKey?: string) => void;
+export declare const applyThemeMode: (mode?: ThemeSwitchMode, persist?: boolean, storageKey?: string) => void;
+export declare const initThemeMode: (defaultValue?: ThemeSwitchMode, storageKey?: string) => ThemeSwitchMode;

package/fe/frontend/src/common/theme.js

@@ -0,0 +1,33 @@
+//#region frontend/src/common/theme.ts
+var themeSwitchStorageKey = "tc_theme";
+var canUseDocument = () => typeof document !== "undefined";
+var canUseLocalStorage = () => typeof localStorage !== "undefined";
+var getStoredThemeMode = (storageKey = themeSwitchStorageKey) => {
+	if (!canUseLocalStorage()) return null;
+	const value = localStorage.getItem(storageKey);
+	return value === "light" || value === "dark" ? value : null;
+};
+var getCurrentThemeMode = (defaultValue, storageKey = themeSwitchStorageKey) => {
+	const storedMode = getStoredThemeMode(storageKey);
+	if (storedMode) return storedMode;
+	if (defaultValue) return defaultValue;
+	if (!canUseDocument()) return "light";
+	return document.documentElement.classList.contains("dark") ? "dark" : "light";
+};
+var persistThemeMode = (mode, storageKey = themeSwitchStorageKey) => {
+	if (canUseLocalStorage()) localStorage.setItem(storageKey, mode);
+};
+var applyThemeMode = (mode = getCurrentThemeMode(), persist = false, storageKey = themeSwitchStorageKey) => {
+	if (!canUseDocument()) return;
+	const root = document.documentElement;
+	root.classList.toggle("dark", mode === "dark");
+	root.style.colorScheme = mode;
+	if (persist) persistThemeMode(mode, storageKey);
+};
+var initThemeMode = (defaultValue, storageKey = themeSwitchStorageKey) => {
+	const mode = getCurrentThemeMode(defaultValue, storageKey);
+	applyThemeMode(mode, false, storageKey);
+	return mode;
+};
+//#endregion
+export { applyThemeMode, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey };

package/fe/frontend/src/components/BasePage/HeaderView.js

@@ -1,7 +1,7 @@
 import { frontendLangKeys } from "../../language/index.js";
-import { getText } from "../../common/language.js";
 import { cn } from "../../../../packages/react/ui/lib/utils.js";
 import "../../../../packages/react/ui/index.js";
+import { useText } from "../../hooks/useText.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Boxes } from "lucide-react";
 //#region frontend/src/components/BasePage/HeaderView.tsx
@@ -14,7 +14,7 @@ var headerThemeStyle = {
 var imageLogoPattern = /^(https?:\/\/|data:image\/|\/|\.\/|\.\.\/|.*\.(svg|png|jpe?g|webp|gif)$)/i;
 var HeaderView = (props) => {
 	const { icon, title, menu, userArea, children } = props ?? defaultProps;
-	const defaultTitle = getText(frontendLangKeys.appTitle);
+	const defaultTitle = useText()(frontendLangKeys.appTitle);
 	const brandLogo = icon ? typeof icon === "string" ? imageLogoPattern.test(icon) ? /* @__PURE__ */ jsx("img", {
 		className: "h-full max-w-[112px] object-contain",
 		src: icon,

package/fe/frontend/src/components/LanguageSwitch/LanguageSwitch.js

@@ -2,31 +2,47 @@ import { frontendLangKeys } from "../../language/index.js";
 import { i18nStore } from "../../../../packages/common/i18n/index.js";
 import { useI18nStore } from "../../../../packages/react/ui/i18n/useI18n.js";
 import "../../../../packages/react/ui/i18n/index.js";
-import { getText } from "../../common/language.js";
+import { getSupportedLanguages } from "../../common/language.js";
 import { cn } from "../../../../packages/react/ui/lib/utils.js";
 import { Button } from "../../../../packages/react/ui/components/Button/Button.js";
 import { Dropdown } from "../../../../packages/react/ui/components/Dropdown/Dropdown.js";
 import "../../../../packages/react/ui/index.js";
+import { useText } from "../../hooks/useText.js";
 import { useCallback, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronDown } from "lucide-react";
 //#region frontend/src/components/LanguageSwitch/LanguageSwitch.tsx
-var getDefaultLanguageOptions = () => [{
-	label: getText(frontendLangKeys.languageSwitchZhCN),
+var getDefaultLanguageOptions = (text) => [{
+	label: text(frontendLangKeys.languageSwitchZhCN),
 	value: "zh-CN",
 	searchText: "zh-CN 中文 简体中文"
 }, {
-	label: getText(frontendLangKeys.languageSwitchEnUS),
+	label: text(frontendLangKeys.languageSwitchEnUS),
 	value: "en-US",
 	searchText: "en-US English"
 }];
+var getLanguageOptions = (text) => {
+	const baseOptions = getDefaultLanguageOptions(text);
+	const seen = new Set(baseOptions.map((option) => option.value));
+	return [...baseOptions, ...getSupportedLanguages().filter((language) => !seen.has(language)).map((language) => ({
+		label: language,
+		value: language,
+		searchText: language
+	}))];
+};
 var LanguageSwitch = ({ value, defaultValue, options, onChange, className, buttonClassName, placeholder, disabled, loading, clearable: _clearable, searchable: _searchable, placement = "bottom-end", getPopupContainer = "parent", ...props }) => {
 	const rootRef = useRef(null);
+	const text = useText();
 	const currentLanguage = useI18nStore((state) => state.language);
-	const mergedOptions = useMemo(() => options ?? getDefaultLanguageOptions(), [currentLanguage, options]);
+	const mergedOptions = useMemo(() => options ?? getLanguageOptions(text), [
+		currentLanguage,
+		options,
+		useI18nStore((state) => state.resources),
+		text
+	]);
 	const selectedLanguage = value ?? currentLanguage ?? defaultValue;
 	const selectedOption = mergedOptions.find((option) => option.value === selectedLanguage);
-	const displayText = selectedOption?.label ?? placeholder ?? getText(frontendLangKeys.languageSwitchPlaceholder);
+	const displayText = selectedOption?.label ?? placeholder ?? text(frontendLangKeys.languageSwitchPlaceholder);
 	const handleChange = useCallback((language) => {
 		if (!language) return;
 		const nextLanguage = String(language);

package/fe/frontend/src/components/ThemeSwitch/ThemeSwitch.d.ts

@@ -1,4 +1,6 @@
-export type ThemeSwitchMode = 'light' | 'dark';
+import { type ThemeSwitchMode } from "../../common/theme";
+export { applyThemeMode, themeSwitchStorageKey } from "../../common/theme";
+export type { ThemeSwitchMode } from "../../common/theme";
 export interface ThemeSwitchProps {
     value?: ThemeSwitchMode;
     defaultValue?: ThemeSwitchMode;
@@ -9,6 +11,5 @@ export interface ThemeSwitchProps {
     persist?: boolean;
     storageKey?: string;
 }
-export declare const themeSwitchStorageKey = "tc_theme";
 declare const ThemeSwitch: ({ value, defaultValue, onChange, disabled, className, showLabel, persist, storageKey, }: ThemeSwitchProps) => import("react/jsx-runtime").JSX.Element;
 export default ThemeSwitch;

package/fe/frontend/src/components/ThemeSwitch/ThemeSwitch.js

@@ -1,41 +1,18 @@
 import { frontendLangKeys } from "../../language/index.js";
 import { useI18nStore } from "../../../../packages/react/ui/i18n/useI18n.js";
 import "../../../../packages/react/ui/i18n/index.js";
-import { getText } from "../../common/language.js";
 import { cn } from "../../../../packages/react/ui/lib/utils.js";
 import { Switch } from "../../../../packages/react/ui/components/Switch/Switch.js";
 import { Tooltip } from "../../../../packages/react/ui/components/Tooltip/Tooltip.js";
 import "../../../../packages/react/ui/index.js";
+import { useText } from "../../hooks/useText.js";
+import { applyThemeMode, getCurrentThemeMode, persistThemeMode, themeSwitchStorageKey } from "../../common/theme.js";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Moon, Sun } from "lucide-react";
 //#region frontend/src/components/ThemeSwitch/ThemeSwitch.tsx
-var themeSwitchStorageKey = "tc_theme";
-var canUseDocument = () => typeof document !== "undefined";
-var canUseLocalStorage = () => typeof localStorage !== "undefined";
-var getStoredThemeMode = (storageKey) => {
-	if (!canUseLocalStorage()) return null;
-	const value = localStorage.getItem(storageKey);
-	return value === "light" || value === "dark" ? value : null;
-};
-var getCurrentThemeMode = (defaultValue, storageKey = themeSwitchStorageKey) => {
-	const storedMode = getStoredThemeMode(storageKey);
-	if (storedMode) return storedMode;
-	if (defaultValue) return defaultValue;
-	if (!canUseDocument()) return "light";
-	return document.documentElement.classList.contains("dark") ? "dark" : "light";
-};
-var persistThemeMode = (mode, storageKey) => {
-	if (canUseLocalStorage()) localStorage.setItem(storageKey, mode);
-};
-var applyThemeMode = (mode, persist, storageKey) => {
-	if (!canUseDocument()) return;
-	const root = document.documentElement;
-	root.classList.toggle("dark", mode === "dark");
-	root.style.colorScheme = mode;
-	if (persist) persistThemeMode(mode, storageKey);
-};
 var ThemeSwitch = ({ value, defaultValue, onChange, disabled, className, showLabel = false, persist = true, storageKey = themeSwitchStorageKey }) => {
+	const text = useText();
 	useI18nStore((state) => state.language);
 	const [internalMode, setInternalMode] = useState(() => getCurrentThemeMode(defaultValue, storageKey));
 	const isControlled = value !== void 0;
@@ -54,8 +31,8 @@ var ThemeSwitch = ({ value, defaultValue, onChange, disabled, className, showLab
 		if (persist) persistThemeMode(nextMode, storageKey);
 		onChange?.(nextMode);
 	};
-	const label = mode === "dark" ? getText(frontendLangKeys.themeSwitchDark) : getText(frontendLangKeys.themeSwitchLight);
-	const tooltip = checked ? getText(frontendLangKeys.themeSwitchToLight) : getText(frontendLangKeys.themeSwitchToDark);
+	const label = mode === "dark" ? text(frontendLangKeys.themeSwitchDark) : text(frontendLangKeys.themeSwitchLight);
+	const tooltip = checked ? text(frontendLangKeys.themeSwitchToLight) : text(frontendLangKeys.themeSwitchToDark);
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("inline-flex shrink-0 items-center gap-2 text-foreground", className),
 		children: [
@@ -84,4 +61,4 @@ var ThemeSwitch = ({ value, defaultValue, onChange, disabled, className, showLab
 	});
 };
 //#endregion
-export { ThemeSwitch as default, themeSwitchStorageKey };
+export { applyThemeMode, ThemeSwitch as default, themeSwitchStorageKey };

package/fe/frontend/src/components/ThemeSwitch/index.d.ts

@@ -1,3 +1,4 @@
 import ThemeSwitch from "./ThemeSwitch";
 export * from "./ThemeSwitch";
+export * from "../../common/theme";
 export default ThemeSwitch;

package/fe/frontend/src/components/ThemeSwitch/index.js

@@ -1,5 +1,6 @@
-import ThemeSwitch, { themeSwitchStorageKey } from "./ThemeSwitch.js";
+import { applyThemeMode, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey } from "../../common/theme.js";
+import ThemeSwitch from "./ThemeSwitch.js";
 //#region frontend/src/components/ThemeSwitch/index.ts
 var ThemeSwitch_default = ThemeSwitch;
 //#endregion
-export { ThemeSwitch_default as default, themeSwitchStorageKey };
+export { applyThemeMode, ThemeSwitch_default as default, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey };

package/fe/frontend/src/components/index.js

@@ -1,7 +1,7 @@
 import HeaderView from "./BasePage/HeaderView.js";
+import { applyThemeMode, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey } from "../common/theme.js";
 import { generateRouter } from "./Router/index.js";
 import AsyncSelect_default from "./AsyncSelect/index.js";
 import LanguageSwitch_default from "./LanguageSwitch/index.js";
-import { themeSwitchStorageKey } from "./ThemeSwitch/ThemeSwitch.js";
 import ThemeSwitch_default from "./ThemeSwitch/index.js";
-export { AsyncSelect_default as AsyncSelect, HeaderView, LanguageSwitch_default as LanguageSwitch, ThemeSwitch_default as ThemeSwitch, generateRouter, themeSwitchStorageKey };
+export { AsyncSelect_default as AsyncSelect, HeaderView, LanguageSwitch_default as LanguageSwitch, ThemeSwitch_default as ThemeSwitch, applyThemeMode, generateRouter, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey };

package/fe/frontend/src/defaultPages/NotFoundPage/index.js

@@ -1,8 +1,9 @@
 import { frontendLangKeys } from "../../language/index.js";
-import { getText } from "../../common/language.js";
+import { useText } from "../../hooks/useText.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region frontend/src/defaultPages/NotFoundPage/index.tsx
 var NotFoundPage = () => {
+	const text = useText();
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex h-full min-h-[240px] w-full items-center justify-center bg-theme-bg px-6 text-foreground",
 		children: /* @__PURE__ */ jsxs("div", {
@@ -14,11 +15,11 @@ var NotFoundPage = () => {
 				}),
 				/* @__PURE__ */ jsx("h1", {
 					className: "text-lg font-semibold tracking-normal",
-					children: getText(frontendLangKeys.notFoundTitle)
+					children: text(frontendLangKeys.notFoundTitle)
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "mt-2 text-sm leading-6 text-muted-foreground",
-					children: getText(frontendLangKeys.notFoundDescription)
+					children: text(frontendLangKeys.notFoundDescription)
 				})
 			]
 		})

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/DetailPanel.js

@@ -1,8 +1,8 @@
 import { frontendLangKeys } from "../../../../language/index.js";
-import { getText } from "../../../../common/language.js";
 import { Drawer } from "../../../../../../packages/react/ui/components/Drawer/Drawer.js";
 import "../../../../../../packages/react/ui/components/index.js";
 import { request } from "../../../../common/request.js";
+import { useText } from "../../../../hooks/useText.js";
 import { schemaEventBus } from "../../../../stores/schemaEventBus.js";
 import { handlingRequestErrors } from "../../../../common/fetchErrorShow.js";
 import useExecuteOnce from "../../../../../../packages/react/hooks/useExecuteOnce.js";
@@ -28,7 +28,7 @@ var getOptionLabel = (options, value) => {
 	if (!matchedOption || typeof matchedOption !== "object") return void 0;
 	return matchedOption.label ?? stringifyValue(value);
 };
-var formatValue = (value, fieldInfo) => {
+var formatValue = (value, fieldInfo, text) => {
 	if (isEmptyValue(value)) return EMPTY_TEXT;
 	const option = fieldInfo.option;
 	const optionLabel = getOptionLabel(option?.options ?? option?.enumList, value);
@@ -39,28 +39,33 @@ var formatValue = (value, fieldInfo) => {
 			return stringifyValue(item);
 		}).join(", ");
 	}
-	if (typeof value === "boolean") return value ? getText(frontendLangKeys.yes) : getText(frontendLangKeys.no);
+	if (typeof value === "boolean") return value ? text(frontendLangKeys.yes) : text(frontendLangKeys.no);
 	return stringifyValue(value);
 };
-var generateFields = (schema, data) => {
+var generateFields = (schema, data, text) => {
 	if (!schema?.properties) return [];
 	return Object.keys(schema.properties).reduce((fields, key) => {
 		const fieldInfo = schema.properties[key];
 		if (!fieldInfo?.option || fieldInfo.option.visible === false) return fields;
 		fields.push({
 			key,
-			label: getText(fieldInfo.label),
-			value: formatValue(data?.[key], fieldInfo),
+			label: text(fieldInfo.label),
+			value: formatValue(data?.[key], fieldInfo, text),
 			level: fieldInfo.level ?? 10
 		});
 		return fields;
 	}, []).sort((a, b) => a.level - b.level);
 };
 var DetailPanel = memo((props) => {
+	const text = useText();
 	const [open, setOpen] = useState(true);
 	const [data, setData] = useState(props.data);
 	const { config, schema, api } = useComConfig({ comName: props.comName });
-	const fields = useMemo(() => generateFields(schema, data), [data, schema]);
+	const fields = useMemo(() => generateFields(schema, data, text), [
+		data,
+		schema,
+		text
+	]);
 	useExecuteOnce(async () => {
 		const fetchKey = config?.fetchKey;
 		if (fetchKey) {
@@ -73,7 +78,7 @@ var DetailPanel = memo((props) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: "detail-panel",
 		children: /* @__PURE__ */ jsx(Drawer, {
-			title: getText(config?.title ?? ""),
+			title: text(config?.title ?? ""),
 			open,
 			onClose: () => {
 				setOpen(false);
@@ -93,7 +98,7 @@ var DetailPanel = memo((props) => {
 				}, field.key))
 			}) : /* @__PURE__ */ jsx("div", {
 				className: "py-8 text-center text-sm text-muted-foreground",
-				children: getText(frontendLangKeys.noData)
+				children: text(frontendLangKeys.noData)
 			})
 		})
 	});