@_tc/template-core 0.1.16 → 0.2.0-bate.1

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

@@ -5,8 +5,7 @@
 
 .schema-workspace {
     background:
-        linear-gradient(180deg, hsl(var(--background) / 0.62), hsl(var(--background) / 0.3)),
-        hsl(var(--theme-bg));
+        linear-gradient(180deg, hsl(var(--background) / 0.62), hsl(var(--background) / 0.3)), hsl(var(--theme-bg));
 }
 
 .schema-search-region {
@@ -45,35 +44,11 @@
     line-height: 16px;
 }
 
-.schema-search .tc-ui-input input,
-.schema-search .tc-ui-select > div:first-child,
-.schema-search .tc-ui-date-picker > div > div:first-child {
-    min-height: 34px;
-    border-color: hsl(var(--border) / 0.8);
-    border-radius: 7px;
-    background-color: hsl(var(--theme-bg) / 0.54);
-    padding: 7px 10px;
-}
-
 .schema-search .tc-ui-date-picker .tc-ui-input input {
     min-height: 0;
     padding: 0;
 }
 
-.schema-search .tc-ui-input input:hover,
-.schema-search .tc-ui-select > div:first-child:hover,
-.schema-search .tc-ui-date-picker > div > div:first-child:hover {
-    border-color: hsl(var(--foreground) / 0.28);
-    background-color: hsl(var(--background) / 0.9);
-}
-
-.schema-search .tc-ui-input input:focus,
-.schema-search .tc-ui-select > div:first-child:focus,
-.schema-search .tc-ui-date-picker > div > div:first-child:focus-within {
-    border-color: hsl(var(--theme-primary) / 0.74);
-    box-shadow: 0 0 0 3px hsl(var(--theme-primary) / 0.1);
-}
-
 .schema-search .tc-ui-button {
     height: 34px;
     border-radius: 7px;

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

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

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

@@ -1,77 +1,90 @@
-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';
-import useExecuteOnce, { executionPhaseType } from '../../../../packages/ui/react/hooks/useExecuteOnce';
-import useInit from '../../../../packages/ui/react/hooks/useInit';
-import { memo, Suspense, useCallback, useMemo, useRef, useState } from 'react';
-import { components } from './components/CallCom/data';
-import SchemaSearch from './components/SchemaSearch';
-import SchemaTable from './components/SchemaTable';
-import { eventsInfo } from './data/eventInfo';
-import './index.css';
-import { isAllowed } from './utils/permissions';
-import { schemaConversion } from './utils/schemaConversion';
-const Schema = memo(() => {
-    const { menu } = useCurrentMenuData();
-    const [showCompoentKey, setShowCompoentKey] = useState();
-    const [comProps, setComProps] = useState({});
-    const schemaStoreAvailable = useSchemaStore((s) => s.schemaStoreAvailable);
-    const TableRef = useRef(null);
-    const onSearch = useCallback((v) => {
-        TableRef.current?.initData(v);
-    }, []);
-    const callCom = useCallback((v) => {
-        const { comName, ...params } = v;
-        setComProps({ data: params, comName });
-        setShowCompoentKey(comName);
-    }, []);
-    const comDone = useCallback(({ type }) => {
-        /**
-         * 解析出需要执行的操作
-         */
-        if (isAllowed(type, eventsInfo.closeCom)) {
-            setShowCompoentKey(undefined);
-            setComProps(undefined);
-        }
-        if (isAllowed(type, eventsInfo.initTable)) {
-            TableRef.current?.initData();
-        }
-        if (isAllowed(type, eventsInfo.resetSearch)) {
-        }
-    }, []);
-    useInit(() => {
-        // schema数据分离
-        schemaConversion(menu.schemaConfig, menu.key);
-    });
-    useExecuteOnce(() => {
-        // 关联search
-        schemaEventBus.getState().subscribeSearch(onSearch);
-        // 订阅组件消息
-        schemaEventBus.getState().subscribeCom(comDone);
-        // 关联table
-        schemaEventBus.getState().subscribeTable(callCom);
-    }, { executionPhase: executionPhaseType.mount });
-    useExecuteOnce(() => {
-        schemaEventBus.getState().unSubscribeSearch(onSearch);
-        schemaEventBus.getState().unSubscribeTable(callCom);
-        schemaEventBus.getState().unSubscribeCom(comDone);
-    }, { executionPhase: executionPhaseType.unMount });
-    const dom = useMemo(() => {
-        if (schemaStoreAvailable) {
-            const CallCom = components[showCompoentKey];
-            if (!CallCom && showCompoentKey) {
-                logIllegalComponentCallback(showCompoentKey);
-            }
-            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: getText(frontendLangKeys.loading) }));
-    }, [comProps, schemaStoreAvailable, showCompoentKey]);
-    return dom;
+import "./index.css";
+import { frontendLangKeys } from "../../language/index.js";
+import { getText } from "../../common/language.js";
+import useInit from "../../../../packages/react/hooks/useInit.js";
+import { logIllegalComponentCallback } from "../../common/logFn/index.js";
+import { schemaEventBus } from "../../stores/schemaEventBus.js";
+import { useSchemaStore } from "../../stores/schemaStore.js";
+import useExecuteOnce, { executionPhaseType } from "../../../../packages/react/hooks/useExecuteOnce.js";
+import useCurrentMenuData from "../../hooks/useCurrentMenuData.js";
+import { eventsInfo } from "./data/eventInfo.js";
+import { isAllowed } from "./utils/permissions.js";
+import { components } from "./components/CallCom/data.js";
+import SchemaSearch from "./components/SchemaSearch/index.js";
+import SchemaTable from "./components/SchemaTable/index.js";
+/* empty css       */
+import { schemaConversion } from "./utils/schemaConversion.js";
+import { Suspense, memo, useCallback, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/SchemaPage/index.tsx
+var Schema = memo(() => {
+	const { menu } = useCurrentMenuData();
+	const [showCompoentKey, setShowCompoentKey] = useState();
+	const [comProps, setComProps] = useState({});
+	const schemaStoreAvailable = useSchemaStore((s) => s.schemaStoreAvailable);
+	const TableRef = useRef(null);
+	const onSearch = useCallback((v) => {
+		TableRef.current?.initData(v);
+	}, []);
+	const callCom = useCallback((v) => {
+		const { comName, ...params } = v;
+		setComProps({
+			data: params,
+			comName
+		});
+		setShowCompoentKey(comName);
+	}, []);
+	const comDone = useCallback(({ type }) => {
+		/**
+		* 解析出需要执行的操作
+		*/
+		if (isAllowed(type, eventsInfo.closeCom)) {
+			setShowCompoentKey(void 0);
+			setComProps(void 0);
+		}
+		if (isAllowed(type, eventsInfo.initTable)) TableRef.current?.initData();
+		if (isAllowed(type, eventsInfo.resetSearch)) {}
+	}, []);
+	useInit(() => {
+		schemaConversion(menu.schemaConfig, menu.key);
+	});
+	useExecuteOnce(() => {
+		schemaEventBus.getState().subscribeSearch(onSearch);
+		schemaEventBus.getState().subscribeCom(comDone);
+		schemaEventBus.getState().subscribeTable(callCom);
+	}, { executionPhase: executionPhaseType.mount });
+	useExecuteOnce(() => {
+		schemaEventBus.getState().unSubscribeSearch(onSearch);
+		schemaEventBus.getState().unSubscribeTable(callCom);
+		schemaEventBus.getState().unSubscribeCom(comDone);
+	}, { executionPhase: executionPhaseType.unMount });
+	return useMemo(() => {
+		if (schemaStoreAvailable) {
+			const CallCom = components[showCompoentKey];
+			if (!CallCom && showCompoentKey) logIllegalComponentCallback(showCompoentKey);
+			return /* @__PURE__ */ 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: [/* @__PURE__ */ jsxs("div", {
+					className: "schema-workspace flex min-h-0 flex-1 flex-col overflow-hidden",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "schema-search-region shrink-0",
+						children: /* @__PURE__ */ jsx(SchemaSearch, {})
+					}), /* @__PURE__ */ jsx("div", {
+						className: "schema-table-region min-h-0 flex-1 overflow-auto p-3",
+						children: /* @__PURE__ */ jsx(SchemaTable, { ref: TableRef })
+					})]
+				}), /* @__PURE__ */ jsx(Suspense, { children: CallCom && /* @__PURE__ */ jsx(CallCom, { ...comProps }) })]
+			});
+		} else return /* @__PURE__ */ jsx("div", {
+			className: "flex h-full items-center justify-center text-sm text-muted-foreground",
+			children: getText(frontendLangKeys.loading)
+		});
+	}, [
+		comProps,
+		schemaStoreAvailable,
+		showCompoentKey
+	]);
 });
-Schema.displayName = 'SchemaPage';
-export default Schema;
+Schema.displayName = "SchemaPage";
+//#endregion
+export { Schema as default };

package/fe/frontend/src/defaultPages/SchemaPage/schemaType.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentConfig } from '../../../../model/types/data/component';
-import type { BaseOption, ConfigSchema, SchemaDataType, SearchConfig, TableConfig, UsedConfigSchema } from '../../../../model/types/data/schema';
-import type { LazyExoticComponent, ComponentType as ReactComponentType } from 'react';
-import type { SuffixKey } from './data';
+import type { ComponentConfig } from "../../../../model/types/data/component";
+import type { BaseOption, ConfigSchema, SchemaDataType, SearchConfig, TableConfig, UsedConfigSchema } from "../../../../model/types/data/schema";
+import type { LazyExoticComponent, ComponentType as ReactComponentType } from "react";
+import type { SuffixKey } from "./data";
 export type { ComponentConfig, SearchConfig, TableConfig };
 export type FieldType = ConfigSchema['properties'][''];
 export type SchemaType = Required<SchemaDataType>['schema'];
@@ -14,13 +14,7 @@ export type NonOptionKey = {
 }[AllFieldKeys];
 export type StoreSchemaType = UsedConfigSchema<BaseOption<FieldType[`${AllOptionsPreNames}${SuffixKey}`]>>;
 export type NamedSchemaType<N extends `${AllOptionsPreNames}${SuffixKey}`> = UsedConfigSchema<BaseOption<FieldType[N]>>;
-/**
- * 获取具体名称的 components options 配置
- */
 export type NamedComOption<N extends CallComNames> = ComponentType<ComponentConfig>[N];
-/**
- * 获取具名 组件配置
- */
 export type NamedComponentConfig<N extends CallComNames> = ComponentConfig[N];
 type ComponentC<C extends ComponentConfig> = {
     [K in keyof C]: {
@@ -41,11 +35,7 @@ export declare const enum ComEventType {
     close = 0
 }
 export type SchemaComEventInfo = {
-    /**
-     * 操作权限合集
-     */
     type: number;
 };
 export type CallComponent<T> = Partial<Record<CallComNames, T>>;
 export type CallComComponentsMap = CallComponent<CallComRenderer>;
-//# sourceMappingURL=schemaType.d.ts.map

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

@@ -1,4 +1,7 @@
-export var ComEventType;
-(function (ComEventType) {
-    ComEventType[ComEventType["close"] = 0] = "close";
-})(ComEventType || (ComEventType = {}));
+//#region frontend/src/defaultPages/SchemaPage/schemaType.ts
+var ComEventType = /* @__PURE__ */ function(ComEventType) {
+	ComEventType[ComEventType["close"] = 0] = "close";
+	return ComEventType;
+}({});
+//#endregion
+export { ComEventType };

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

@@ -1,3 +1,2 @@
 export declare const merge: (...params: number[]) => number;
 export declare const isAllowed: (key1: number, key2: number) => boolean;
-//# sourceMappingURL=permissions.d.ts.map

package/fe/frontend/src/defaultPages/SchemaPage/utils/permissions.js

@@ -1,3 +1,6 @@
-import { eventsInfo } from '../data/eventInfo';
-export const merge = (...params) => params.reduce((o, n) => o | n, eventsInfo.none);
-export const isAllowed = (key1, key2) => (key1 & key2) !== eventsInfo.none;
+import { eventsInfo } from "../data/eventInfo.js";
+//#region frontend/src/defaultPages/SchemaPage/utils/permissions.ts
+var merge = (...params) => params.reduce((o, n) => o | n, eventsInfo.none);
+var isAllowed = (key1, key2) => (key1 & key2) !== eventsInfo.none;
+//#endregion
+export { isAllowed, merge };

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

@@ -1,3 +1,2 @@
-import { SchemaDataType } from '../../../../../model/types/data/schema';
+import { SchemaDataType } from "../../../../../model/types/data/schema";
 export declare const schemaConversion: (schema: SchemaDataType, schemaKey: string) => void;
-//# sourceMappingURL=schemaConversion.d.ts.map

package/fe/frontend/src/defaultPages/SchemaPage/utils/schemaConversion.js

@@ -1,115 +1,66 @@
-import { suffixKey } from '../data';
-import { schemaStore } from '../../../stores/schemaStore';
+import { schemaStore } from "../../../stores/schemaStore.js";
+import "../data/index.js";
+//#region frontend/src/defaultPages/SchemaPage/utils/schemaConversion.ts
 /**
- *
- * 构建出需要optios + 其他字段
- */
-const buildSchema = (schema, fieldType) => {
-    if (!schema.properties)
-        return;
-    const temSchema = {
-        type: 'object',
-        properties: {},
-        required: schema.required,
-    };
-    for (const key in schema.properties) {
-        const fieldInfo = schema.properties[key];
-        const fieldKeys = Object.keys(fieldInfo);
-        temSchema.properties[key] = fieldKeys.reduce((o, fieldKey) => {
-            // 为xxxoption
-            if (fieldKey.indexOf(suffixKey) !== -1) {
-                // 需要的option
-                if (fieldKey === `${fieldType}${suffixKey}`) {
-                    o['option'] = fieldInfo[fieldKey];
-                }
-            }
-            // 其余属性
-            else {
-                ;
-                o[fieldKey] = fieldInfo[fieldKey];
-            }
-            return o;
-        }, {});
-    }
-    return temSchema;
+*
+* 构建出需要optios + 其他字段
+*/
+var buildSchema = (schema, fieldType) => {
+	if (!schema.properties) return;
+	const temSchema = {
+		type: "object",
+		properties: {},
+		required: schema.required
+	};
+	for (const key in schema.properties) {
+		const fieldInfo = schema.properties[key];
+		const fieldKeys = Object.keys(fieldInfo);
+		temSchema.properties[key] = fieldKeys.reduce((o, fieldKey) => {
+			if (fieldKey.indexOf("Option") !== -1) {
+				if (fieldKey === `${fieldType}Option`) o["option"] = fieldInfo[fieldKey];
+			} else o[fieldKey] = fieldInfo[fieldKey];
+			return o;
+		}, {});
+	}
+	return temSchema;
 };
-// properties 构建
-// const buildSchema = (data: FieldType, fieldType: AllOptionsPreNames) => {
-//   console.log(data);
-//   const keys = Object.keys(data) as (keyof FieldType)[];
-//   type TargetOptionKey = `${typeof fieldType}${typeof suffixKey}`;
-//   type NewState = Partial<{
-//     [K in NonOptionKey]: FieldType[K];
-//   }> & {
-//     option?: FieldType[TargetOptionKey];
-//   };
-//   const newData = produce<NewState>(data, (temData) => {
-//     const newState: NewState = {
-//       option: undefined,
-//     } as unknown as NewState;
-//     keys.forEach((k) => {
-//       // 是 Option
-//       if (k.indexOf(suffixKey) !== -1) {
-//         // 需要的options
-//         if (k === (`${fieldType}${suffixKey}` as const)) {
-//           newState["option"] = (temData as FieldType)[k];
-//         }
-//       } else {
-//         (newState as any)[k] = (temData as FieldType)[
-//           k
-//         ] as NewState[keyof NewState];
-//       }
-//     });
-//     return newState;
-//   });
-//   return newData;
-// };
-export const schemaConversion = (schema, schemaKey) => {
-    // 存在缓存直接跳过
-    const { schemaCache, setSchemaState } = schemaStore.getState();
-    if (schemaCache.has(schemaKey)) {
-        // 应用缓存
-        setSchemaState({
-            ...schemaCache.get(schemaKey),
-        });
-        return;
-    }
-    const { api, schema: schemaMetadata = {}, componentConfig, tableConfig, searchConfig } = schema;
-    //   整个schema 进行移动
-    const tableSchema = buildSchema(JSON.parse(JSON.stringify(schemaMetadata)), 'table');
-    const searchSchema = buildSchema(JSON.parse(JSON.stringify(schemaMetadata)), 'search');
-    let components = {};
-    //  page components
-    if (componentConfig) {
-        const componentKeys = Object.keys(componentConfig ?? {});
-        components = componentKeys.reduce((o, comKey) => {
-            // 获取组件的 schema
-            const comSchema = buildSchema(JSON.parse(JSON.stringify(schemaMetadata)), comKey);
-            o[comKey] = {
-                schema: comSchema,
-                config: componentConfig[comKey],
-            };
-            return o;
-        }, {});
-    }
-    {
-        const { setSchemaState, updateSchemaCache } = schemaStore.getState();
-        setSchemaState({
-            api,
-            components,
-            tableSchema,
-            tableConfig,
-            searchSchema,
-            searchConfig,
-        });
-        updateSchemaCache({
-            api,
-            schemaKey,
-            components,
-            tableSchema: tableSchema,
-            tableConfig: tableConfig,
-            searchSchema: searchSchema,
-            searchConfig: searchConfig,
-        });
-    }
+var schemaConversion = (schema, schemaKey) => {
+	const { schemaCache, setSchemaState } = schemaStore.getState();
+	if (schemaCache.has(schemaKey)) {
+		setSchemaState({ ...schemaCache.get(schemaKey) });
+		return;
+	}
+	const { api, schema: schemaMetadata = {}, componentConfig, tableConfig, searchConfig } = schema;
+	const tableSchema = buildSchema(JSON.parse(JSON.stringify(schemaMetadata)), "table");
+	const searchSchema = buildSchema(JSON.parse(JSON.stringify(schemaMetadata)), "search");
+	let components = {};
+	if (componentConfig) components = Object.keys(componentConfig ?? {}).reduce((o, comKey) => {
+		o[comKey] = {
+			schema: buildSchema(JSON.parse(JSON.stringify(schemaMetadata)), comKey),
+			config: componentConfig[comKey]
+		};
+		return o;
+	}, {});
+	{
+		const { setSchemaState, updateSchemaCache } = schemaStore.getState();
+		setSchemaState({
+			api,
+			components,
+			tableSchema,
+			tableConfig,
+			searchSchema,
+			searchConfig
+		});
+		updateSchemaCache({
+			api,
+			schemaKey,
+			components,
+			tableSchema,
+			tableConfig,
+			searchSchema,
+			searchConfig
+		});
+	}
 };
+//#endregion
+export { schemaConversion };

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

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