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

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.includes("$i18n::")) return translate(key.replace(i18nKeyPrefix, ""), fillingData, options);
+		return key;
+	}, [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 };

package/fe/model/types/data/schema.d.ts

@@ -1,11 +1,33 @@
-import { TableColumnDef } from "../../../packages/react/ui/index";
+import type { PreviewImageProps, TableColumnDef } from "../../../packages/react/ui/index";
 import type { JSONSchema7 } from "json-schema";
 import { MOmit } from "../../../typings/type";
 import { BaseButton } from "./button";
 import { ComponentConfig, ComponentNames, ComponentsOption } from "./component";
 import { SearchOption } from "./search";
+export declare namespace SchemaTableNamespace {
+    interface RenderComponentPropsMap {
+    }
+}
+export type BuiltInSchemaTableRenderComponentPropsMap = {
+    PreviewImage: Omit<PreviewImageProps, 'images'> & {
+        value?: unknown;
+        record?: Record<string, unknown>;
+        rowIndex?: number;
+        fieldKey?: string;
+        images?: PreviewImageProps['images'];
+        valueToImages?: (value: unknown, record?: Record<string, unknown>, rowIndex?: number, fieldKey?: string) => PreviewImageProps['images'];
+    };
+};
+export type SchemaTableRenderComponentPropsMap = BuiltInSchemaTableRenderComponentPropsMap & SchemaTableNamespace.RenderComponentPropsMap;
+export type SchemaTableRenderComponentName = Extract<keyof SchemaTableRenderComponentPropsMap, string>;
+export type SchemaTableRenderComponentOption = {
+    [K in SchemaTableRenderComponentName]: {
+        renderComponent?: K;
+        renderComponentProps?: Partial<Omit<SchemaTableRenderComponentPropsMap[K], 'value' | 'record' | 'rowIndex' | 'fieldKey'>>;
+    };
+}[SchemaTableRenderComponentName];
 export type TableColumnsSchema = {
-    tableOption?: MOmit<TableColumnDef, 'key' | 'title'> & {
+    tableOption?: MOmit<TableColumnDef, 'key' | 'title'> & SchemaTableRenderComponentOption & {
         visible?: boolean;
         toFixed?: number;
     };

package/fe/model/types/index.d.ts

@@ -1,2 +1,3 @@
 export type { MBMenuType, ModelDataType, ModelMode, ModelModeMap } from "./model";
 export type { BuiltInCallComConfigMap, BuiltInCallComNames, BuiltInCallComOptionMap, CallComNamespace, ComponentConfig, ComponentFieldOption, ComponentNames, ComponentsOption, } from "./data/component";
+export type { BuiltInSchemaTableRenderComponentPropsMap, SchemaTableNamespace, SchemaTableRenderComponentName, SchemaTableRenderComponentOption, SchemaTableRenderComponentPropsMap, } from "./data/schema";

package/fe/packages/common/i18n/default.js

@@ -5,6 +5,7 @@
 * 这里只放组件内置文案，业务项目可以通过 I18nProvider.resources 覆盖或追加。
 */
 var defaultLanguageResources = {
+	/** 通用操作文案。 */
 	common: {
 		tip: "提示",
 		confirm: "确认",
@@ -13,6 +14,7 @@ var defaultLanguageResources = {
 		submit: "提交",
 		reset: "重置"
 	},
+	/** UI 组件内置文案，按组件名分组。 */
 	components: {
 		breadcrumb: { close: "关闭" },
 		confirmDialog: {
@@ -64,6 +66,7 @@ var defaultLanguageResources = {
 			rotateRight: "右旋转",
 			flipHorizontal: "左右镜像",
 			flipVertical: "上下镜像",
+			/** {index} 会在运行时由调用方传入的插值数据替换。 */
 			previewImage: "预览第{index}张"
 		},
 		modal: {