@_tc/template-core 0.0.1-bate.35 → 0.0.1-bate.37

package/fe/frontend/widgets/common/menu.js

@@ -0,0 +1,80 @@
+import { modeStore } from "../../widgets/store/mode";
+export var QK;
+(function (QK) {
+    QK["pk"] = "projk";
+    QK["k"] = "key";
+    QK["sk"] = "sidek";
+    QK["ck"] = "custk";
+})(QK || (QK = {}));
+export const leftSidebarBasePath = "_sidebar_";
+export const deserializationUrlSearch = (url = window.location.search) => {
+    const urls = new URLSearchParams(url);
+    const data = {};
+    for (const [k, v] of urls.entries()) {
+        data[k] = v;
+    }
+    return data;
+};
+export const serializationUrl = (url, data) => `${url}?${new URLSearchParams(data).toString()}`;
+const generateMenuItem = (item) => {
+    let data = undefined;
+    if (item.menuType === "module") {
+        const pk = modeStore.getState().projestInfo?.key;
+        const query = {
+            [QK.pk]: pk,
+        };
+        switch (item.moduleType) {
+            case "custom":
+                query[QK.ck] = item.key;
+                data = {
+                    ...item,
+                    path: {
+                        pathname: item.customConfig.path,
+                        search: new URLSearchParams(query).toString(),
+                    },
+                };
+                break;
+            case "iframe":
+            case "schema":
+            case "sidebar":
+                let path = `/${item.key}`;
+                let search = new URLSearchParams(query).toString();
+                if (item.moduleType === "sidebar") {
+                    const sfMenu = findMenuItem(item.sidebarConfig.menu, item.sidebarConfig.menu[0].key);
+                    path += `${sfMenu.path.pathname}`;
+                    search = sfMenu.path.search ?? "";
+                }
+                data = {
+                    ...item,
+                    path: {
+                        pathname: path,
+                        search,
+                    },
+                };
+                break;
+            default:
+                break;
+        }
+    }
+    return data;
+};
+export const findMenuItem = (menuData, key) => {
+    let data = undefined;
+    const useFirstAvailableMenu = typeof key === "undefined";
+    for (const item of menuData) {
+        if (item.menuType === "module") {
+            if (useFirstAvailableMenu || item.key === key) {
+                data = generateMenuItem(item);
+                break;
+            }
+        }
+        if (item.menuType === "group") {
+            const result = findMenuItem(item.subMenu, key);
+            if (result) {
+                data = { ...result };
+                break;
+            }
+        }
+    }
+    return data;
+};

package/fe/frontend/widgets/common/request.d.ts

@@ -0,0 +1,33 @@
+import { AxiosError, FetchAxios, RequestConfig, ResponseConfig } from './CRUD';
+declare const api: FetchAxios;
+export interface PageParams {
+    page?: number;
+    pageSize?: number;
+    [key: string]: string | number | boolean | undefined | null;
+}
+export type PageResponse<T> = {
+    data: T[];
+    total: number;
+    page: number;
+    pageSize: number;
+};
+export interface BaseResponse<T> {
+    data: T;
+    code: number;
+    message: string;
+}
+export declare function get<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<BaseResponse<T>, D>>;
+export declare function post<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<BaseResponse<T>, D>>;
+export declare function put<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<BaseResponse<T>, D>>;
+export declare function patch<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<BaseResponse<T>, D>>;
+export declare function del<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<BaseResponse<T>, D>>;
+export { api, FetchAxios };
+export type { AxiosError, RequestConfig, ResponseConfig };
+export declare const request: {
+    get: typeof get;
+    put: typeof put;
+    post: typeof post;
+    del: typeof del;
+    patch: typeof patch;
+};
+//# sourceMappingURL=request.d.ts.map

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

@@ -0,0 +1,127 @@
+import md5 from 'md5';
+import { API_AUTH_HEADER_KEY, AUTH_HEADER_KEY, clearAuthToken, getApiAuth, getAuthToken } from './auth';
+import { FetchAxios } from './CRUD';
+const BASE_URL = '/api';
+const api = new FetchAxios({
+    baseURL: BASE_URL,
+    timeout: 15000,
+    credentials: 'include',
+    validateStatus: (status) => status >= 200 && status < 300,
+});
+const removeBaseurlFromURL = (config) => {
+    const { baseURL, url } = config;
+    if (!baseURL || !url)
+        return;
+    const origin = typeof window === 'undefined' ? 'http://localhost' : window.location.origin;
+    const baseURLObject = new URL(baseURL, origin);
+    const basePath = baseURLObject.pathname.replace(/\/+$/, '');
+    const requestURL = new URL(url, baseURLObject.origin);
+    if (requestURL.origin !== baseURLObject.origin || !basePath)
+        return;
+    const normalizedPathname = requestURL.pathname.replace(/\/+$/, '');
+    if (normalizedPathname !== basePath && !requestURL.pathname.startsWith(`${basePath}/`))
+        return;
+    const pathname = requestURL.pathname.slice(basePath.length) || '/';
+    config.url = `${pathname}${requestURL.search}${requestURL.hash}`;
+};
+api.interceptors.request.use(async (config) => {
+    removeBaseurlFromURL(config);
+    const token = await getAuthToken();
+    const aauto = getApiAuth();
+    const time = new Date().getTime();
+    config.headers = {
+        ...config.headers,
+        s_t: time + '',
+        s_sign: md5(`sakjdfnkjwjfnfkjkjldljksndf_${time}`),
+        [API_AUTH_HEADER_KEY]: aauto,
+    };
+    if (token) {
+        config.headers = {
+            ...config.headers,
+            [AUTH_HEADER_KEY]: `Bearer ${token}`,
+        };
+    }
+    return config;
+});
+api.interceptors.request.use((config) => {
+    console.debug(`[API] ${config.method?.toUpperCase()} ${config.url}`);
+    return config;
+});
+api.interceptors.response.use((res) => res, async (err) => {
+    const axiosErr = err;
+    if (axiosErr.response?.status === 401) {
+        await clearAuthToken();
+        if (typeof window !== 'undefined') {
+            window.location.href = '/login';
+        }
+    }
+    const message = extractErrorMessage(err);
+    console.error(`[API Error] ${message}`, {
+        url: err.config.url,
+        status: err.response?.status,
+    });
+    return Promise.reject(err);
+});
+function extractErrorMessage(err) {
+    if (!(err instanceof Error))
+        return 'Unknown error';
+    const axiosErr = err;
+    if (axiosErr.response?.data && typeof axiosErr.response.data === 'object' && axiosErr.response.data !== null) {
+        const data = axiosErr.response.data;
+        if (typeof data.message === 'string')
+            return data.message;
+        if (typeof data.msg === 'string')
+            return data.msg;
+        if (Array.isArray(data.errors) && data.errors.length > 0) {
+            return String(data.errors[0]);
+        }
+    }
+    if (axiosErr.message)
+        return axiosErr.message;
+    if (axiosErr.code === 'ECONNABORTED')
+        return 'Request timed out';
+    return 'Network error';
+}
+export function get(url, data, config) {
+    const hasDataParams = data !== undefined && data !== null && typeof data === 'object';
+    const getConfig = hasDataParams
+        ? {
+            ...config,
+            params: {
+                ...config?.params,
+                ...data,
+            },
+        }
+        : config;
+    return api.get(url, getConfig);
+}
+export function post(url, data, config) {
+    return api.post(url, data, config);
+}
+export function put(url, data, config) {
+    return api.put(url, data, config);
+}
+export function patch(url, data, config) {
+    return api.patch(url, data, config);
+}
+export function del(url, data, config) {
+    const hasDataParams = data !== undefined && data !== null && typeof data === 'object';
+    const delConfig = hasDataParams
+        ? {
+            ...config,
+            params: {
+                ...config?.params,
+                ...data,
+            },
+        }
+        : config;
+    return api.delete(url, delConfig);
+}
+export { api, FetchAxios };
+export const request = {
+    get,
+    put,
+    post,
+    del,
+    patch,
+};

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren, ReactNode } from "react";
+export interface HeaderViewProps extends PropsWithChildren {
+    menu?: ReactNode;
+    title?: ReactNode;
+    userArea?: ReactNode;
+}
+declare const HeaderView: (props?: HeaderViewProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderView;
+//# sourceMappingURL=HeaderView.d.ts.map

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

@@ -0,0 +1,14 @@
+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" });
+const defaultProps = {};
+const headerThemeStyle = {
+    "--header-fg": "hsl(var(--theme-text))",
+    "--header-bg": "hsl(var(--theme-bg))",
+    "--header-shadow": "hsl(var(--theme-primary) / 0.18)",
+};
+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-16 items-center border-b", "shadow-[0_10px_30px_var(--header-shadow)]"), children: [_jsx("div", { className: "brand flex w-60 items-center border-r border-[hsl(var(--theme-bg)/0.14)] px-6 text-base font-semibold tracking-[0.02em] text-(--header-fg)", children: title ?? defaultTitle }), _jsx("div", { className: "top-menu flex flex-1 items-center px-6 text-(--header-fg)", children: menu }), _jsx("div", { className: "user-area flex items-center justify-end border-l border-[hsl(var(--theme-bg)/0.14)] px-6 text-(--header-fg)", children: userArea })] }), children] }));
+};
+export default HeaderView;

package/fe/frontend/widgets/components/Router/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { RouterType } from './type';
+export type RouteInfo = {
+    path: string;
+    component: ReactNode;
+    children?: RouteInfo[];
+};
+export declare const generateRouter: (routes: RouteInfo[], type: RouterType) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/fe/frontend/widgets/components/Router/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BrowserRouter, HashRouter, Route, Routes } from 'react-router-dom';
+export const generateRouter = (routes, type) => {
+    const RouterComponent = type === 'browser' ? BrowserRouter : HashRouter;
+    const renderDom = (routes) => {
+        return routes.map((route) => {
+            return (_jsx(Route, { path: route.path, element: route.component, children: route.children && renderDom(route.children) }, route.path));
+        });
+    };
+    return (_jsx(RouterComponent, { basename: window._basePath, children: _jsx(Routes, { children: renderDom(routes) }) }));
+};

package/fe/frontend/widgets/components/Router/type.d.ts

@@ -0,0 +1,2 @@
+export type RouterType = "hash" | "browser";
+//# sourceMappingURL=type.d.ts.map

package/fe/frontend/widgets/components/Router/type.js

@@ -0,0 +1 @@
+export {};

package/fe/frontend/widgets/defaultPages/Iframe/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import useCurrentMenuData from "../../../widgets/hooks/useCurrentMenuData";
+import { useMemo } from "react";
+const Iframe = () => {
+    const { menu } = useCurrentMenuData(true);
+    const ifUrl = useMemo(() => {
+        if (menu.moduleType === "iframe") {
+            return menu.iframeConfig.path;
+        }
+        return "";
+    }, []);
+    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/widgets/defaultPages/Schema/components/CallCom/DetailPanel.d.ts

@@ -0,0 +1,7 @@
+import type { CallComNames, SchemaDefaultValue } from '../../schemaType';
+declare const DetailPanel: import("react").MemoExoticComponent<(props: {
+    data: SchemaDefaultValue;
+    comName: CallComNames;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default DetailPanel;
+//# sourceMappingURL=DetailPanel.d.ts.map

package/fe/frontend/widgets/defaultPages/Schema/components/CallCom/DetailPanel.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getText } from '../../../../../widgets/common/language';
+import { Drawer } from '../../../../../../packages/ui/react/components';
+import { memo, useMemo, useState } from 'react';
+import { request } from '../../../../../widgets/common/request';
+import useExecuteOnce from '../../../../../../packages/ui/react/hooks/useExecuteOnce';
+import { eventsInfo } from '../../data/eventInfo';
+import useComConfig from '../../hooks/useComConfig';
+import { schemaEventBus } from '../../stores/schemaEventBus';
+import { handlingRequestErrors } from '../../utils/fetchErrorShow';
+import { merge } from '../../utils/permissions';
+const EMPTY_TEXT = '-';
+const isEmptyValue = (value) => value === undefined || value === null || value === '';
+const stringifyValue = (value) => {
+    if (isEmptyValue(value))
+        return EMPTY_TEXT;
+    if (typeof value === 'object')
+        return JSON.stringify(value);
+    return String(value);
+};
+const getOptionLabel = (options, value) => {
+    if (!Array.isArray(options))
+        return undefined;
+    const matchedOption = options.find((option) => {
+        if (!option || typeof option !== 'object')
+            return false;
+        return option.value === value;
+    });
+    if (!matchedOption || typeof matchedOption !== 'object')
+        return undefined;
+    const label = matchedOption.label;
+    return label ?? stringifyValue(value);
+};
+const formatValue = (value, fieldInfo) => {
+    if (isEmptyValue(value))
+        return EMPTY_TEXT;
+    const option = fieldInfo.option;
+    const optionLabel = getOptionLabel(option?.options ?? option?.enumList, value);
+    if (optionLabel !== undefined)
+        return optionLabel;
+    if (Array.isArray(value)) {
+        if (value.length === 0)
+            return EMPTY_TEXT;
+        return value
+            .map((item) => {
+            return stringifyValue(item);
+        })
+            .join(', ');
+    }
+    if (typeof value === 'boolean')
+        return value ? getText('是') : getText('否');
+    return stringifyValue(value);
+};
+const generateFields = (schema, data) => {
+    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),
+            level: fieldInfo.level ?? 10,
+        });
+        return fields;
+    }, [])
+        .sort((a, b) => a.level - b.level);
+};
+const DetailPanel = memo((props) => {
+    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]);
+    useExecuteOnce(async () => {
+        const fetchKey = config?.fetchKey;
+        if (fetchKey) {
+            const params = {
+                [fetchKey]: props.data[fetchKey],
+            };
+            const { url: furl = api, method = 'get' } = config.fetchConfig ?? {};
+            const res = await handlingRequestErrors(request[method](furl, params));
+            if (res.data.code === 0)
+                setData(res.data.data);
+        }
+    }, { executionPhase: 'mount' });
+    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('暂无数据') })) }) }));
+});
+export default DetailPanel;

package/fe/frontend/widgets/defaultPages/Schema/components/CallCom/PopFrom.d.ts

@@ -0,0 +1,13 @@
+import type { CallComNames, ComponentConfig, SchemaDefaultValue } from '../../schemaType';
+type PopFormComName = keyof ComponentConfig;
+export interface PopFormValue {
+    comName: PopFormComName;
+    data?: SchemaDefaultValue;
+}
+export interface PopFormProps {
+    data: SchemaDefaultValue;
+    comName: CallComNames;
+}
+declare const PopForm: import("react").MemoExoticComponent<(props: PopFormProps) => import("react/jsx-runtime").JSX.Element>;
+export default PopForm;
+//# sourceMappingURL=PopFrom.d.ts.map

package/fe/frontend/widgets/defaultPages/Schema/components/CallCom/PopFrom.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getText } from '../../../../../widgets/common/language';
+import { Modal, SchemaForm } from '../../../../../../packages/ui/react/components';
+import { post, put, request } from '../../../../../widgets/common/request';
+import useExecuteOnce from '../../../../../../packages/ui/react/hooks/useExecuteOnce';
+import { memo, useCallback, useMemo, useRef, useState } from 'react';
+import { eventsInfo } from '../../data/eventInfo';
+import useComConfig from '../../hooks/useComConfig';
+import { schemaEventBus } from '../../stores/schemaEventBus';
+import { handlingRequestErrors } from '../../utils/fetchErrorShow';
+import { merge } from '../../utils/permissions';
+import { createAjvValidator } from '../../utils/validator';
+const generateSchemas = (schema) => {
+    if (!schema?.properties)
+        return [];
+    return Object.keys(schema.properties).reduce((schemas, key) => {
+        const fieldInfo = schema.properties[key];
+        const option = fieldInfo.option;
+        if (!option || option.visible === false)
+            return schemas;
+        const { comType = 'input', default: _defaultValue, visible: _visible, ...fieldProps } = option;
+        schemas.push({
+            key,
+            label: getText(fieldInfo.label),
+            type: comType,
+            required: schema.required?.includes(key),
+            rules: [
+                ...(schema.required?.includes(key)
+                    ? [{ required: true, message: `请输入${getText(fieldInfo.label)}` }]
+                    : []),
+                {
+                    validator: createAjvValidator(fieldInfo),
+                },
+            ],
+            fieldProps: {
+                ...fieldProps,
+                ...(comType === 'select'
+                    ? {
+                        getPopupContainer: 'parent',
+                    }
+                    : []),
+            },
+        });
+        return schemas;
+    }, []);
+};
+const generateDefaultValue = (schema, data) => {
+    const defaultValue = { ...(data ?? {}) };
+    if (!schema?.properties)
+        return defaultValue;
+    Object.keys(schema.properties).forEach((key) => {
+        const defaultFieldValue = schema.properties[key].option?.default;
+        if (typeof defaultFieldValue !== 'undefined' && typeof defaultValue[key] === 'undefined') {
+            defaultValue[key] = defaultFieldValue;
+        }
+    });
+    return defaultValue;
+};
+const PopForm = memo((props) => {
+    const [open, setOpen] = useState(true);
+    const [submitting, setSubmitting] = useState(false);
+    const { schema, config, api } = useComConfig({ comName: props.comName });
+    const formRef = useRef(null);
+    const [loading, setLoading] = useState(false);
+    const schemas = useMemo(() => {
+        return generateSchemas(schema);
+    }, [schema]);
+    const closed = submitting
+        ? undefined
+        : () => {
+            schemaEventBus.getState().emitCom({ type: merge(eventsInfo.closeCom) });
+            setOpen(false);
+        };
+    const defaultValue = useMemo(() => generateDefaultValue(schema, props.data), [schema, props.data]);
+    useExecuteOnce(async () => {
+        if (props.comName === 'editForm' && 'fetchKey' in config) {
+            const { fetchKey } = config;
+            const params = {
+                [fetchKey]: props.data[fetchKey],
+            };
+            const { url = api, method = 'get' } = config?.fetchConfig ?? {};
+            setLoading(true);
+            const res = await handlingRequestErrors(request[method](url, params));
+            res.data.code === 0 && formRef.current?.setFieldsValue(res.data.data);
+            setLoading(false);
+        }
+    }, { executionPhase: 'mount' });
+    const handleSubmit = useCallback(async (v) => {
+        setSubmitting(true);
+        let fetchFn = put;
+        if (props.comName === 'createForm') {
+            fetchFn = post;
+        }
+        try {
+            const res = await handlingRequestErrors(fetchFn(api, v));
+            if (res.data.code === 0) {
+                schemaEventBus.getState().emitCom({
+                    type: merge(eventsInfo.closeCom, eventsInfo.initTable, props.comName === 'createForm' ? eventsInfo.resetSearch : eventsInfo.none),
+                });
+            }
+        }
+        finally {
+            setSubmitting(false);
+        }
+    }, [api, props.comName]);
+    return (_jsx(Modal, { open: open, onClose: closed, title: getText(config?.title ?? ''), width: 640, maskClosable: !submitting, children: _jsx(SchemaForm, { schemas: schemas, initialValues: defaultValue, getForm: (f) => (formRef.current = f), onFinish: handleSubmit, onCancel: closed, buttonClassName: "justify-end", submitText: config?.saveBtnText, submitButtonProps: { loading: submitting }, cancelButtonProps: { disabled: submitting } }, `${String(props?.comName ?? '')}-${JSON.stringify(defaultValue)}`) }));
+});
+PopForm.displayName = 'PopForm';
+export default PopForm;

package/fe/frontend/widgets/defaultPages/Schema/components/CallCom/data.d.ts

@@ -0,0 +1,3 @@
+import { CallComponent } from '../../schemaType';
+export declare const components: CallComponent<any>;
+//# sourceMappingURL=data.d.ts.map

package/fe/frontend/widgets/defaultPages/Schema/components/CallCom/data.js

@@ -0,0 +1,6 @@
+import { lazy } from 'react';
+export const components = {
+    editForm: lazy(() => import('./PopFrom')),
+    createForm: lazy(() => import('./PopFrom')),
+    detailPanel: lazy(() => import('./DetailPanel')),
+};

package/fe/frontend/widgets/defaultPages/Schema/components/SchemaSearch/index.d.ts

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

package/fe/frontend/widgets/defaultPages/Schema/components/SchemaSearch/index.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getText } from '../../../../../widgets/common/language';
+import { filterEmpty } from '../../../../../../packages/common/index.js';
+import { TableSearch } from '../../../../../../packages/ui/react/components';
+import useInit from '../../../../../../packages/ui/react/hooks/useInit';
+import { memo, useState } from 'react';
+import { schemaEventBus } from '../../stores/schemaEventBus';
+import { useSchemaStore } from '../../stores/schemaStore';
+const generateSchemas = (config) => {
+    const keys = Object.keys(config);
+    const schemas = [];
+    let defaultValue = undefined;
+    keys.forEach((k) => {
+        const fieldInfo = config[k];
+        if (fieldInfo.option) {
+            const { comType = 'input', default: defaultFieldValue, ...fieldProps } = fieldInfo.option;
+            if (typeof defaultFieldValue !== 'undefined') {
+                if (!defaultValue) {
+                    defaultValue = {};
+                }
+                defaultValue[k] = defaultFieldValue;
+            }
+            schemas.push({
+                label: getText(fieldInfo.label),
+                key: k,
+                type: comType,
+                fieldProps,
+            });
+        }
+    });
+    return { schemas, defaultValue };
+};
+const SchemaSearch = memo(() => {
+    const schema = useSchemaStore((s) => s.searchSchema);
+    const [schemas, setSchemas] = useState([]);
+    const [defaultValue, setSchemaDefaultValue] = useState(undefined);
+    useInit(() => {
+        const { schemas, defaultValue } = generateSchemas(schema.properties);
+        setSchemas(schemas);
+        setSchemaDefaultValue(defaultValue);
+    });
+    const tsProps = {
+        schemas,
+        defaultValue,
+        onSearch(values) {
+            schemaEventBus.getState().emitSearch(filterEmpty(values));
+        },
+        onReset() {
+            schemaEventBus.getState().emitSearch(undefined);
+        },
+        renderActionBtnArea: () => {
+            return undefined;
+        },
+    };
+    return (_jsx("div", { className: "schema-search", children: _jsx(TableSearch, { ...tsProps }) }));
+});
+SchemaSearch.displayName = 'SchemaSearch';
+export default SchemaSearch;

package/fe/frontend/widgets/defaultPages/Schema/components/SchemaTable/index.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'react';
+import { SchemaDefaultValue } from '../../schemaType';
+export type SchemaTableRef = {
+    initData: (query?: SchemaDefaultValue) => Promise<void>;
+};
+export interface SchemaTableProps {
+    ref?: Ref<SchemaTableRef>;
+}
+declare const SchemaTable: import("react").MemoExoticComponent<({ ref }: SchemaTableProps) => import("react/jsx-runtime").JSX.Element>;
+export default SchemaTable;
+//# sourceMappingURL=index.d.ts.map