@_tc/template-core 0.0.1-bate.45 → 0.0.1-bate.47

package/fe/frontend/src/main.css

@@ -0,0 +1,96 @@
+@import '../../packages/react/ui/index.css';
+
+/* 内容扫描 */
+/* enhancedComponents */
+@source "./**/*.{js,ts,jsx,tsx}";
+
+.dark {
+    --background: 238 12% 7%;
+    --foreground: 225 16% 92%;
+    --card: 238 11% 8%;
+    --card-foreground: 225 16% 92%;
+    --popover: 238 11% 8%;
+    --popover-foreground: 225 16% 92%;
+    --primary: 225 16% 92%;
+    --primary-foreground: 238 12% 9%;
+    --secondary: 235 10% 15%;
+    --secondary-foreground: 225 16% 90%;
+    --muted: 235 10% 17%;
+    --muted-foreground: 228 9% 66%;
+    --accent: 226 16% 18%;
+    --accent-foreground: 225 16% 92%;
+    --border: 235 10% 20%;
+    --input: 235 10% 20%;
+    --ring: 225 16% 72%;
+
+    --theme-primary: 225 16% 92%;
+    --theme-primary-foreground: 238 12% 9%;
+    --theme-bg: 238 13% 9%;
+    --theme-text: 225 16% 92%;
+
+    --table-header-bg: 235 9% 18%;
+    --table-header-text: 228 10% 72%;
+    --table-head-text: 228 10% 72%;
+    --table-cell-text: 225 16% 90%;
+    --table-action-bg: 235 9% 19%;
+    --table-action-text: 225 16% 86%;
+}
+
+* {
+    scrollbar-color: hsl(var(--muted-foreground) / 0.34) transparent;
+    scrollbar-width: thin;
+}
+
+*::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+
+*::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+    min-height: 40px;
+    border: 3px solid transparent;
+    border-radius: 999px;
+    background: hsl(var(--muted-foreground) / 0.28);
+    background-clip: padding-box;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+    background: hsl(var(--muted-foreground) / 0.46);
+    background-clip: padding-box;
+}
+
+*::-webkit-scrollbar-corner {
+    background: transparent;
+}
+
+.sidebar-shell-menu.tc-ui-menu {
+    width: 168px;
+    height: 100%;
+    border-radius: 0;
+    background: transparent;
+    box-shadow: none;
+}
+
+.sidebar-shell-menu .menuitem,
+.sidebar-shell-menu .subMenuItem {
+    border-radius: 8px;
+    color: hsl(var(--muted-foreground));
+    font-weight: 500;
+}
+
+.sidebar-shell-menu .menuitem:hover,
+.sidebar-shell-menu .subMenuItem:hover {
+    background: hsl(var(--muted) / 0.42);
+    color: hsl(var(--foreground));
+}
+
+.sidebar-shell-menu .menuitem.bg-theme,
+.sidebar-shell-menu .subMenuItem.bg-theme\/10 {
+    background: hsl(var(--foreground) / 0.08);
+    color: hsl(var(--foreground));
+    box-shadow: inset 0 0 0 1px hsl(var(--border) / 0.8);
+}

package/fe/frontend/src/main.d.ts

@@ -0,0 +1,27 @@
+import type { JSX } from "react/jsx-runtime";
+import { RouteInfo } from "./components/Router/index";
+import { RouterType } from "./components/Router/type";
+import { type ReactNode } from "react";
+import "./main.css";
+import "./typing/window";
+export declare const initApp: (
+/**
+ * ## ⚠️ ‼️如果你有配置路由，一定要渲染 children
+ * 根组件函数
+ *
+ */
+RootComponent: (props: {
+    children: Exclude<ReactNode, null | undefined>;
+}) => JSX.Element, options?: {
+    routes?: RouteInfo[];
+    routerType?: RouterType;
+    modelType?: string;
+    /**
+     * - 初始化 model 数据
+     * - 默认开启
+     * - modelType 为 MD 时 默认开启
+     * @default true
+     */
+    initModeData?: boolean;
+}) => void;
+//# sourceMappingURL=main.d.ts.map

package/fe/frontend/src/main.js

@@ -0,0 +1,60 @@
+import "./main.css";
+import { modeStore } from "./stores/mode.js";
+import { renderImportComponent } from "./common/importComponent.js";
+import { generateRouter } from "./components/Router/index.js";
+import "./exportStore.js";
+/* empty css      */
+import { Fragment, jsx } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+//#region frontend/src/main.tsx
+var renderRouter = async ({ routerDom, requestModelData }) => {
+	if (requestModelData) {
+		const { initModeData } = modeStore.getState();
+		if (!modeStore.getState().initData) await new Promise((resolve, reject) => {
+			let settled = false;
+			let unsubscribe = () => {};
+			const done = () => {
+				if (settled) return;
+				settled = true;
+				unsubscribe();
+				resolve();
+			};
+			const fail = (error) => {
+				if (settled) return;
+				settled = true;
+				unsubscribe();
+				reject(error);
+			};
+			unsubscribe = modeStore.subscribe((ns) => {
+				if (ns.initData) done();
+			});
+			let initResult;
+			try {
+				initResult = initModeData();
+			} catch (error) {
+				fail(error);
+				return;
+			}
+			Promise.resolve(initResult).then(() => {
+				if (modeStore.getState().initData) done();
+			}, fail);
+		});
+	}
+	return { default: () => /* @__PURE__ */ jsx(Fragment, { children: routerDom }) };
+};
+var initApp = (RootComponent, options) => {
+	console.log("initApp");
+	const root = createRoot(document.getElementById("root"));
+	const { routerType = "browser", routes: pRoutes = [], initModeData = true, modelType = "MD" } = options ?? {};
+	const routes = [...pRoutes];
+	const usedRouter = !!routes.length;
+	let routerDom;
+	if (usedRouter) routerDom = generateRouter(routes, routerType);
+	const Component = renderImportComponent(renderRouter({
+		routerDom,
+		requestModelData: initModeData || modelType === "MD"
+	}));
+	root.render(/* @__PURE__ */ jsx(RootComponent, { children: Component }));
+};
+//#endregion
+export { initApp };

package/fe/frontend/src/stores/apiFreezer.d.ts

@@ -0,0 +1,93 @@
+/** 根据参数 + 路径 + config 生成hash key */
+type freezeQueue = Map<string, {
+    /**
+     * - 包装的原始请求函数， 只需要存一次  因为参数完全一致
+     *
+     * - () =>  fn(...params)
+     */
+    originFn: Function;
+    /**
+     * 响应的结果
+     */
+    /**
+     * 需要回调的函数
+     */
+    callBackFns: {
+        resolve: (value: unknown) => void;
+        reject: (reason?: any) => void;
+    }[];
+}>;
+export declare const FreezeState: {
+    /**
+     * 休眠 - 待机状态
+     */
+    readonly Hibernation: "Hibernation";
+    /**
+     * 冻结状态
+     */
+    readonly Freeze: "Freeze";
+    /**
+     * 正在解冻
+     */
+    readonly Thawing: "Thawing";
+};
+export type FreezeStateKeys = keyof typeof FreezeState;
+export type FreezeStateEnum = (typeof FreezeState)[FreezeStateKeys];
+export type ApiFreezerRequestMatcher = string | RegExp | ((api: string, params: readonly unknown[]) => boolean);
+interface ApiFreezerState {
+    /**
+     *
+
+    * 冻结器状态
+    * - 流程：
+    *   1. 开启冻结 标记 Freeze
+    *   2. 收录请求
+    *   3. 开始解冻 标记 Thaw
+    *   4. 消费队列
+    *   5. 标记 Hibernation
+
+    */
+    readonly state: FreezeStateEnum;
+    /**
+     *   - 开启冻结
+     *   - 所有触发的请求不会实际发出，而是进入消息队列
+     */
+    freezing: () => void;
+    /**
+     *  - 开始解冻
+     *  - 处理消息队列
+     */
+    thawing: () => void;
+    /**
+     * - 请求白名单
+     * - 需要放行的 api请求
+     */
+    requestWhitelist: ApiFreezerRequestMatcher[];
+    setRequestWhitelist: (data: ApiFreezerState['requestWhitelist']) => void;
+    /**
+     *  - 收录的待处理请求
+     */
+    readonly freezeQueue: freezeQueue;
+}
+/**
+ *
+ * 解冻的过程中 又插入了请求  如何处理？
+ *
+ * 冻结流程
+ *
+ * 1. 如果处于休眠 或者 api在白名单中  直接调用
+ * 2. 获取冻结队列
+ *    1. 如果没有则新增
+ * 3. 返回一个 Promise 给调用方 // 请求并未发出
+ * 4. 监听状态变化
+ * 5. 变为解冻时
+ * 6. 获取消息 冻结列表
+ * 7. 批处理请求
+ * 8. 响应后 回调 调用方 返回结果
+ * 9. 清空 冻结队列
+ *
+ */
+export declare const apiFreezerStore: import("zustand").StoreApi<ApiFreezerState>;
+export declare const useApiFreezer: import("../../../packages/react/ui/index").StoreHook<import("zustand").StoreApi<ApiFreezerState>>;
+export {};
+//# sourceMappingURL=apiFreezer.d.ts.map

package/fe/frontend/src/stores/apiFreezer.js

@@ -0,0 +1,53 @@
+import { createStoreHook } from "../../../packages/react/ui/lib/createStoreHook.js";
+import "../../../packages/react/ui/index.js";
+import { createStore } from "zustand";
+//#region frontend/src/stores/apiFreezer.ts
+var FreezeState = {
+	/**
+	* 休眠 - 待机状态
+	*/
+	Hibernation: "Hibernation",
+	/**
+	* 冻结状态
+	*/
+	Freeze: "Freeze",
+	/**
+	* 正在解冻
+	*/
+	Thawing: "Thawing"
+};
+/**
+*
+* 解冻的过程中 又插入了请求  如何处理？
+*
+* 冻结流程
+*
+* 1. 如果处于休眠 或者 api在白名单中  直接调用
+* 2. 获取冻结队列
+*    1. 如果没有则新增
+* 3. 返回一个 Promise 给调用方 // 请求并未发出
+* 4. 监听状态变化
+* 5. 变为解冻时
+* 6. 获取消息 冻结列表
+* 7. 批处理请求
+* 8. 响应后 回调 调用方 返回结果
+* 9. 清空 冻结队列
+*
+*/
+var apiFreezerStore = createStore((set) => ({
+	state: FreezeState.Hibernation,
+	freezing() {
+		set({ state: FreezeState.Freeze });
+	},
+	thawing() {
+		set({ state: FreezeState.Thawing });
+	},
+	requestWhitelist: [],
+	setRequestWhitelist(requestWhitelist) {
+		set({ requestWhitelist });
+	},
+	freezeQueue: /* @__PURE__ */ new Map()
+}));
+var useApiFreezer = createStoreHook(apiFreezerStore);
+//#endregion
+export { FreezeState, apiFreezerStore, useApiFreezer };

package/fe/frontend/{widgets/store → src/stores}/mode.d.ts

@@ -1,4 +1,4 @@
-import { type ModelInfo, type ProjectInfo } from '../../widgets/api/baseInfo';
+import { type ModelInfo, type ProjectInfo } from "../api/baseInfo";
 interface ModeState {
     modeList: ModelInfo[];
     projectInfo: ProjectInfo | null;
@@ -10,10 +10,10 @@ interface ModeState {
 interface ModeAction {
     setModeList: (data: ModeState['modeList']) => void;
     setProjectInfo: (data: ModeState['projectInfo']) => void;
-    initModeData: () => void;
+    initModeData: () => Promise<void>;
 }
 type IStore = ModeState & ModeAction;
 export declare const modeStore: import("zustand").StoreApi<IStore>;
-export declare const useModeStore: import("../../../packages/ui/react").StoreHook<import("zustand").StoreApi<IStore>>;
+export declare const useModeStore: import("../../../packages/react/ui/index").StoreHook<import("zustand").StoreApi<IStore>>;
 export {};
 //# sourceMappingURL=mode.d.ts.map

package/fe/frontend/src/stores/mode.js

@@ -0,0 +1,36 @@
+import { createStoreHook } from "../../../packages/react/ui/lib/createStoreHook.js";
+import { setApiAuth } from "../common/auth/index.js";
+import { getModelList, getProjectData } from "../api/baseInfo.js";
+import { deserializationUrlSearch } from "../common/menu.js";
+import { createStore } from "zustand";
+//#region frontend/src/stores/mode.ts
+var modeStore = createStore((set, get) => ({
+	modeList: [],
+	projectInfo: null,
+	initData: false,
+	setModeList(modeList) {
+		set({ modeList });
+	},
+	setProjectInfo(projectInfo) {
+		set({ projectInfo });
+	},
+	async initModeData() {
+		const fetchModeData = async () => {
+			return await getModelList();
+		};
+		const fetchProjectData = async () => {
+			const key = deserializationUrlSearch(window.location.search)["projk"];
+			setApiAuth(key);
+			return await getProjectData(key);
+		};
+		const [modeList, projectInfo] = await Promise.all([fetchModeData(), fetchProjectData()]);
+		set({
+			modeList,
+			projectInfo,
+			initData: true
+		});
+	}
+}));
+var useModeStore = createStoreHook(modeStore);
+//#endregion
+export { modeStore, useModeStore };

package/fe/frontend/{widgets/defaultPages/Schema → src}/stores/schemaEventBus.d.ts

@@ -1,4 +1,4 @@
-import { SchemaComEventInfo, SchemaDefaultValue, SchemaTableEmitData } from '../schemaType';
+import type { SchemaComEventInfo, SchemaDefaultValue, SchemaTableEmitData } from "../defaultPages/SchemaPage/schemaType";
 /**
  * 消费方 subscribeSearch(fn)
  *      unSubscribeSearch(fn)

package/fe/frontend/src/stores/schemaEventBus.js

@@ -0,0 +1,53 @@
+import { logSubscriptionError } from "../common/logFn/index.js";
+import { createStore } from "zustand";
+//#region frontend/src/stores/schemaEventBus.ts
+var SubscribeEnum = /* @__PURE__ */ function(SubscribeEnum) {
+	SubscribeEnum["search"] = "search";
+	SubscribeEnum["table"] = "table";
+	SubscribeEnum["com"] = "com";
+	return SubscribeEnum;
+}(SubscribeEnum || {});
+var schemaEventBus = createStore((set, get) => {
+	return {
+		Subscribers: /* @__PURE__ */ new Map(),
+		subscribeCom(fn) {
+			get().Subscribers.set(fn, SubscribeEnum.com);
+		},
+		unSubscribeCom(fn) {
+			const { Subscribers } = get();
+			if (Subscribers.has(fn)) Subscribers.delete(fn);
+			else logSubscriptionError();
+		},
+		emitCom(v) {
+			get().emitCall(v, SubscribeEnum.com);
+		},
+		subscribeTable(fn) {
+			get().Subscribers.set(fn, SubscribeEnum.table);
+		},
+		unSubscribeTable(fn) {
+			const { Subscribers } = get();
+			if (Subscribers.has(fn)) Subscribers.delete(fn);
+			else logSubscriptionError();
+		},
+		emitTable(v) {
+			get().emitCall(v, SubscribeEnum.table);
+		},
+		emitCall(v, calType) {
+			const { Subscribers } = get();
+			for (const [fn, type] of Subscribers.entries()) if (calType === type) fn(v);
+		},
+		subscribeSearch(fn) {
+			get().Subscribers.set(fn, SubscribeEnum.search);
+		},
+		unSubscribeSearch(fn) {
+			const { Subscribers } = get();
+			if (Subscribers.has(fn)) Subscribers.delete(fn);
+			else logSubscriptionError();
+		},
+		emitSearch(v) {
+			get().emitCall(v, SubscribeEnum.search);
+		}
+	};
+});
+//#endregion
+export { schemaEventBus };

package/fe/frontend/{widgets/defaultPages/Schema → src}/stores/schemaStore.d.ts

@@ -1,7 +1,7 @@
-import { LRUCache } from '../../../../../packages/common/index.js';
-import { TableSearchSchema } from '../../../../../packages/ui/react/components/TableSearch/TableSearch';
-import type { MOmit } from '../../../../../typings/type';
-import type { ComponentConfig, ComponentType, SearchConfig, StoreSchemaType, TableConfig } from '../schemaType';
+import type { ComponentConfig, ComponentType, SearchConfig, StoreSchemaType, TableConfig } from "../defaultPages/SchemaPage/schemaType";
+import type { TableSearchSchema } from "../../../packages/react/ui/components/TableSearch/TableSearch";
+import type { MOmit } from "../../../typings/type";
+import { LRUCache } from "../../../packages/common/index";
 interface FunctionalData {
     api: string;
     components: ComponentType<ComponentConfig>;
@@ -42,6 +42,6 @@ interface SchemaStoreActions {
     }) => void;
 }
 export declare const schemaStore: import("zustand").StoreApi<SchemaStoreState & SchemaStoreActions>;
-export declare const useSchemaStore: import("../../../../../packages/ui/react").StoreHook<import("zustand").StoreApi<SchemaStoreState & SchemaStoreActions>>;
+export declare const useSchemaStore: import("../../../packages/react/ui/index").StoreHook<import("zustand").StoreApi<SchemaStoreState & SchemaStoreActions>>;
 export {};
 //# sourceMappingURL=schemaStore.d.ts.map

package/fe/frontend/src/stores/schemaStore.js

@@ -0,0 +1,28 @@
+import { createStoreHook } from "../../../packages/react/ui/lib/createStoreHook.js";
+import "../../../packages/react/ui/index.js";
+import { LRUCache } from "../../../packages/common/cache/LRUCache.js";
+import { createStore } from "zustand";
+//#region frontend/src/stores/schemaStore.ts
+var schemaStore = createStore((set, get) => ({
+	api: "",
+	schemaStoreAvailable: false,
+	schemaCache: new LRUCache(5),
+	comSchemaCache: new LRUCache(5),
+	setSchemaState: (state) => {
+		set({ ...state });
+		set({ schemaStoreAvailable: !!get().api });
+	},
+	updateSchemaCache: (data) => {
+		const { schemaKey, ...params } = data;
+		const { schemaCache } = get();
+		schemaCache.set(schemaKey, params);
+	},
+	updateComSchemaCache: (data) => {
+		const { schemaKey, ...params } = data;
+		const { comSchemaCache } = get();
+		comSchemaCache.set(schemaKey, params);
+	}
+}));
+var useSchemaStore = createStoreHook(schemaStore);
+//#endregion
+export { schemaStore, useSchemaStore };

package/fe/frontend/{typing → src/typing}/scalability.d.ts

@@ -1,12 +1,12 @@
-import type { FrameComponentPropsMap, FrameComponentsMap } from '../extended/SchemaForm/data';
-import type { SelectProps } from '../../packages/ui/react';
+import type { FrameComponentPropsMap, FrameComponentsMap } from "../../extended/SchemaForm/data";
+import type { SelectProps } from "../../../packages/react/ui/index";
 /**
  * 扩展 SchemaForm 字段类型
  *
  * 框架业务侧可以在这里扩展业务特定的表单组件类型。
  * 消费方也可以在自己的项目中创建类似的声明文件继续扩展。
  */
-declare module '../../packages/ui/react' {
+declare module '../../../packages/react/ui/index' {
     namespace SchemaFormNamespace {
         /**
          * 扩展字段类型

package/fe/frontend/src/typing/window.d.ts

@@ -0,0 +1,9 @@
+export {};
+declare global {
+    interface Window {
+        _basePath: string;
+        _projKey: string;
+        _signKey: string;
+    }
+}
+//# sourceMappingURL=window.d.ts.map

package/fe/model/types/data/button.d.ts

@@ -1,12 +1,12 @@
-import type { ButtonProps } from '../../../packages/ui/react';
-import { ComponentNames } from './component';
+import type { ButtonProps } from "../../../packages/react/ui/index";
+import { ComponentNames } from "./component";
 type ButtonTemplates = {
     /**
      * 按钮名
      */
     label?: string;
 } & ButtonProps;
-type ParamsValueData = 'schema::tableKey' | string | number;
+type ParamsValueData = '$schema::tableKey' | string | number;
 type RemoveBtn = {
     eventKey: 'remove';
     /**
@@ -15,7 +15,7 @@ type RemoveBtn = {
     eventOption: {
         params: {
             /**
-             *  @example user_id: 'schema::tableKey' | '123' | 123
+             *  @example user_id: '$schema::tableKey' | '123' | 123
              */
             [paramKey: string]: ParamsValueData;
         };

package/fe/model/types/data/component.d.ts

@@ -1,52 +1,37 @@
-import type { FormFieldType, FormItemProps, SchemaFormAllPropsMap } from '../../../packages/ui/react';
-import { FetchInfo } from './fetchInfo';
-export type ComponentConfig = {
-    createForm?: {
-        /**
-         * 表单标题
-         */
-        title: string;
-        /**
-         *  保存按钮文案
-         */
-        saveBtnText?: string;
-    } & Pick<FetchInfo, 'fetchConfig'>;
-    editForm?: {
-        /**
-         * 表单标题
-         */
-        title: string;
-        /**
-         *  保存按钮文案
-         */
-        saveBtnText?: string;
-    } & FetchInfo;
-    detailPanel?: {
-        /**
-         * 表单标题
-         */
-        title: string;
-    } & FetchInfo;
-};
-export type ComponentNames = keyof ComponentConfig;
-export type ComponentsOption = {
-    createForm: FormItemProps & {
-        /**
-         * 是否展示 默认为true
-         */
-        visible?: boolean;
-        /**
-         * 是否禁用
-         */
-        disbaled?: boolean;
-        /**
-         * 默认值
-         */
-        default?: any;
-    } & ComponentOption;
-    editForm: ComponentsOption['createForm'];
+import type { FormFieldType, FormItemProps, SchemaFormAllPropsMap } from "../../../packages/react/ui/index";
+import type { BuiltInCallComConfigMap } from "../../../frontend/src/defaultPages/SchemaPage/components/CallCom/builtIn";
+export type { BuiltInCallComConfigMap, BuiltInCallComNames } from "../../../frontend/src/defaultPages/SchemaPage/components/CallCom/builtIn";
+export declare namespace CallComNamespace {
+    interface ConfigMap {
+    }
+    interface OptionMap {
+    }
+}
+export type ComponentConfig = BuiltInCallComConfigMap & Partial<CallComNamespace.ConfigMap>;
+export type ComponentNames = Extract<keyof ComponentConfig, string>;
+type FormComponentOption = FormItemProps & {
+    /**
+     * 是否展示 默认为true
+     */
+    visible?: boolean;
+    /**
+     * 是否禁用
+     */
+    disbaled?: boolean;
+    /**
+     * 默认值
+     */
+    default?: any;
+} & ComponentOption;
+export type BuiltInCallComOptionMap = {
+    createForm: FormComponentOption;
+    editForm: FormComponentOption;
     detailPanel: {};
 };
+export type ComponentsOption = BuiltInCallComOptionMap & Partial<{
+    [K in Exclude<ComponentNames, keyof BuiltInCallComOptionMap>]: K extends keyof CallComNamespace.OptionMap ? CallComNamespace.OptionMap[K] : Record<string, unknown>;
+}>;
+export type ComponentFieldOption<N extends ComponentNames> = N extends keyof BuiltInCallComOptionMap ? BuiltInCallComOptionMap[N] : N extends keyof CallComNamespace.OptionMap ? CallComNamespace.OptionMap[N] : Record<string, unknown>;
 export type ComponentOption = {
     [K in FormFieldType]: {
         comType: K;

package/fe/model/types/data/schema.d.ts

@@ -1,9 +1,9 @@
-import { TableColumnDef } from '../../../packages/ui/react';
-import type { JSONSchema7 } from 'json-schema';
-import { MOmit } from '../../../typings/type';
-import { BaseButton } from './button';
-import { ComponentConfig, ComponentNames, ComponentsOption } from './component';
-import { SearchOption } from './search';
+import { TableColumnDef } from "../../../packages/react/ui/index";
+import type { JSONSchema7 } from "json-schema";
+import { MOmit } from "../../../typings/type";
+import { BaseButton } from "./button";
+import { ComponentConfig, ComponentNames, ComponentsOption } from "./component";
+import { SearchOption } from "./search";
 export type TableColumnsSchema = {
     tableOption?: MOmit<TableColumnDef, 'key' | 'title'> & {
         /**

package/fe/model/types/data/search.d.ts

@@ -1,4 +1,4 @@
-import type { SchemaFormAllPropsMap, FormFieldType } from '../../../packages/ui/react';
+import type { SchemaFormAllPropsMap, FormFieldType } from "../../../packages/react/ui/index";
 export type SearchOption = {
     [K in FormFieldType]: {
         comType: K;