@_tc/template-core 0.0.3 → 0.1.1

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

@@ -2,12 +2,94 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Outlet, useNavigate } from 'react-router-dom';
 import { generateMenuItemData } from '../../src/common/generateMenuData';
+import { getText } from '../../src/common/language';
 import { findMenuItem, leftSidebarBasePath } from '../../src/common/menu';
 import HeaderView from '../../src/components/BasePage/HeaderView';
 import useRouterParams from '../../src/hooks/useRouterParams';
 import { useModeStore } from '../../src/stores/mode';
 import { Menu } from '../../../packages/ui/react/components';
 import useInit from '../../../packages/ui/react/hooks/useInit';
+const normalizePathname = (pathname) => {
+    if (!pathname)
+        return '/';
+    const normalized = pathname.startsWith('/') ? pathname : `/${pathname}`;
+    return normalized.length > 1 ? normalized.replace(/\/+$/, '') : normalized;
+};
+const stripCurrentBasePath = (pathname) => {
+    const normalizedPathname = normalizePathname(pathname);
+    const basePath = normalizePathname(window._basePath ?? '');
+    if (basePath === '/')
+        return normalizedPathname;
+    if (normalizedPathname === basePath)
+        return '/';
+    if (normalizedPathname.startsWith(`${basePath}/`)) {
+        return normalizePathname(normalizedPathname.slice(basePath.length));
+    }
+    return normalizedPathname;
+};
+const getSearchParams = (search) => new URLSearchParams(search?.replace(/^\?/, ''));
+const includesSearchParams = (expectedSearch, actualSearch) => {
+    const expectedParams = getSearchParams(expectedSearch);
+    const actualParams = getSearchParams(actualSearch);
+    for (const [key, value] of expectedParams.entries()) {
+        if (actualParams.get(key) !== value)
+            return false;
+    }
+    return true;
+};
+const parseDashboardPath = (path) => {
+    const targetPath = path.trim();
+    if (!targetPath)
+        return;
+    const url = new URL(targetPath, window.location.origin);
+    if (url.origin !== window.location.origin)
+        return;
+    return {
+        pathname: stripCurrentBasePath(url.pathname),
+        search: url.search,
+        hash: url.hash,
+    };
+};
+const collectRenderableMenuPaths = (menu, pathnamePrefix = '', selectedKey) => {
+    const paths = [];
+    menu.forEach((item) => {
+        if (item.menuType === 'group') {
+            paths.push(...collectRenderableMenuPaths(item.subMenu ?? [], pathnamePrefix, selectedKey));
+            return;
+        }
+        if (item.moduleType === 'sidebar') {
+            paths.push(...collectRenderableMenuPaths(item.sidebarConfig?.menu ?? [], `${pathnamePrefix}/${item.key}`, selectedKey ?? item.key));
+            return;
+        }
+        const menuItem = findMenuItem(menu, item.key);
+        if (menuItem?.path?.pathname) {
+            paths.push({
+                pathname: normalizePathname(`${pathnamePrefix}${menuItem.path.pathname}`),
+                search: menuItem.path.search,
+                selectedKey: selectedKey ?? item.key,
+            });
+        }
+    });
+    return paths;
+};
+const getRenderableHomePage = (projectInfo) => {
+    const homePage = parseDashboardPath(projectInfo.homePage);
+    if (!homePage)
+        return;
+    const pathnamePrefix = projectInfo.menuLayout === 'top' ? '' : `/${leftSidebarBasePath}`;
+    const menuPaths = collectRenderableMenuPaths(projectInfo.menu, pathnamePrefix);
+    const targetMenuPath = menuPaths.find((item) => {
+        return item.pathname === homePage.pathname && includesSearchParams(item.search, homePage.search);
+    });
+    if (!targetMenuPath)
+        return;
+    return {
+        pathname: homePage.pathname,
+        search: homePage.search,
+        hash: homePage.hash,
+        selectedKey: projectInfo.menuLayout === 'top' ? targetMenuPath.selectedKey : undefined,
+    };
+};
 const Dashboard = () => {
     const { initModeData, initData, projectInfo } = useModeStore();
     useInit(() => {
@@ -33,6 +115,17 @@ const Dashboard = () => {
         if (initData && projectInfo) {
             if (isInit.current)
                 return;
+            const homePage = getRenderableHomePage(projectInfo);
+            // 配置中的 homePage 需要能命中当前菜单可渲染路径
+            // 命中则直接重定向至 homePage，否则走下面的默认重定向逻辑
+            if (homePage) {
+                homePage.selectedKey && uSK(homePage.selectedKey);
+                isInit.current = true;
+                nav(homePage, {
+                    replace: true,
+                });
+                return;
+            }
             if (projectInfo.menuLayout !== 'top') {
                 console.log('left sidebar');
                 // 如果有参数 说明跳转的不是 根路径 并且路径带有专属前缀
@@ -69,7 +162,13 @@ const Dashboard = () => {
             isInit.current = true;
         }
     }, [initData, projectInfo, params, nav]);
-    return (_jsxs("div", { className: "dash-main h-screen flex flex-col overflow-hidden bg-theme-bg text-foreground", children: [_jsx(HeaderView, { title: projectInfo?.desc, menu: menu }), _jsx("div", { className: "dash-container min-h-0 flex-1 overflow-hidden", children: _jsx(Outlet, {}) })] }));
+    const getTitle = () => {
+        const title = projectInfo?.desc ?? projectInfo?.name;
+        if (!isInit.current && title)
+            document.title = projectInfo?.name ?? title;
+        return title ? getText(title) : undefined;
+    };
+    return (_jsxs("div", { className: "dash-main h-screen flex flex-col overflow-hidden bg-theme-bg text-foreground", children: [_jsx(HeaderView, { icon: projectInfo?.icon, title: getTitle(), menu: menu }), _jsx("div", { className: "dash-container min-h-0 flex-1 overflow-hidden", children: _jsx(Outlet, {}) })] }));
 };
 Dashboard.displayName = 'Dashboard';
 export default Dashboard;

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

@@ -14,8 +14,8 @@ const baseRoutes = [
                 component: renderImportComponent(import('../../src/defaultPages/SlotPage')),
             },
             {
-                path: `/testPage`,
-                component: renderImportComponent(import('../testPage')),
+                path: `/ui-components`,
+                component: renderImportComponent(import('../ui-components')),
             },
             // sidebarRoutes 追加在这
             // {

package/fe/frontend/apps/ui-components/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getText } from "../../src/common/language";
+import { frontendLangKeys } from "../../src/language";
+import { Button } from "../../../packages/ui/react/components";
+import UiComponentsPreview from "../../../packages/ui/react/components/testPage";
+export default () => {
+    return (_jsxs("div", { children: [_jsx("h1", { children: getText(frontendLangKeys.uiComponentsTitle) }), _jsx(Button, { children: getText(frontendLangKeys.uiComponentsButton) }), _jsx(UiComponentsPreview, {})] }));
+};

package/fe/frontend/apps/ui-components/ui-components.entry.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ui-components.entry.d.ts.map

package/fe/frontend/src/api/baseInfo.d.ts

@@ -1,5 +1,5 @@
-import type { ModeMenuType } from '../../../model/types/model';
-type ProjectMenuType = ModeMenuType;
+import type { MBMenuType } from '../../../model/types/model';
+type ProjectMenuType = MBMenuType;
 export type ModelInfo = {
     model: {
         key: string;

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

@@ -1,8 +1,9 @@
+import { getText } from '../common/language';
 import { message } from '../../../packages/ui/react/components';
 export const handlingRequestErrors = async (data) => {
     const res = await data;
     if (res.data.code !== 0) {
-        message.error(res.data.message);
+        message.error(getText(res.data.message));
     }
     return res;
 };

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

@@ -1,9 +1,10 @@
+import { getText } from './language';
 export const generateMenuItemData = (data) => {
     return data.map((m) => {
         const children = (m.menuType === 'group' && m.subMenu.length ? generateMenuItemData(m.subMenu) : undefined);
         return {
             key: m.key,
-            label: m.name,
+            label: getText(m.name),
             icon: m.icon,
             children: children,
             minWidth: 100,

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

@@ -1,8 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from '../../../packages/ui/react/components';
 import { lazy, Suspense } from 'react';
+const PageLoading = () => {
+    return (_jsx("div", { className: "h-full min-h-[240px] w-full overflow-hidden bg-theme-bg", children: _jsx(Skeleton, { mode: "pageloading", rows: 5 }) }));
+};
 export const renderImportComponent = (c, fallback) => {
     const Component = lazy(() => c);
-    // TODO 加上页面级 loading
-    const showFallback = typeof fallback !== 'undefined' ? fallback : 'loading';
+    const showFallback = typeof fallback !== 'undefined' ? fallback : _jsx(PageLoading, {});
     return (_jsx(Suspense, { fallback: showFallback, children: _jsx(Component, {}) }));
 };

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

@@ -1,2 +1,3 @@
-export declare const getText: (key: string) => string;
+import type { I18nInterpolationValues, I18nTranslateOptions } from '../../../packages/ui/react/i18n';
+export declare const getText: (key: string, fillingData?: I18nInterpolationValues, options?: I18nTranslateOptions) => string;
 //# sourceMappingURL=language.d.ts.map

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

@@ -1,9 +1,11 @@
-import { i18n } from '../../../packages/ui/react/i18n';
-const useI18nKey = '$i18n_';
-export const getText = (key) => {
+import { frontendI18nResources, i18nKeyPrefix } from '../language';
+import { i18n, i18nStore } from '../../../packages/ui/react/i18n';
+i18nStore.getState().addResources('zh-CN', frontendI18nResources['zh-CN'] ?? {});
+i18nStore.getState().addResources('en-US', frontendI18nResources['en-US'] ?? {});
+export const getText = (key, fillingData, options) => {
     // 如果有占位符号
-    if (key.includes(useI18nKey)) {
-        return i18n(key);
+    if (key.includes(i18nKeyPrefix)) {
+        return i18n(key.replace(i18nKeyPrefix, ''), fillingData, options);
     }
     return key;
 };

package/fe/frontend/src/common/logFn/index.js

@@ -1,9 +1,11 @@
+import { getText } from '../../common/language';
+import { frontendLangKeys } from '../../language';
 const logJoin = (...logs) => logs.join(`
     ---------
     `);
 export const logPageNotFound = () => {
-    console.error(logJoin('url有问题 或者 自定义页面未在路由器注册', 'The URL is incorrect, or the custom page is not registered with the router.'));
+    console.error(logJoin(getText(frontendLangKeys.logPageNotFound), getText(frontendLangKeys.logPageNotFoundEn)));
 };
-export const logIllegalComponentCallback = (comName) => console.error(logJoin(`非法的组件回调 - ${comName}`, `Illegal component callback - ${comName}`));
-export const logSubscriptionError = () => console.error(logJoin('不曾订阅过，请检查代码，关注函数与取消函数必须为同一个', "You haven't subscribed. Please check your code; the follow function and unsubscribe function must be the same."));
-export const logApiTamper = () => console.error(logJoin('api属性不允许篡改', 'API attributes cannot be tampered with'));
+export const logIllegalComponentCallback = (comName) => console.error(logJoin(getText(frontendLangKeys.logIllegalComponentCallback, { comName }), getText(frontendLangKeys.logIllegalComponentCallbackEn, { comName })));
+export const logSubscriptionError = () => console.error(logJoin(getText(frontendLangKeys.logSubscriptionError), getText(frontendLangKeys.logSubscriptionErrorEn)));
+export const logApiTamper = () => console.error(logJoin(getText(frontendLangKeys.logApiTamper), getText(frontendLangKeys.logApiTamperEn)));

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

@@ -1,7 +1,9 @@
+import { frontendLangKeys } from '../language';
 import { apiFreezerStore, FreezeState } from '../stores/apiFreezer';
 import { FetchAxios } from '../../../packages/common/http';
 import md5 from 'md5';
 import { API_AUTH_HEADER_KEY, AUTH_HEADER_KEY, clearAuthToken, getApiAuth, getAuthToken } from './auth';
+import { getText } from './language';
 const BASE_URL = '/api';
 const NumberConcurrentCalls = 4;
 const isRequestWhitelisted = (api, params) => {
@@ -117,7 +119,7 @@ api.interceptors.request.use(async (config) => {
     config.headers = {
         ...config.headers,
         s_t: time + '',
-        s_sign: md5(`sakjdfnkjwjfnfkjkjldljksndf_${time}`),
+        s_sign: md5(`${window['_signKey']}_${time}`),
         [API_AUTH_HEADER_KEY]: aauto,
     };
     if (token) {
@@ -151,7 +153,7 @@ api.interceptors.response.use((res) => res, async (err) => {
 // ---- Helpers ----
 function extractErrorMessage(err) {
     if (!(err instanceof Error))
-        return 'Unknown error';
+        return getText(frontendLangKeys.unknownError);
     const axiosErr = err;
     if (axiosErr.response?.data && typeof axiosErr.response.data === 'object' && axiosErr.response.data !== null) {
         const data = axiosErr.response.data;
@@ -166,8 +168,8 @@ function extractErrorMessage(err) {
     if (axiosErr.message)
         return axiosErr.message;
     if (axiosErr.code === 'ECONNABORTED')
-        return 'Request timed out';
-    return 'Network error';
+        return getText(frontendLangKeys.requestTimedOut);
+    return getText(frontendLangKeys.networkError);
 }
 /**
  * GET/DELETE 不发送 body；统一把 data 转到 params。

package/fe/frontend/src/components/BasePage/HeaderView.d.ts

@@ -1,5 +1,6 @@
-import { PropsWithChildren, ReactNode } from "react";
+import { PropsWithChildren, ReactNode } from 'react';
 export interface HeaderViewProps extends PropsWithChildren {
+    icon?: ReactNode;
     menu?: ReactNode;
     title?: ReactNode;
     userArea?: ReactNode;

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

@@ -1,14 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../packages/ui/react/index";
-const defaultTitle = _jsx("span", { children: "Template Core" });
+import { getText } from '../../common/language';
+import { frontendLangKeys } from '../../language';
+import { cn } from '../../../../packages/ui/react/index';
+import { Boxes } from 'lucide-react';
 const defaultProps = {};
 const headerThemeStyle = {
     "--header-fg": "hsl(var(--theme-text))",
     "--header-bg": "hsl(var(--theme-bg))",
     "--header-shadow": "hsl(var(--foreground) / 0.08)",
 };
+const imageLogoPattern = /^(https?:\/\/|data:image\/|\/|\.\/|\.\.\/|.*\.(svg|png|jpe?g|webp|gif)$)/i;
 const HeaderView = (props) => {
-    const { title, menu, userArea, children } = props ?? defaultProps;
-    return (_jsxs("div", { className: "header-view", style: headerThemeStyle, children: [_jsxs("header", { className: cn("header flex h-14 shrink-0 items-center border-b border-border/70 bg-background/95 text-(--header-fg)", "shadow-[0_1px_0_var(--header-shadow)]"), children: [_jsx("div", { className: "brand flex w-56 items-center px-5 text-sm font-semibold tracking-normal text-foreground", children: title ?? defaultTitle }), _jsx("div", { className: "top-menu flex min-w-0 flex-1 items-center px-3 text-(--header-fg)", children: menu }), _jsx("div", { className: "user-area flex min-w-0 items-center justify-end px-5 text-(--header-fg)", children: userArea })] }), children] }));
+    const { icon, title, menu, userArea, children } = props ?? defaultProps;
+    const defaultTitle = getText(frontendLangKeys.appTitle);
+    const brandLogo = icon ? (typeof icon === "string" ? (imageLogoPattern.test(icon) ? (_jsx("img", { className: "h-full max-w-[112px] object-contain", src: icon, alt: "" })) : (_jsx("span", { className: "max-w-[112px] truncate text-[13px] font-semibold leading-none", children: icon }))) : (icon)) : (_jsx(Boxes, { className: "h-4 w-4" }));
+    return (_jsxs("div", { className: "header-view", style: headerThemeStyle, children: [_jsxs("header", { className: cn("header flex h-14 shrink-0 items-center border-b border-border/70 bg-background/95 text-(--header-fg)", "shadow-[0_1px_0_var(--header-shadow)]"), children: [_jsxs("div", { className: "brand flex w-64 min-w-0 items-center gap-3 px-5 text-foreground", children: [_jsx("span", { className: "brand-logo flex h-8 min-w-12 max-w-32 shrink-0 items-center justify-center overflow-hidden rounded-md bg-foreground/7 px-2.5 text-foreground shadow-[inset_0_0_0_1px_hsl(var(--border)/0.9)]", children: brandLogo }), _jsx("span", { className: "brand-title min-w-0 truncate text-sm font-semibold leading-5 tracking-normal", children: title ?? defaultTitle })] }), _jsx("div", { className: "top-menu flex min-w-0 flex-1 items-center px-3 text-(--header-fg)", children: menu }), _jsx("div", { className: "user-area flex min-w-0 items-center justify-end px-5 text-(--header-fg)", children: userArea })] }), children] }));
 };
 export default HeaderView;

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

@@ -1,14 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import useCurrentMenuData from '../../hooks/useCurrentMenuData';
-import { useMemo } from 'react';
 const Iframe = () => {
     const { menu } = useCurrentMenuData(true);
-    const ifUrl = useMemo(() => {
-        if (menu.moduleType === 'iframe') {
-            return menu.iframeConfig.path;
-        }
-        return '';
-    }, []);
+    const ifUrl = menu.moduleType === 'iframe' ? menu.iframeConfig.path : '';
     return (_jsx("div", { className: "iframe w-full h-full", children: _jsx("iframe", { className: " w-full h-full", src: ifUrl }) }));
 };
 export default Iframe;

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

@@ -0,0 +1,3 @@
+declare const NotFoundPage: () => import("react/jsx-runtime").JSX.Element;
+export default NotFoundPage;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getText } from '../../common/language';
+import { frontendLangKeys } from '../../language';
+const NotFoundPage = () => {
+    return (_jsx("div", { className: "flex h-full min-h-[240px] w-full items-center justify-center bg-theme-bg px-6 text-foreground", children: _jsxs("div", { className: "flex max-w-sm flex-col items-center text-center", children: [_jsx("div", { className: "mb-4 rounded-md border border-border bg-background/70 px-3 py-1 text-xs font-medium text-muted-foreground", children: "404" }), _jsx("h1", { className: "text-lg font-semibold tracking-normal", children: getText(frontendLangKeys.notFoundTitle) }), _jsx("p", { className: "mt-2 text-sm leading-6 text-muted-foreground", children: getText(frontendLangKeys.notFoundDescription) })] }) }));
+};
+export default NotFoundPage;

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

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { handlingRequestErrors } from '../../../../common/fetchErrorShow';
 import { getText } from '../../../../common/language';
 import { request } from '../../../../common/request';
+import { frontendLangKeys } from '../../../../language';
 import { schemaEventBus } from '../../../../stores/schemaEventBus';
 import { Drawer } from '../../../../../../packages/ui/react/components';
 import useExecuteOnce from '../../../../../../packages/ui/react/hooks/useExecuteOnce';
@@ -48,7 +49,7 @@ const formatValue = (value, fieldInfo) => {
             .join(', ');
     }
     if (typeof value === 'boolean')
-        return value ? getText('是') : getText('否');
+        return value ? getText(frontendLangKeys.yes) : getText(frontendLangKeys.no);
     return stringifyValue(value);
 };
 const generateFields = (schema, data) => {
@@ -89,6 +90,6 @@ const DetailPanel = memo((props) => {
     return (_jsx("div", { className: "detail-panel", children: _jsx(Drawer, { title: getText(config?.title ?? ''), open: open, onClose: () => {
                 setOpen(false);
                 schemaEventBus.getState().emitCom({ type: merge(eventsInfo.closeCom) });
-            }, children: fields.length > 0 ? (_jsx("div", { className: "grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-2", children: fields.map((field) => (_jsxs("div", { className: "min-w-0 border-b border-border pb-3", children: [_jsx("div", { className: "mb-1 text-xs text-muted-foreground", children: field.label }), _jsx("div", { className: "break-words text-sm leading-6 text-foreground", children: field.value })] }, field.key))) })) : (_jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: getText('暂无数据') })) }) }));
+            }, children: fields.length > 0 ? (_jsx("div", { className: "grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-2", children: fields.map((field) => (_jsxs("div", { className: "min-w-0 border-b border-border pb-3", children: [_jsx("div", { className: "mb-1 text-xs text-muted-foreground", children: field.label }), _jsx("div", { className: "break-words text-sm leading-6 text-foreground", children: field.value })] }, field.key))) })) : (_jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: getText(frontendLangKeys.noData) })) }) }));
 });
 export default DetailPanel;

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

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { handlingRequestErrors } from '../../../../common/fetchErrorShow';
 import { getText } from '../../../../common/language';
 import { post, put, request } from '../../../../common/request';
+import { frontendLangKeys } from '../../../../language';
 import { schemaEventBus } from '../../../../stores/schemaEventBus';
 import { Modal, SchemaForm } from '../../../../../../packages/ui/react/components';
 import useExecuteOnce from '../../../../../../packages/ui/react/hooks/useExecuteOnce';
@@ -26,10 +27,15 @@ const generateSchemas = (schema) => {
             required: schema.required?.includes(key),
             rules: [
                 ...(schema.required?.includes(key)
-                    ? [{ required: true, message: `请输入${getText(fieldInfo.label)}` }]
+                    ? [
+                        {
+                            required: true,
+                            message: getText(frontendLangKeys.requiredInput, { label: getText(fieldInfo.label) }),
+                        },
+                    ]
                     : []),
                 {
-                    validator: createAjvValidator(fieldInfo),
+                    validator: createAjvValidator(fieldInfo, { required: schema.required?.includes(key) }),
                 },
             ],
             fieldProps: {

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

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { handlingRequestErrors } from '../../../../common/fetchErrorShow';
 import { getText } from '../../../../common/language';
 import { del, get } from '../../../../common/request';
+import { frontendLangKeys } from '../../../../language';
 import { schemaEventBus } from '../../../../stores/schemaEventBus';
 import { useSchemaStore } from '../../../../stores/schemaStore';
 import { Button, DataTable, modal, } from '../../../../../../packages/ui/react/components';
@@ -14,7 +15,7 @@ import { memo, useCallback, useImperativeHandle, useMemo, useState } from 'react
 import { useShallow } from 'zustand/react/shallow';
 import { eventsInfo } from '../../data/eventInfo';
 import { merge } from '../../utils/permissions';
-const VALUE_KEY = 'schema::';
+const VALUE_KEY = '$schema::';
 const generateColumns = (config) => {
     const keys = Object.keys(config);
     const columns = [];
@@ -58,7 +59,7 @@ const generateRowActions = (btnConfigs, rowData, api) => {
                         return o;
                     }, {});
                     modal.confirm({
-                        content: `确认删除？`,
+                        content: getText(frontendLangKeys.confirmDelete),
                         async onOk() {
                             await handlingRequestErrors(del(api, apiParams));
                             schemaEventBus.getState().emitCom({ type: merge(eventsInfo.initTable) });
@@ -124,7 +125,7 @@ const SchemaTable = memo(({ ref }) => {
             if (rowButtons) {
                 actionColumn.push({
                     key: 'action',
-                    title: getText('操作'),
+                    title: getText(frontendLangKeys.operation),
                     actions: (_value, _record, index) => [
                         ...generateRowActions(rowButtons, _record, params.api),
                         // { key: `text-${index}`, label: 'text' },

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

@@ -110,58 +110,3 @@
     height: 34px;
     border-radius: 7px;
 }
-
-.schema-table .tc-ui-data-table {
-    flex: 1;
-    overflow: hidden;
-    border: 1px solid var(--schema-soft-border);
-    border-radius: var(--schema-radius);
-    background-color: hsl(var(--background) / 0.58);
-    box-shadow: none;
-}
-
-.schema-table .tc-ui-table {
-    border-radius: var(--schema-radius) var(--schema-radius) 0 0;
-}
-
-.schema-table .tc-ui-table-header {
-    background: hsl(var(--muted) / 0.5);
-}
-
-.schema-table .tc-ui-table-head {
-    height: 40px;
-    padding: 0 16px;
-    font-size: 12px;
-    font-weight: 600;
-    color: hsl(var(--muted-foreground));
-}
-
-.schema-table .tc-ui-table-cell {
-    padding: 13px 16px;
-}
-
-.schema-table .tc-ui-table-row {
-    border-color: hsl(var(--border) / 0.58);
-}
-
-.schema-table .tc-ui-table-row:hover {
-    background-color: hsl(var(--muted) / 0.28);
-}
-
-.schema-table .tc-ui-table-head[style*='right'],
-.schema-table .tc-ui-table-cell[style*='right'] {
-    box-shadow: -1px 0 0 hsl(var(--border) / 0.58);
-}
-
-.schema-table .tc-ui-data-table > .px-6 {
-    margin-top: 0;
-    border-top: 1px solid hsl(var(--border) / 0.58);
-    padding: 12px 16px;
-}
-
-.schema-table .tc-ui-data-table > .px-6 .tc-ui-select > div:first-child {
-    min-height: 34px;
-    border-radius: 7px;
-    background: hsl(var(--muted) / 0.58);
-    padding-block: 7px;
-}

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

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getText } from '../../common/language';
 import { logIllegalComponentCallback } from '../../common/logFn';
+import { frontendLangKeys } from '../../language';
 import useCurrentMenuData from '../../hooks/useCurrentMenuData';
 import { schemaEventBus } from '../../stores/schemaEventBus';
 import { useSchemaStore } from '../../stores/schemaStore';
@@ -67,7 +69,7 @@ const Schema = memo(() => {
             return (_jsxs("div", { className: "schema-container flex h-full min-h-0 w-full flex-col overflow-hidden bg-theme-bg px-4 py-3", children: [_jsxs("div", { className: "schema-workspace flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsx("div", { className: "schema-search-region shrink-0", children: _jsx(SchemaSearch, {}) }), _jsx("div", { className: "schema-table-region min-h-0 flex-1 overflow-auto p-3", children: _jsx(SchemaTable, { ref: TableRef }) })] }), _jsx(Suspense, { children: CallCom && _jsx(CallCom, { ...comProps }) })] }));
         }
         else
-            return _jsx("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: "loading" });
+            return (_jsx("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: getText(frontendLangKeys.loading) }));
     }, [comProps, schemaStoreAvailable, showCompoentKey]);
     return dom;
 });

package/fe/frontend/src/defaultPages/SchemaPage/utils/validator.d.ts

@@ -1,7 +1,11 @@
 import { Ajv } from 'ajv';
 export declare const ajvInstance: Ajv;
+type AjvValidatorOptions = {
+    required?: boolean;
+};
 /**
  * 创建验证器
  */
-export declare function createAjvValidator(schema: object): (rule: object, value: unknown, callback: (errors?: string[]) => void) => void;
+export declare function createAjvValidator(schema: object, options?: AjvValidatorOptions): (rule: object, value: unknown, callback: (errors?: string[]) => void) => void;
+export {};
 //# sourceMappingURL=validator.d.ts.map