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

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

@@ -1,63 +1,62 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getText } from '../../../../common/language';
-import { schemaEventBus } from '../../../../stores/schemaEventBus';
-import { useSchemaStore } from '../../../../stores/schemaStore';
-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';
-const generateSchemas = (config) => {
-    // TODO ? 是否需要缓存
-    // const { comSchemaCache } = schemaStore.getState()
-    // if (comSchemaCache.has(schemaKey)) {
-    // }
-    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 };
+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
+	};
 };
-const SchemaSearch = memo(() => {
-    // 暂时没有 config
-    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 }) }));
+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';
-export default SchemaSearch;
+SchemaSearch.displayName = "SchemaSearch";
+//#endregion
+export { SchemaSearch as default };

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

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

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

@@ -1,189 +1,202 @@
-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';
-import useExecuteOnce from '../../../../../../packages/ui/react/hooks/useExecuteOnce';
-import useInit from '../../../../../../packages/ui/react/hooks/useInit';
-import useRefState from '../../../../../../packages/ui/react/hooks/useRefState';
-import useWatch from '../../../../../../packages/ui/react/hooks/useWatch';
-import { produce } from 'immer';
-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 generateColumns = (config) => {
-    const keys = Object.keys(config);
-    const columns = [];
-    keys.forEach((k) => {
-        const fieldInfo = config[k];
-        if (fieldInfo?.option) {
-            const { 
-            // comType = 'input', default: defaultFieldValue,
-            ...fieldProps } = fieldInfo.option;
-            columns.push({
-                title: getText(fieldInfo.label),
-                key: k,
-                ...fieldProps,
-                // fieldProps,
-            });
-        }
-    });
-    return columns;
+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 { 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 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 { 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) => {
+	const keys = Object.keys(config);
+	const columns = [];
+	keys.forEach((k) => {
+		const fieldInfo = config[k];
+		if (fieldInfo?.option) {
+			const { ...fieldProps } = fieldInfo.option;
+			columns.push({
+				title: getText(fieldInfo.label),
+				key: k,
+				...fieldProps
+			});
+		}
+	});
+	return columns;
 };
-const generateRowActions = (btnConfigs, rowData, api) => {
-    const handleRowAction = (btnConfig) => {
-        const { eventKey, eventOption } = btnConfig;
-        switch (eventKey) {
-            case 'callComponent':
-                // 与  schemaPage通信
-                const { emitTable } = schemaEventBus.getState();
-                emitTable({ ...rowData, comName: eventOption.comName });
-                break;
-            case 'remove':
-                // 调用api
-                if (api) {
-                    const apiParams = Object.entries(eventOption.params).reduce((o, [k, v]) => {
-                        // 使用当前行的某个数据
-                        if (('' + v).includes(VALUE_KEY)) {
-                            const valueKey = ('' + v).split(VALUE_KEY)[1];
-                            o[k] = rowData[valueKey];
-                        }
-                        else {
-                            o[k] = v;
-                        }
-                        return o;
-                    }, {});
-                    modal.confirm({
-                        content: getText(frontendLangKeys.confirmDelete),
-                        async onOk() {
-                            await handlingRequestErrors(del(api, apiParams));
-                            schemaEventBus.getState().emitCom({ type: merge(eventsInfo.initTable) });
-                            return true;
-                        },
-                    });
-                }
-                break;
-            default:
-                break;
-        }
-    };
-    return btnConfigs.map((rb, index) => {
-        const label = getText(rb.label ?? '');
-        const bState = rb.eventKey === 'remove' ? 'danger' : undefined;
-        return {
-            render: (_item, { close }) => (_jsx("div", { className: " p-2.5", children: _jsx(Button, { state: bState, variant: "link", onClick: () => {
-                        handleRowAction(rb);
-                        close();
-                    }, children: label }, `${rb.eventKey}-${rb.label ?? index}`) })),
-        };
-    });
+var generateRowActions = (btnConfigs, rowData, api) => {
+	const handleRowAction = (btnConfig) => {
+		const { eventKey, eventOption } = btnConfig;
+		switch (eventKey) {
+			case "callComponent":
+				const { emitTable } = schemaEventBus.getState();
+				emitTable({
+					...rowData,
+					comName: eventOption.comName
+				});
+				break;
+			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]];
+						else o[k] = v;
+						return o;
+					}, {});
+					modal.confirm({
+						content: getText(frontendLangKeys.confirmDelete),
+						async onOk() {
+							await handlingRequestErrors(del(api, apiParams));
+							schemaEventBus.getState().emitCom({ type: merge(eventsInfo.initTable) });
+							return true;
+						}
+					});
+				}
+				break;
+			default: break;
+		}
+	};
+	return btnConfigs.map((rb, index) => {
+		const label = getText(rb.label ?? "");
+		const bState = rb.eventKey === "remove" ? "danger" : void 0;
+		return { render: (_item, { close }) => /* @__PURE__ */ jsx("div", {
+			className: " p-2.5",
+			children: /* @__PURE__ */ jsx(Button, {
+				state: bState,
+				variant: "link",
+				onClick: () => {
+					handleRowAction(rb);
+					close();
+				},
+				children: label
+			}, `${rb.eventKey}-${rb.label ?? index}`)
+		}) };
+	});
 };
-const SchemaTable = memo(({ ref }) => {
-    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 [pagination, setPagination, paginationRef] = useRefState({
-        current: 1,
-        pageSize: 10,
-        total: 0,
-    });
-    const [handleBtn, setHandleBtn] = useState([]);
-    const init = useCallback(async (query) => {
-        if (loadingRef.current.data)
-            return;
-        uLoading(true);
-        try {
-            const res = await handlingRequestErrors(get(params.api ? `${params.api}/list` : '', { ...query, ...paginationRef.current.data }));
-            if (res.data.code === 0) {
-                uData(res.data.data.data);
-                setPagination(produce((nextState) => {
-                    nextState.total = res.data.data.total;
-                }));
-            }
-        }
-        finally {
-            uLoading(false);
-        }
-    }, [loadingRef, paginationRef, params.api, setPagination, uLoading]);
-    useImperativeHandle(ref, () => {
-        return {
-            initData: init,
-        };
-    }, [init]);
-    useInit(() => {
-        const contextColumns = generateColumns(params.schema.properties);
-        const actionColumn = [];
-        if (params.config) {
-            const { rowButtons, headerButtons } = params.config;
-            // 处理row交互
-            if (rowButtons) {
-                actionColumn.push({
-                    key: 'action',
-                    title: getText(frontendLangKeys.operation),
-                    actions: (_value, _record, index) => [
-                        ...generateRowActions(rowButtons, _record, params.api),
-                        // { key: `text-${index}`, label: 'text' },
-                        // { key: `link-${index}`, label: 'link' },
-                    ],
-                });
-            }
-            // 处理page 交互
-            setHandleBtn(headerButtons?.map((c) => {
-                const { label, eventKey, eventOption, ...props } = c;
-                return {
-                    children: getText(label ?? ''),
-                    onClick: () => {
-                        if ('comName' in eventOption) {
-                            schemaEventBus.getState().emitTable(eventOption);
-                        }
-                        else {
-                            // 不存在这种用法
-                        }
-                    },
-                    ...props,
-                };
-                // }
-            }) ?? []);
-        }
-        uColumns(contextColumns.concat(actionColumn));
-    });
-    useExecuteOnce(() => {
-        init();
-    }, { executionPhase: 'mount' });
-    const daProps = useMemo(() => {
-        return {
-            columns,
-            data,
-            loading,
-            pagination: {
-                ...pagination,
-                onPageSizeChange(pageSize) {
-                    setPagination(produce((ns) => {
-                        ns.pageSize = pageSize;
-                    }));
-                },
-                onChange(page) {
-                    setPagination(produce((ns) => {
-                        ns.current = page;
-                    }));
-                },
-            },
-        };
-    }, [columns, data, loading, pagination, setPagination]);
-    useWatch([pagination.current, pagination.pageSize], () => {
-        init();
-    }, {
-        compare: 'shallow',
-    });
-    return (_jsxs("div", { className: "schema-table", children: [_jsx("div", { className: "schema-table-actions flex items-end", children: handleBtn.map((bc, index) => {
-                    return _jsx(Button, { ...bc }, `schema-table-action-${index}`);
-                }) }), _jsx(DataTable, { ...daProps })] }));
+var SchemaTable = memo(({ ref }) => {
+	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 [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);
+		});
+		try {
+			const res = await handlingRequestErrors(get(params.api ? `${params.api}/list` : "", {
+				...query,
+				...paginationRef.current.data
+			}));
+			if (res.data.code === 0) {
+				uData(res.data.data.data);
+				setPagination(produce((nextState) => {
+					nextState.total = res.data.data.total;
+				}));
+			}
+		} finally {
+			startTransition(async () => {
+				uLoading(false);
+			});
+		}
+	}, [
+		loadingRef,
+		paginationRef,
+		params.api,
+		setPagination,
+		uLoading
+	]);
+	useImperativeHandle(ref, () => {
+		return { initData: init };
+	}, [init]);
+	useInit(() => {
+		const contextColumns = generateColumns(params.schema.properties);
+		const actionColumn = [];
+		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)]
+			});
+			setHandleBtn(headerButtons?.map((c) => {
+				const { label, eventKey, eventOption, ...props } = c;
+				return {
+					children: getText(label ?? ""),
+					onClick: () => {
+						if ("comName" in eventOption) schemaEventBus.getState().emitTable(eventOption);
+					},
+					...props
+				};
+			}) ?? []);
+		}
+		uColumns(contextColumns.concat(actionColumn));
+	});
+	useExecuteOnce(() => {
+		init();
+	}, { executionPhase: "mount" });
+	const daProps = useMemo(() => {
+		return {
+			columns,
+			data,
+			loading: lazyLoading || loading,
+			pagination: {
+				...pagination,
+				onPageSizeChange(pageSize) {
+					setPagination(produce((ns) => {
+						ns.pageSize = pageSize;
+					}));
+				},
+				onChange(page) {
+					setPagination(produce((ns) => {
+						ns.current = page;
+					}));
+				}
+			}
+		};
+	}, [
+		columns,
+		data,
+		loading,
+		lazyLoading,
+		pagination,
+		setPagination
+	]);
+	useWatch([pagination.current, pagination.pageSize], () => {
+		init();
+	}, { compare: "shallow" });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "schema-table",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "schema-table-actions flex items-end",
+			children: handleBtn.map((bc, index) => {
+				return /* @__PURE__ */ jsx(Button, { ...bc }, `schema-table-action-${index}`);
+			})
+		}), /* @__PURE__ */ jsx(DataTable, { ...daProps })]
+	});
 });
-SchemaTable.displayName = 'SchemaTable';
-export default SchemaTable;
+SchemaTable.displayName = "SchemaTable";
+//#endregion
+export { SchemaTable as default };

package/fe/frontend/src/defaultPages/SchemaPage/data/eventInfo.d.ts

@@ -5,4 +5,3 @@ export declare const eventsInfo: {
     readonly resetSearch: 2;
 };
 export type EventInfoKey = keyof typeof eventsInfo;
-//# sourceMappingURL=eventInfo.d.ts.map

package/fe/frontend/src/defaultPages/SchemaPage/data/eventInfo.js

@@ -1,6 +1,9 @@
-export const eventsInfo = {
-    none: /**      */ 0b00000000000000,
-    closeCom: /**     */ 0b00000000000001,
-    initTable: /** */ 0b00000000000010,
-    resetSearch: /** */ 0b00000000000010,
+//#region frontend/src/defaultPages/SchemaPage/data/eventInfo.ts
+var eventsInfo = {
+	none: 0,
+	closeCom: 1,
+	initTable: 2,
+	resetSearch: 2
 };
+//#endregion
+export { eventsInfo };

package/fe/frontend/src/defaultPages/SchemaPage/data/index.d.ts

@@ -1,3 +1,2 @@
 export declare const suffixKey = "Option";
 export type SuffixKey = typeof suffixKey;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +1,4 @@
-export const suffixKey = "Option";
+//#region frontend/src/defaultPages/SchemaPage/data/index.ts
+var suffixKey = "Option";
+//#endregion
+export { suffixKey };

package/fe/frontend/src/defaultPages/SchemaPage/hooks/useComConfig.d.ts

@@ -1,4 +1,4 @@
-import type { CallComNames, NamedComponentConfig, NamedSchemaType } from '../schemaType';
+import type { CallComNames, NamedComponentConfig, NamedSchemaType } from "../schemaType";
 declare const useComConfig: <CN extends CallComNames>({ comName }: {
     comName: CallComNames;
 }) => {
@@ -7,4 +7,3 @@ declare const useComConfig: <CN extends CallComNames>({ comName }: {
     api: string | undefined;
 };
 export default useComConfig;
-//# sourceMappingURL=useComConfig.d.ts.map

package/fe/frontend/src/defaultPages/SchemaPage/hooks/useComConfig.js

@@ -1,14 +1,17 @@
-import { useSchemaStore } from '../../../stores/schemaStore';
-import { useShallow } from 'zustand/react/shallow';
-const useComConfig = ({ comName }) => {
-    const params = useSchemaStore(useShallow((s) => ({ comConfig: s.components, api: s.api })));
-    const comConfig = params.comConfig?.[comName];
-    const config = comConfig?.config;
-    const schema = comConfig?.schema;
-    return {
-        config,
-        schema,
-        api: params.api,
-    };
+import { useSchemaStore } from "../../../stores/schemaStore.js";
+import { useShallow } from "zustand/react/shallow";
+//#region frontend/src/defaultPages/SchemaPage/hooks/useComConfig.ts
+var useComConfig = ({ comName }) => {
+	const params = useSchemaStore(useShallow((s) => ({
+		comConfig: s.components,
+		api: s.api
+	})));
+	const comConfig = params.comConfig?.[comName];
+	return {
+		config: comConfig?.config,
+		schema: comConfig?.schema,
+		api: params.api
+	};
 };
-export default useComConfig;
+//#endregion
+export { useComConfig as default };