@_tc/template-core 0.2.0-bate.1 → 0.2.0-bate.11

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)
 			})
 		})
 	});

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

@@ -1,9 +1,9 @@
 import { frontendLangKeys } from "../../../../language/index.js";
-import { getText } from "../../../../common/language.js";
 import { Modal } from "../../../../../../packages/react/ui/components/Modal/Modal.js";
 import { SchemaForm } from "../../../../../../packages/react/ui/components/Form/SchemaForm/index.js";
 import "../../../../../../packages/react/ui/components/index.js";
 import { post, put, 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";
@@ -14,7 +14,7 @@ import { createAjvValidator } from "../../utils/validator.js";
 import { memo, useCallback, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region frontend/src/defaultPages/SchemaPage/components/CallCom/PopFrom.tsx
-var generateSchemas = (schema) => {
+var generateSchemas = (schema, text) => {
 	if (!schema?.properties) return [];
 	return Object.keys(schema.properties).reduce((schemas, key) => {
 		const fieldInfo = schema.properties[key];
@@ -23,12 +23,12 @@ var generateSchemas = (schema) => {
 		const { comType = "input", default: _defaultValue, visible: _visible, ...fieldProps } = option;
 		schemas.push({
 			key,
-			label: getText(fieldInfo.label),
+			label: text(fieldInfo.label),
 			type: comType,
 			required: schema.required?.includes(key),
 			rules: [...schema.required?.includes(key) ? [{
 				required: true,
-				message: getText(frontendLangKeys.requiredInput, { label: getText(fieldInfo.label) })
+				message: text(frontendLangKeys.requiredInput, { label: text(fieldInfo.label) })
 			}] : [], { validator: createAjvValidator(fieldInfo, { required: schema.required?.includes(key) }) }],
 			fieldProps: {
 				...fieldProps,
@@ -48,6 +48,7 @@ var generateDefaultValue = (schema, data) => {
 	return defaultValue;
 };
 var PopForm = memo((props) => {
+	const text = useText();
 	const [open, setOpen] = useState(true);
 	const [submitting, setSubmitting] = useState(false);
 	const { schema, config, api } = useComConfig({ comName: props.comName });
@@ -64,8 +65,8 @@ var PopForm = memo((props) => {
 	*
 	*/
 	const schemas = useMemo(() => {
-		return generateSchemas(schema);
-	}, [schema]);
+		return generateSchemas(schema, text);
+	}, [schema, text]);
 	const closed = submitting ? void 0 : () => {
 		schemaEventBus.getState().emitCom({ type: merge(eventsInfo.closeCom) });
 		setOpen(false);
@@ -98,7 +99,7 @@ var PopForm = memo((props) => {
 	return /* @__PURE__ */ jsx(Modal, {
 		open,
 		onClose: closed,
-		title: getText(config?.title ?? ""),
+		title: text(config?.title ?? ""),
 		width: 640,
 		maskClosable: !submitting,
 		children: /* @__PURE__ */ jsx(SchemaForm, {

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaSearch/index.js

@@ -1,14 +1,13 @@
-import { getText } from "../../../../common/language.js";
 import TableSearch from "../../../../../../packages/react/ui/components/TableSearch/TableSearch.js";
 import "../../../../../../packages/react/ui/components/index.js";
-import useInit from "../../../../../../packages/react/hooks/useInit.js";
+import { useText } from "../../../../hooks/useText.js";
 import { schemaEventBus } from "../../../../stores/schemaEventBus.js";
 import { filterEmpty } from "../../../../../../packages/common/object/filterEmpty.js";
 import { useSchemaStore } from "../../../../stores/schemaStore.js";
-import { memo, useState } from "react";
+import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region frontend/src/defaultPages/SchemaPage/components/SchemaSearch/index.tsx
-var generateSchemas = (config) => {
+var generateSchemas = (config, text) => {
 	const keys = Object.keys(config);
 	const schemas = [];
 	let defaultValue = void 0;
@@ -21,7 +20,7 @@ var generateSchemas = (config) => {
 				defaultValue[k] = defaultFieldValue;
 			}
 			schemas.push({
-				label: getText(fieldInfo.label),
+				label: text(fieldInfo.label),
 				key: k,
 				type: comType,
 				fieldProps
@@ -34,27 +33,24 @@ var generateSchemas = (config) => {
 	};
 };
 var SchemaSearch = memo(() => {
+	const text = useText();
 	const schema = useSchemaStore((s) => s.searchSchema);
-	const [schemas, setSchemas] = useState([]);
-	const [defaultValue, setSchemaDefaultValue] = useState(void 0);
-	useInit(() => {
-		const { schemas, defaultValue } = generateSchemas(schema.properties);
-		setSchemas(schemas);
-		setSchemaDefaultValue(defaultValue);
-	});
+	const { schemas, defaultValue } = useMemo(() => generateSchemas(schema.properties, text), [schema, text]);
+	const tsProps = {
+		schemas,
+		defaultValue,
+		onSearch(values) {
+			schemaEventBus.getState().emitSearch(filterEmpty(values));
+		},
+		onReset() {
+			schemaEventBus.getState().emitSearch(void 0);
+		},
+		renderActionBtnArea: () => {}
+	};
 	return /* @__PURE__ */ jsx("div", {
-		className: "schema-search",
-		children: /* @__PURE__ */ jsx(TableSearch, {
-			schemas,
-			defaultValue,
-			onSearch(values) {
-				schemaEventBus.getState().emitSearch(filterEmpty(values));
-			},
-			onReset() {
-				schemaEventBus.getState().emitSearch(void 0);
-			},
-			renderActionBtnArea: () => {}
-		})
+		className: "schema-search pb-2",
+		style: { display: schemas.length ? "block" : "none" },
+		children: /* @__PURE__ */ jsx(TableSearch, { ...tsProps })
 	});
 });
 SchemaSearch.displayName = "SchemaSearch";

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaTable/PreviewImage.d.ts

@@ -0,0 +1,10 @@
+import type { PreviewImageProps as BasePreviewImageProps } from "../../../../../../packages/react/ui/index";
+export type SchemaTablePreviewImageProps = Omit<BasePreviewImageProps, 'images'> & {
+    value?: unknown;
+    record?: Record<string, unknown>;
+    rowIndex?: number;
+    fieldKey?: string;
+    images?: BasePreviewImageProps['images'];
+    valueToImages?: (value: unknown, record?: Record<string, unknown>, rowIndex?: number, fieldKey?: string) => BasePreviewImageProps['images'];
+};
+export declare function PreviewImage({ value, record, rowIndex, fieldKey, images, valueToImages: customValueToImages, ...props }: SchemaTablePreviewImageProps): import("react/jsx-runtime").JSX.Element;

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaTable/PreviewImage.js

@@ -0,0 +1,17 @@
+import { PreviewImage as PreviewImage$1 } from "../../../../../../packages/react/ui/components/ImagePreview/PreviewImage.js";
+import "../../../../../../packages/react/ui/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/SchemaPage/components/SchemaTable/PreviewImage.tsx
+var valueToImages = (value) => {
+	if (Array.isArray(value)) return value;
+	if (value === void 0 || value === null || value === "") return [];
+	return [value];
+};
+function PreviewImage({ value, record, rowIndex, fieldKey, images, valueToImages: customValueToImages, ...props }) {
+	return /* @__PURE__ */ jsx(PreviewImage$1, {
+		...props,
+		images: images ?? (customValueToImages ?? valueToImages)(value, record, rowIndex, fieldKey)
+	});
+}
+//#endregion
+export { PreviewImage };

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaTable/data.d.ts

@@ -0,0 +1,5 @@
+import type { SchemaTableRenderComponentPropsMap } from "../../../../../../model/types/data/schema";
+import type { ComponentType, LazyExoticComponent } from "react";
+export type SchemaTableRenderComponent = ComponentType<any> | LazyExoticComponent<ComponentType<any>>;
+export type SchemaTableRenderComponentsMap = Partial<Record<Extract<keyof SchemaTableRenderComponentPropsMap, string>, SchemaTableRenderComponent>>;
+export declare const schemaTableRenderComponentMap: SchemaTableRenderComponentsMap;

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaTable/data.js

@@ -0,0 +1,8 @@
+import { PreviewImage } from "./PreviewImage.js";
+import consumerRenderComponentMap from "@tc/scalability/SchemaPage/SchemaTable/data";
+var schemaTableRenderComponentMap = {
+	PreviewImage,
+	...consumerRenderComponentMap
+};
+//#endregion
+export { schemaTableRenderComponentMap };

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaTable/index.js

@@ -1,42 +1,58 @@
 import { frontendLangKeys } from "../../../../language/index.js";
-import { getText } from "../../../../common/language.js";
 import { Button } from "../../../../../../packages/react/ui/components/Button/Button.js";
 import { modal } from "../../../../../../packages/react/ui/components/Modal/ModalManager.js";
 import { DataTable } from "../../../../../../packages/react/ui/components/DataTable/index.js";
 import "../../../../../../packages/react/ui/components/index.js";
 import { del, get } from "../../../../common/request.js";
-import useInit from "../../../../../../packages/react/hooks/useInit.js";
+import { useText } from "../../../../hooks/useText.js";
 import { schemaEventBus } from "../../../../stores/schemaEventBus.js";
 import { useSchemaStore } from "../../../../stores/schemaStore.js";
 import { handlingRequestErrors } from "../../../../common/fetchErrorShow.js";
 import useExecuteOnce from "../../../../../../packages/react/hooks/useExecuteOnce.js";
 import { eventsInfo } from "../../data/eventInfo.js";
 import { merge } from "../../utils/permissions.js";
+import { schemaTableRenderComponentMap } from "./data.js";
 import useRefState from "../../../../../../packages/react/hooks/useRefState.js";
 import useWatch from "../../../../../../packages/react/hooks/useWatch.js";
-import { memo, useCallback, useImperativeHandle, useMemo, useState, useTransition } from "react";
+import { Suspense, memo, useCallback, useImperativeHandle, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useShallow } from "zustand/react/shallow";
 import { produce } from "immer";
 //#region frontend/src/defaultPages/SchemaPage/components/SchemaTable/index.tsx
 var VALUE_KEY = "$schema::";
-var generateColumns = (config) => {
+var generateColumns = (config, text) => {
 	const keys = Object.keys(config);
 	const columns = [];
 	keys.forEach((k) => {
 		const fieldInfo = config[k];
 		if (fieldInfo?.option) {
-			const { ...fieldProps } = fieldInfo.option;
+			const { render: customRender, renderComponent, renderComponentProps, ...fieldProps } = fieldInfo.option;
 			columns.push({
-				title: getText(fieldInfo.label),
+				title: text(fieldInfo.label),
 				key: k,
-				...fieldProps
+				...fieldProps,
+				render(v, d, index) {
+					if (renderComponent) {
+						const Component = schemaTableRenderComponentMap[renderComponent];
+						if (Component) return /* @__PURE__ */ jsx(Suspense, {
+							fallback: null,
+							children: /* @__PURE__ */ jsx(Component, {
+								...renderComponentProps,
+								value: v,
+								record: d,
+								rowIndex: index,
+								fieldKey: k
+							})
+						});
+					}
+					return customRender ? customRender(v, d, index) : v;
+				}
 			});
 		}
 	});
 	return columns;
 };
-var generateRowActions = (btnConfigs, rowData, api) => {
+var generateRowActions = (btnConfigs, rowData, text, api) => {
 	const handleRowAction = (btnConfig) => {
 		const { eventKey, eventOption } = btnConfig;
 		switch (eventKey) {
@@ -50,12 +66,12 @@ var generateRowActions = (btnConfigs, rowData, api) => {
 			case "remove":
 				if (api) {
 					const apiParams = Object.entries(eventOption.params).reduce((o, [k, v]) => {
-						if (("" + v).includes(VALUE_KEY)) o[k] = rowData[("" + v).split(VALUE_KEY)[1]];
+						if (("" + v).indexOf(VALUE_KEY) === 0) o[k] = rowData[("" + v).split(VALUE_KEY)[1]];
 						else o[k] = v;
 						return o;
 					}, {});
 					modal.confirm({
-						content: getText(frontendLangKeys.confirmDelete),
+						content: text(frontendLangKeys.confirmDelete),
 						async onOk() {
 							await handlingRequestErrors(del(api, apiParams));
 							schemaEventBus.getState().emitCom({ type: merge(eventsInfo.initTable) });
@@ -68,7 +84,7 @@ var generateRowActions = (btnConfigs, rowData, api) => {
 		}
 	};
 	return btnConfigs.map((rb, index) => {
-		const label = getText(rb.label ?? "");
+		const label = text(rb.label ?? "");
 		const bState = rb.eventKey === "remove" ? "danger" : void 0;
 		return { render: (_item, { close }) => /* @__PURE__ */ jsx("div", {
 			className: " p-2.5",
@@ -85,26 +101,22 @@ var generateRowActions = (btnConfigs, rowData, api) => {
 	});
 };
 var SchemaTable = memo(({ ref }) => {
+	const text = useText();
 	const params = useSchemaStore(useShallow((s) => ({
 		config: s.tableConfig,
 		schema: s.tableSchema,
 		api: s.api
 	})));
 	const [data, uData] = useState([]);
-	const [columns, uColumns] = useState([]);
-	const [loading, uLoading, loadingRef] = useRefState(false);
+	const [loading, uLoading, loadingRef] = useRefState(false, 25);
 	const [pagination, setPagination, paginationRef] = useRefState({
 		current: 1,
 		pageSize: 10,
 		total: 0
 	});
-	const [lazyLoading, startTransition] = useTransition();
-	const [handleBtn, setHandleBtn] = useState([]);
 	const init = useCallback(async (query) => {
 		if (loadingRef.current.data) return;
-		startTransition(async () => {
-			uLoading(true);
-		});
+		uLoading(true);
 		try {
 			const res = await handlingRequestErrors(get(params.api ? `${params.api}/list` : "", {
 				...query,
@@ -117,9 +129,7 @@ var SchemaTable = memo(({ ref }) => {
 				}));
 			}
 		} finally {
-			startTransition(async () => {
-				uLoading(false);
-			});
+			uLoading(false);
 		}
 	}, [
 		loadingRef,
@@ -131,29 +141,38 @@ var SchemaTable = memo(({ ref }) => {
 	useImperativeHandle(ref, () => {
 		return { initData: init };
 	}, [init]);
-	useInit(() => {
-		const contextColumns = generateColumns(params.schema.properties);
+	const { columns, handleBtn } = useMemo(() => {
+		const contextColumns = generateColumns(params.schema.properties, text);
 		const actionColumn = [];
+		let handleBtn = [];
 		if (params.config) {
 			const { rowButtons, headerButtons } = params.config;
 			if (rowButtons) actionColumn.push({
 				key: "action",
-				title: getText(frontendLangKeys.operation),
-				actions: (_value, _record, index) => [...generateRowActions(rowButtons, _record, params.api)]
+				title: text(frontendLangKeys.operation),
+				actions: (_value, _record, index) => [...generateRowActions(rowButtons, _record, text, params.api)]
 			});
-			setHandleBtn(headerButtons?.map((c) => {
+			handleBtn = headerButtons?.map((c) => {
 				const { label, eventKey, eventOption, ...props } = c;
 				return {
-					children: getText(label ?? ""),
+					children: text(label ?? ""),
 					onClick: () => {
 						if ("comName" in eventOption) schemaEventBus.getState().emitTable(eventOption);
 					},
 					...props
 				};
-			}) ?? []);
+			}) ?? [];
 		}
-		uColumns(contextColumns.concat(actionColumn));
-	});
+		return {
+			columns: contextColumns.concat(actionColumn),
+			handleBtn
+		};
+	}, [
+		params.api,
+		params.config,
+		params.schema,
+		text
+	]);
 	useExecuteOnce(() => {
 		init();
 	}, { executionPhase: "mount" });
@@ -161,7 +180,7 @@ var SchemaTable = memo(({ ref }) => {
 		return {
 			columns,
 			data,
-			loading: lazyLoading || loading,
+			loading,
 			pagination: {
 				...pagination,
 				onPageSizeChange(pageSize) {
@@ -180,7 +199,6 @@ var SchemaTable = memo(({ ref }) => {
 		columns,
 		data,
 		loading,
-		lazyLoading,
 		pagination,
 		setPagination
 	]);

package/fe/frontend/src/defaultPages/SchemaPage/index.css

@@ -8,10 +8,6 @@
         linear-gradient(180deg, hsl(var(--background) / 0.62), hsl(var(--background) / 0.3)), hsl(var(--theme-bg));
 }
 
-.schema-search-region {
-    padding-bottom: 12px;
-}
-
 .schema-search .tc-ui-search {
     align-items: flex-end;
     gap: 10px 16px;

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

@@ -1,6 +1,6 @@
 import "./index.css";
 import { frontendLangKeys } from "../../language/index.js";
-import { getText } from "../../common/language.js";
+import { useText } from "../../hooks/useText.js";
 import useInit from "../../../../packages/react/hooks/useInit.js";
 import { logIllegalComponentCallback } from "../../common/logFn/index.js";
 import { schemaEventBus } from "../../stores/schemaEventBus.js";
@@ -19,6 +19,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region frontend/src/defaultPages/SchemaPage/index.tsx
 var Schema = memo(() => {
 	const { menu } = useCurrentMenuData();
+	const text = useText();
 	const [showCompoentKey, setShowCompoentKey] = useState();
 	const [comProps, setComProps] = useState({});
 	const schemaStoreAvailable = useSchemaStore((s) => s.schemaStoreAvailable);
@@ -77,12 +78,13 @@ var Schema = memo(() => {
 			});
 		} else return /* @__PURE__ */ jsx("div", {
 			className: "flex h-full items-center justify-center text-sm text-muted-foreground",
-			children: getText(frontendLangKeys.loading)
+			children: text(frontendLangKeys.loading)
 		});
 	}, [
 		comProps,
 		schemaStoreAvailable,
-		showCompoentKey
+		showCompoentKey,
+		text
 	]);
 });
 Schema.displayName = "SchemaPage";

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

@@ -4,18 +4,21 @@ import Iframe from "../Iframe/index.js";
 import NotFoundPage from "../NotFoundPage/index.js";
 import Schema from "../SchemaPage/index.js";
 import { memo, useMemo } from "react";
+import { useParams } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
 //#region frontend/src/defaultPages/SlotPage/index.tsx
 var SlotPage = memo(() => {
 	const { menu } = useCurrentMenuData(true);
+	const params = useParams();
+	const sidek = params.sidek;
 	return useMemo(() => {
-		if (menu?.moduleType === "iframe") return /* @__PURE__ */ jsx(Iframe, {});
-		else if (menu?.moduleType === "schema") return /* @__PURE__ */ jsx(Schema, {});
+		if (menu?.moduleType === "iframe") return /* @__PURE__ */ jsx(Iframe, {}, sidek);
+		else if (menu?.moduleType === "schema") return /* @__PURE__ */ jsx(Schema, {}, sidek);
 		else {
 			logPageNotFound();
 			return /* @__PURE__ */ jsx(NotFoundPage, {});
 		}
-	}, [menu?.moduleType]);
+	}, [menu?.moduleType, params.sidek]);
 });
 SlotPage.displayName = "SlotPage";
 //#endregion

package/fe/frontend/src/hooks/useText.d.ts

@@ -0,0 +1,3 @@
+import type { I18nInterpolationValues, I18nTranslateOptions } from "../../../packages/react/ui/i18n/index";
+export type TextTranslator = <T = string>(key: string, fillingData?: I18nInterpolationValues, options?: I18nTranslateOptions) => T | string;
+export declare const useText: () => TextTranslator;

package/fe/frontend/src/hooks/useText.js

@@ -0,0 +1,14 @@
+import { i18nKeyPrefix } from "../language/index.js";
+import { useI18n } from "../../../packages/react/ui/i18n/useI18n.js";
+import "../../../packages/react/ui/i18n/index.js";
+import { useCallback } from "react";
+//#region frontend/src/hooks/useText.ts
+var useText = () => {
+	const translate = useI18n();
+	return useCallback((key, fillingData, options) => {
+		if (key.startsWith("$i18n::")) return translate(key.slice(i18nKeyPrefix.length), fillingData, options);
+		return translate(key, fillingData, options);
+	}, [translate]);
+};
+//#endregion
+export { useText };

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

@@ -2,12 +2,20 @@ import "./typing/scalability";
 export type * from "../apps/dash/types";
 export * from "./main";
 export type { CallComComponentsMap, CallComRenderer } from "./defaultPages/SchemaPage/schemaType";
+export type { SchemaTableRenderComponent, SchemaTableRenderComponentsMap, } from "./defaultPages/SchemaPage/components/SchemaTable/data";
 export * from "./components/index";
 export type { FormFieldSchema, SchemaFormComponentsMap, SchemaFormNamespace, SelectProps } from "../../packages/react/ui/index";
-export { api, del, get, patch, post, put, request } from "./common/request";
-export type { AxiosError, BaseResponse, PageParams, PageResponse, RequestConfig, ResponseConfig } from "./common/request";
+export { renderImportComponent } from "./common/importComponent";
+export { clearRafTimer, rafClearInterval, rafClearTimeout, rafSetInterval, rafSetTimeout } from "../../packages/common/rafTimer";
+export type { RafTimerCallback, RafTimerId } from "../../packages/common/rafTimer";
+export { api, del, FetchAxios, get, patch, post, put, request } from "./common/request";
+export type { AxiosError, BaseResponse, PageParams, PageResponse, RequestConfig, ResponseConfig, } from "./common/request";
+export { applyThemeMode, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey, } from "./common/theme";
+export type { ThemeSwitchMode } from "./common/theme";
+export { clearAuthToken, getAuthToken, localKeyMap, setAuthToken } from "./common/auth/index";
+export * from "./common/language";
 export * from "./defaultPages/SchemaPage/data/eventInfo";
 export { merge } from "./defaultPages/SchemaPage/utils/permissions";
+export { useText, type TextTranslator } from "./hooks/useText";
 export * from "./exportStore";
 export { i18n, i18nStore } from "../../packages/react/ui/i18n/index";
-export { getAuthToken, localKeyMap, setAuthToken } from "./common/auth/index";

package/fe/frontend/src/index.js

@@ -1,20 +1,25 @@
-import { getAuthToken, localKeyMap, setAuthToken } from "./common/auth/index.js";
+import { clearAuthToken, getAuthToken, localKeyMap, setAuthToken } from "./common/auth/index.js";
 import { i18n, i18nStore } from "../../packages/common/i18n/index.js";
 import "../../packages/react/ui/i18n/index.js";
+import { addLanguageResources, getCurrentLanguage, getFallbackLanguage, getI18nResources, getSupportedLanguages, getText, registerFrontendI18nResources, setFallbackLanguage, setLanguage, setResources, t } from "./common/language.js";
 import { FreezeState, apiFreezerStore, useApiFreezer } from "./stores/apiFreezer.js";
+import FetchAxios from "../../packages/common/http/index.js";
 import { api, del, get, patch, post, put, request } from "./common/request.js";
 import { modeStore, useModeStore } from "./stores/mode.js";
+import { useText } from "./hooks/useText.js";
 import HeaderView from "./components/BasePage/HeaderView.js";
+import { renderImportComponent } from "./common/importComponent.js";
+import { applyThemeMode, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey } from "./common/theme.js";
 import { generateRouter } from "./components/Router/index.js";
 import { schemaEventBus } from "./stores/schemaEventBus.js";
+import { clearRafTimer, rafClearInterval, rafClearTimeout, rafSetInterval, rafSetTimeout } from "../../packages/common/rafTimer.js";
 import { schemaStore, useSchemaStore } from "./stores/schemaStore.js";
 import "./exportStore.js";
 import { initApp } from "./main.js";
 import AsyncSelect_default from "./components/AsyncSelect/index.js";
 import LanguageSwitch_default from "./components/LanguageSwitch/index.js";
-import { themeSwitchStorageKey } from "./components/ThemeSwitch/ThemeSwitch.js";
 import ThemeSwitch_default from "./components/ThemeSwitch/index.js";
 import "./components/index.js";
 import { eventsInfo } from "./defaultPages/SchemaPage/data/eventInfo.js";
 import { merge } from "./defaultPages/SchemaPage/utils/permissions.js";
-export { AsyncSelect_default as AsyncSelect, FreezeState, HeaderView, LanguageSwitch_default as LanguageSwitch, ThemeSwitch_default as ThemeSwitch, api, apiFreezerStore, del, eventsInfo, generateRouter, get, getAuthToken, i18n, i18nStore, initApp, localKeyMap, merge, modeStore, patch, post, put, request, schemaEventBus, schemaStore, setAuthToken, themeSwitchStorageKey, useApiFreezer, useModeStore, useSchemaStore };
+export { AsyncSelect_default as AsyncSelect, FetchAxios, FreezeState, HeaderView, LanguageSwitch_default as LanguageSwitch, ThemeSwitch_default as ThemeSwitch, addLanguageResources, api, apiFreezerStore, applyThemeMode, clearAuthToken, clearRafTimer, del, eventsInfo, generateRouter, get, getAuthToken, getCurrentLanguage, getCurrentThemeMode, getFallbackLanguage, getI18nResources, getStoredThemeMode, getSupportedLanguages, getText, i18n, i18nStore, initApp, initThemeMode, localKeyMap, merge, modeStore, patch, persistThemeMode, post, put, rafClearInterval, rafClearTimeout, rafSetInterval, rafSetTimeout, registerFrontendI18nResources, renderImportComponent, request, schemaEventBus, schemaStore, setAuthToken, setFallbackLanguage, setLanguage, setResources, t, themeSwitchStorageKey, useApiFreezer, useModeStore, useSchemaStore, useText };

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

@@ -1,6 +1,4 @@
-import type { I18nResources } from "../../../packages/react/ui/i18n/index";
 export declare const i18nKeyPrefix = "$i18n::";
-export declare const frontendI18nResources: I18nResources;
 export declare const withI18nKey: (key: string) => string;
 export declare const frontendLangKeys: {
     readonly appTitle: string;

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

@@ -1,11 +1,5 @@
-import { frontendEnUSResources } from "./en-US.js";
-import { frontendZhCNResources } from "./zh-CN.js";
 //#region frontend/src/language/index.ts
 var i18nKeyPrefix = "$i18n::";
-var frontendI18nResources = {
-	"zh-CN": frontendZhCNResources,
-	"en-US": frontendEnUSResources
-};
 var withI18nKey = (key) => `${i18nKeyPrefix}${key}`;
 var frontendLangKeys = {
 	appTitle: withI18nKey("frontend.app.title"),
@@ -76,4 +70,4 @@ var frontendLangKeys = {
 	logApiTamperEn: withI18nKey("frontend.log.apiTamperEn")
 };
 //#endregion
-export { frontendI18nResources, frontendLangKeys, i18nKeyPrefix, withI18nKey };
+export { frontendLangKeys, i18nKeyPrefix, withI18nKey };

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

@@ -0,0 +1,2 @@
+import type { I18nResources } from "../../../packages/react/ui/i18n/index";
+export declare const frontendI18nResources: I18nResources;

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

@@ -0,0 +1,9 @@
+import { frontendEnUSResources } from "./en-US.js";
+import { frontendZhCNResources } from "./zh-CN.js";
+//#region frontend/src/language/resources.ts
+var frontendI18nResources = {
+	"zh-CN": frontendZhCNResources,
+	"en-US": frontendEnUSResources
+};
+//#endregion
+export { frontendI18nResources };