@_tc/template-core 0.0.1-bate.5 → 0.0.1-bate.50

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

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

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

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

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

@@ -0,0 +1,5 @@
+import ThemeSwitch, { themeSwitchStorageKey } from "./ThemeSwitch.js";
+//#region frontend/src/components/ThemeSwitch/index.ts
+var ThemeSwitch_default = ThemeSwitch;
+//#endregion
+export { ThemeSwitch_default as default, themeSwitchStorageKey };

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

@@ -0,0 +1,10 @@
+export { default as AsyncSelect } from "./AsyncSelect";
+export * from "./AsyncSelect";
+export { default as HeaderView } from "./BasePage/HeaderView";
+export * from "./BasePage/HeaderView";
+export { default as LanguageSwitch } from "./LanguageSwitch";
+export * from "./LanguageSwitch";
+export * from "./Router";
+export * from "./Router/type";
+export { default as ThemeSwitch } from "./ThemeSwitch";
+export * from "./ThemeSwitch";

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

@@ -0,0 +1,7 @@
+import HeaderView from "./BasePage/HeaderView.js";
+import { generateRouter } from "./Router/index.js";
+import AsyncSelect_default from "./AsyncSelect/index.js";
+import LanguageSwitch_default from "./LanguageSwitch/index.js";
+import { themeSwitchStorageKey } from "./ThemeSwitch/ThemeSwitch.js";
+import ThemeSwitch_default from "./ThemeSwitch/index.js";
+export { AsyncSelect_default as AsyncSelect, HeaderView, LanguageSwitch_default as LanguageSwitch, ThemeSwitch_default as ThemeSwitch, generateRouter, themeSwitchStorageKey };

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

@@ -0,0 +1,2 @@
+declare const Iframe: () => import("react/jsx-runtime").JSX.Element;
+export default Iframe;

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

@@ -0,0 +1,15 @@
+import useCurrentMenuData from "../../hooks/useCurrentMenuData.js";
+import { jsx } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/Iframe/index.tsx
+var Iframe = () => {
+	const { menu } = useCurrentMenuData(true);
+	return /* @__PURE__ */ jsx("div", {
+		className: "iframe w-full h-full",
+		children: /* @__PURE__ */ jsx("iframe", {
+			className: " w-full h-full",
+			src: menu.moduleType === "iframe" ? menu.iframeConfig.path : ""
+		})
+	});
+};
+//#endregion
+export { Iframe as default };

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

@@ -0,0 +1,2 @@
+declare const NotFoundPage: () => import("react/jsx-runtime").JSX.Element;
+export default NotFoundPage;

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

@@ -0,0 +1,28 @@
+import { frontendLangKeys } from "../../language/index.js";
+import { getText } from "../../common/language.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/NotFoundPage/index.tsx
+var NotFoundPage = () => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-full min-h-[240px] w-full items-center justify-center bg-theme-bg px-6 text-foreground",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex max-w-sm flex-col items-center text-center",
+			children: [
+				/* @__PURE__ */ 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"
+				}),
+				/* @__PURE__ */ jsx("h1", {
+					className: "text-lg font-semibold tracking-normal",
+					children: getText(frontendLangKeys.notFoundTitle)
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-2 text-sm leading-6 text-muted-foreground",
+					children: getText(frontendLangKeys.notFoundDescription)
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { NotFoundPage as default };

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/DetailPanel.d.ts

@@ -0,0 +1,6 @@
+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;

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

@@ -0,0 +1,102 @@
+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 { schemaEventBus } from "../../../../stores/schemaEventBus.js";
+import { handlingRequestErrors } from "../../../../common/fetchErrorShow.js";
+import useExecuteOnce from "../../../../../../packages/react/hooks/useExecuteOnce.js";
+import { eventsInfo } from "../../data/eventInfo.js";
+import useComConfig from "../../hooks/useComConfig.js";
+import { merge } from "../../utils/permissions.js";
+import { memo, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/SchemaPage/components/CallCom/DetailPanel.tsx
+var EMPTY_TEXT = "-";
+var isEmptyValue = (value) => value === void 0 || value === null || value === "";
+var stringifyValue = (value) => {
+	if (isEmptyValue(value)) return EMPTY_TEXT;
+	if (typeof value === "object") return JSON.stringify(value);
+	return String(value);
+};
+var getOptionLabel = (options, value) => {
+	if (!Array.isArray(options)) return void 0;
+	const matchedOption = options.find((option) => {
+		if (!option || typeof option !== "object") return false;
+		return option.value === value;
+	});
+	if (!matchedOption || typeof matchedOption !== "object") return void 0;
+	return matchedOption.label ?? stringifyValue(value);
+};
+var formatValue = (value, fieldInfo) => {
+	if (isEmptyValue(value)) return EMPTY_TEXT;
+	const option = fieldInfo.option;
+	const optionLabel = getOptionLabel(option?.options ?? option?.enumList, value);
+	if (optionLabel !== void 0) 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(frontendLangKeys.yes) : getText(frontendLangKeys.no);
+	return stringifyValue(value);
+};
+var 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);
+};
+var 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 /* @__PURE__ */ jsx("div", {
+		className: "detail-panel",
+		children: /* @__PURE__ */ jsx(Drawer, {
+			title: getText(config?.title ?? ""),
+			open,
+			onClose: () => {
+				setOpen(false);
+				schemaEventBus.getState().emitCom({ type: merge(eventsInfo.closeCom) });
+			},
+			children: fields.length > 0 ? /* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-2",
+				children: fields.map((field) => /* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 border-b border-border pb-3",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "mb-1 text-xs text-muted-foreground",
+						children: field.label
+					}), /* @__PURE__ */ jsx("div", {
+						className: "break-words text-sm leading-6 text-foreground",
+						children: field.value
+					})]
+				}, field.key))
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "py-8 text-center text-sm text-muted-foreground",
+				children: getText(frontendLangKeys.noData)
+			})
+		})
+	});
+});
+//#endregion
+export { DetailPanel as default };

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/PopFrom.d.ts

@@ -0,0 +1,12 @@
+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;

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

@@ -0,0 +1,119 @@
+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 { schemaEventBus } from "../../../../stores/schemaEventBus.js";
+import { handlingRequestErrors } from "../../../../common/fetchErrorShow.js";
+import useExecuteOnce from "../../../../../../packages/react/hooks/useExecuteOnce.js";
+import { eventsInfo } from "../../data/eventInfo.js";
+import useComConfig from "../../hooks/useComConfig.js";
+import { merge } from "../../utils/permissions.js";
+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) => {
+	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(frontendLangKeys.requiredInput, { label: getText(fieldInfo.label) })
+			}] : [], { validator: createAjvValidator(fieldInfo, { required: schema.required?.includes(key) }) }],
+			fieldProps: {
+				...fieldProps,
+				...comType === "select" ? { getPopupContainer: "parent" } : []
+			}
+		});
+		return schemas;
+	}, []);
+};
+var 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;
+};
+var 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);
+	/**
+	* 1. 生成 schemas
+	* 2. 根据config 获取相关展示内容、请求数据
+	* 3. 支持 create、edit
+	*
+	*
+	* 交互结束时 通知上层 清除show component
+	*
+	*
+	*/
+	const schemas = useMemo(() => {
+		return generateSchemas(schema);
+	}, [schema]);
+	const closed = submitting ? void 0 : () => {
+		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 {
+			if ((await handlingRequestErrors(fetchFn(api, v))).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 /* @__PURE__ */ jsx(Modal, {
+		open,
+		onClose: closed,
+		title: getText(config?.title ?? ""),
+		width: 640,
+		maskClosable: !submitting,
+		children: /* @__PURE__ */ jsx(SchemaForm, {
+			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";
+//#endregion
+export { PopForm as default };

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/builtIn.d.ts

@@ -0,0 +1,28 @@
+import type { FetchInfo } from "../../../../../../model/types/data/fetchInfo";
+import type { ComponentType, LazyExoticComponent } from "react";
+type CallComRenderer = ComponentType<any> | LazyExoticComponent<ComponentType<any>>;
+type CallComDefinition<Config> = CallComRenderer & {
+    readonly __config: Config;
+};
+type CreateFormConfig = {
+    title: string;
+    saveBtnText?: string;
+} & Partial<Pick<FetchInfo, 'fetchConfig'>>;
+type EditFormConfig = {
+    title: string;
+    saveBtnText?: string;
+} & FetchInfo;
+type DetailPanelConfig = {
+    title: string;
+} & FetchInfo;
+export declare const baseComponentsMap: {
+    editForm: CallComDefinition<EditFormConfig>;
+    createForm: CallComDefinition<CreateFormConfig>;
+    detailPanel: CallComDefinition<DetailPanelConfig>;
+};
+export type BuiltInCallComNames = Extract<keyof typeof baseComponentsMap, string>;
+type InferCallComConfig<T> = T extends CallComDefinition<infer Config> ? Config : never;
+export type BuiltInCallComConfigMap = {
+    [K in BuiltInCallComNames]?: InferCallComConfig<(typeof baseComponentsMap)[K]>;
+};
+export {};

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

@@ -0,0 +1,10 @@
+import { lazy } from "react";
+//#region frontend/src/defaultPages/SchemaPage/components/CallCom/builtIn.ts
+var defineCallCom = (component) => component;
+var baseComponentsMap = {
+	editForm: defineCallCom(lazy(() => import("./PopFrom.js"))),
+	createForm: defineCallCom(lazy(() => import("./PopFrom.js"))),
+	detailPanel: defineCallCom(lazy(() => import("./DetailPanel.js")))
+};
+//#endregion
+export { baseComponentsMap };

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

@@ -0,0 +1,3 @@
+import type { CallComComponentsMap } from "../../schemaType";
+export declare const components: CallComComponentsMap;
+export type { CallComComponentsMap };

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

@@ -0,0 +1,9 @@
+import defaultAlias_default from "../../../../../../bundler/defaultAlias.js";
+import { baseComponentsMap } from "./builtIn.js";
+//#region frontend/src/defaultPages/SchemaPage/components/CallCom/data.ts
+var components = {
+	...baseComponentsMap,
+	...defaultAlias_default
+};
+//#endregion
+export { components };

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaSearch/index.d.ts

@@ -0,0 +1,2 @@
+declare const SchemaSearch: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default SchemaSearch;

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

@@ -0,0 +1,62 @@
+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 { 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 { jsx } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/SchemaPage/components/SchemaSearch/index.tsx
+var generateSchemas = (config) => {
+	const keys = Object.keys(config);
+	const schemas = [];
+	let defaultValue = void 0;
+	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
+	};
+};
+var SchemaSearch = memo(() => {
+	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);
+	});
+	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: () => {}
+		})
+	});
+});
+SchemaSearch.displayName = "SchemaSearch";
+//#endregion
+export { SchemaSearch as default };

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

@@ -0,0 +1,10 @@
+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;