@_tc/template-core 0.0.1-bate.9 → 0.0.2

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/ui/react").StoreHook<import("zustand").StoreApi<ApiFreezerState>>;
+export {};
+//# sourceMappingURL=apiFreezer.d.ts.map

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

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

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

@@ -0,0 +1,19 @@
+import { type ModelInfo, type ProjectInfo } from '../api/baseInfo';
+interface ModeState {
+    modeList: ModelInfo[];
+    projectInfo: ProjectInfo | null;
+    /**
+     * 是否初始化过
+     */
+    initData: boolean;
+}
+interface ModeAction {
+    setModeList: (data: ModeState['modeList']) => void;
+    setProjectInfo: (data: ModeState['projectInfo']) => 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 {};
+//# sourceMappingURL=mode.d.ts.map

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

@@ -0,0 +1,37 @@
+import { getModelList, getProjectData } from '../api/baseInfo';
+import { setApiAuth } from '../common/auth';
+import { deserializationUrlSearch } from '../common/menu';
+import { createStoreHook } from '../../../packages/ui/react/lib/createStoreHook';
+import { createStore } from 'zustand';
+// create Store 可在任意地方使用
+export const modeStore = createStore((set, get) => ({
+    modeList: [],
+    projectInfo: null,
+    initData: false,
+    setModeList(modeList) {
+        set({ modeList });
+    },
+    setProjectInfo(projectInfo) {
+        set({ projectInfo });
+    },
+    async initModeData() {
+        const fetchModeData = async () => {
+            const data = await getModelList();
+            return data;
+        };
+        const fetchProjectData = async () => {
+            const urls = deserializationUrlSearch(window.location.search);
+            const key = urls['projk'];
+            setApiAuth(key);
+            const data = await getProjectData(key);
+            return data;
+        };
+        const [modeList, projectInfo] = await Promise.all([fetchModeData(), fetchProjectData()]);
+        set({
+            modeList,
+            projectInfo,
+            initData: true,
+        });
+    },
+}));
+export const useModeStore = createStoreHook(modeStore);

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

@@ -0,0 +1,42 @@
+import type { SchemaComEventInfo, SchemaDefaultValue, SchemaTableEmitData } from '../defaultPages/SchemaPage/schemaType';
+/**
+ * 消费方 subscribeSearch(fn)
+ *      unSubscribeSearch(fn)
+ *
+ * 通知方 emitSearch (value)
+ *
+ */
+type WatchFn<V = SchemaDefaultValue | undefined> = (value: V) => void;
+declare const enum SubscribeEnum {
+    search = "search",
+    table = "table",
+    com = "com"
+}
+interface SchemaEventBusStore {
+    readonly Subscribers: Map<WatchFn, SubscribeEnum>;
+    /**
+     * 订阅 Search 变化
+     */
+    subscribeSearch: (fn: WatchFn) => void;
+    unSubscribeSearch: (fn: WatchFn) => void;
+    emitSearch: (v: SchemaDefaultValue | undefined) => void;
+    /**
+     * 订阅 Table 变化
+     */
+    subscribeTable: (fn: WatchFn<SchemaTableEmitData>) => void;
+    unSubscribeTable: (fn: WatchFn<SchemaTableEmitData>) => void;
+    emitTable: (v: SchemaTableEmitData) => void;
+    /**
+     * 通用 call
+     */
+    emitCall: (v: SchemaDefaultValue | undefined, type: SubscribeEnum) => void;
+    /**
+     * 订阅组件变化
+     */
+    subscribeCom: (fn: WatchFn<SchemaComEventInfo>) => void;
+    unSubscribeCom: (fn: WatchFn<SchemaComEventInfo>) => void;
+    emitCom: (v: SchemaComEventInfo) => void;
+}
+export declare const schemaEventBus: import("zustand").StoreApi<SchemaEventBusStore>;
+export {};
+//# sourceMappingURL=schemaEventBus.d.ts.map

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

@@ -0,0 +1,70 @@
+import { logSubscriptionError } from '../common/logFn';
+import { createStore } from 'zustand';
+var SubscribeEnum;
+(function (SubscribeEnum) {
+    SubscribeEnum["search"] = "search";
+    SubscribeEnum["table"] = "table";
+    SubscribeEnum["com"] = "com";
+})(SubscribeEnum || (SubscribeEnum = {}));
+export const schemaEventBus = createStore((set, get) => {
+    return {
+        Subscribers: new Map(),
+        // com
+        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);
+        },
+        // table
+        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);
+                }
+            }
+        },
+        // search
+        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);
+        },
+        //
+    };
+});

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

@@ -0,0 +1,47 @@
+import type { ComponentConfig, ComponentType, SearchConfig, StoreSchemaType, TableConfig } from '../defaultPages/SchemaPage/schemaType';
+import type { TableSearchSchema } from '../../../packages/ui/react/components/TableSearch/TableSearch';
+import type { MOmit } from '../../../typings/type';
+import { LRUCache } from '../../../packages/common/index.js';
+interface FunctionalData {
+    api: string;
+    components: ComponentType<ComponentConfig>;
+    tableSchema: StoreSchemaType;
+    tableConfig: TableConfig;
+    searchSchema: StoreSchemaType;
+    searchConfig: SearchConfig;
+}
+interface ComSchemaCache {
+    searchSchema: TableSearchSchema<Record<string, any>>[];
+}
+interface SchemaStoreState extends Partial<FunctionalData> {
+    readonly schemaStoreAvailable: boolean;
+    /**
+     *  页面schema 配置
+     */
+    readonly schemaCache: LRUCache<FunctionalData>;
+    /**
+     *  组件schema缓存配置
+     */
+    readonly comSchemaCache: LRUCache<ComSchemaCache>;
+}
+interface SchemaStoreActions {
+    setSchemaState: (data: Partial<MOmit<SchemaStoreState, 'schemaStoreAvailable' | 'schemaCache'>>) => void;
+    /**
+     *
+     * 更新 key schema 缓存
+     */
+    updateSchemaCache: (data: FunctionalData & {
+        schemaKey: string;
+    }) => void;
+    /**
+     *
+     * 更新 组件 配置
+     */
+    updateComSchemaCache: (data: ComSchemaCache & {
+        schemaKey: string;
+    }) => 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 {};
+//# sourceMappingURL=schemaStore.d.ts.map

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

@@ -0,0 +1,26 @@
+import { LRUCache } from '../../../packages/common/index.js';
+import { createStoreHook } from '../../../packages/ui/react/index';
+import { createStore } from 'zustand';
+export const 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);
+    },
+}));
+export const useSchemaStore = createStoreHook(schemaStore);

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

@@ -0,0 +1,47 @@
+import type { FrameComponentPropsMap, FrameComponentsMap } from '../../extended/SchemaForm/data';
+import type { SelectProps } from '../../../packages/ui/react';
+/**
+ * 扩展 SchemaForm 字段类型
+ *
+ * 框架业务侧可以在这里扩展业务特定的表单组件类型。
+ * 消费方也可以在自己的项目中创建类似的声明文件继续扩展。
+ */
+declare module '../../../packages/ui/react' {
+    namespace SchemaFormNamespace {
+        /**
+         * 扩展字段类型
+         *
+         * 示例：
+         * interface FieldTypes {
+         *     businessSelect: true
+         *     userPicker: true
+         * }
+         */
+        interface FieldTypes extends FrameComponentsMap {
+        }
+        /**
+         * 扩展字段 Props 映射
+         *
+         * 示例：
+         * interface PropsMap {
+         *     businessSelect: SelectProps & {
+         *         requestUrl?: string
+         *         valueField?: string
+         *         labelField?: string
+         *     }
+         *     userPicker: {
+         *         multiple?: boolean
+         *         departmentId?: string
+         *     }
+         * }
+         */
+        interface PropsMap extends FrameComponentPropsMap {
+        }
+    }
+}
+export type SchemaFormFrameSelectProps = SelectProps & {
+    requestUrl?: string;
+    valueField?: string;
+    labelField?: string;
+};
+//# sourceMappingURL=scalability.d.ts.map

package/fe/frontend/src/typing/scalability.js

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

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

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

package/fe/frontend/src/typing/window.js

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

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

@@ -0,0 +1,32 @@
+import type { ButtonProps } from '../../../packages/ui/react';
+import { ComponentNames } from './component';
+type ButtonTemplates = {
+    /**
+     * 按钮名
+     */
+    label?: string;
+} & ButtonProps;
+type ParamsValueData = 'schema::tableKey' | string | number;
+type RemoveBtn = {
+    eventKey: 'remove';
+    /**
+     * 事件配置 (参数配置)
+     */
+    eventOption: {
+        params: {
+            /**
+             *  @example user_id: 'schema::tableKey' | '123' | 123
+             */
+            [paramKey: string]: ParamsValueData;
+        };
+    };
+};
+type HandlerBtn = {
+    eventKey: 'callComponent';
+    eventOption: {
+        comName: ComponentNames;
+    };
+};
+export type BaseButton = ButtonTemplates & (RemoveBtn | HandlerBtn);
+export {};
+//# sourceMappingURL=button.d.ts.map

package/fe/model/types/data/button.js

@@ -0,0 +1,16 @@
+export {};
+// & {
+// 	/**
+// 	 * 按钮事件名
+// 	 */
+// 	eventKey: 'romve' | 'showComponent';
+// 	/**
+// 	 * 事件配置 (参数配置)
+// 	 */
+// 	params: {
+// 		/**
+// 		 *  @example user_id: 'schema::tableKey' | '123' | 123
+// 		 */
+// 		[paramKey: string]: ParamsValueData;
+// 	};
+// };

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

@@ -0,0 +1,40 @@
+import type { FormFieldType, FormItemProps, SchemaFormAllPropsMap } from '../../../packages/ui/react';
+import type { BuiltInCallComConfigMap } from '../../../frontend/src/defaultPages/SchemaPage/components/CallCom/builtIn.js';
+export type { BuiltInCallComConfigMap, BuiltInCallComNames } from '../../../frontend/src/defaultPages/SchemaPage/components/CallCom/builtIn.js';
+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;
+    } & (K extends keyof SchemaFormAllPropsMap ? SchemaFormAllPropsMap[K] : unknown);
+}[FormFieldType];
+//# sourceMappingURL=component.d.ts.map

package/fe/model/types/data/component.js

@@ -0,0 +1,11 @@
+export {};
+// type DynamicSelect = {
+// 	comType: 'dynamicSelect';
+// 	/**
+// 	 * 请求动态列表地址
+// 	 */
+// 	api: string;
+// } & SelectProps;
+// type DateRange = {
+// 	comType: 'dateRange';
+// };

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

@@ -0,0 +1,20 @@
+export type FetchInfo = {
+    /**
+     * 表单主键，  获取数据源的key
+     */
+    fetchKey: string;
+    /**
+     * 请求配置 如果不配置则使用 统一的 [get] api 内容
+     */
+    fetchConfig?: {
+        /**
+         * 获取数据的
+         */
+        url: string;
+        /**
+         * 请求方式
+         */
+        method?: 'get' | 'post';
+    };
+};
+//# sourceMappingURL=fetchInfo.d.ts.map

package/fe/model/types/data/fetchInfo.js

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

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

@@ -0,0 +1,98 @@
+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';
+export type TableColumnsSchema = {
+    tableOption?: MOmit<TableColumnDef, 'key' | 'title'> & {
+        /**
+         * 是否显示
+         */
+        visible?: boolean;
+        /**
+         * 	保留几位小数
+         */
+        toFixed?: number;
+    };
+};
+export type TableSearchOption = {
+    /**
+     * 不配置则不在 search 中显示
+     */
+    searchOption?: {
+        /**
+         * 控件默认值
+         */
+        default?: any;
+    } & SearchOption;
+};
+export type TableConfig = {
+    /**
+     * table 头部按钮
+     */
+    headerButtons?: BaseButton[];
+    /**
+     * 每一行的按钮
+     */
+    rowButtons?: BaseButton[];
+};
+export type SearchConfig = {};
+export type BaseOption<O> = {
+    option: O;
+};
+export type UsedConfigSchema<T = {}> = {
+    type: 'object' | 'string' | 'array' | 'number' | 'boolean';
+    properties: {
+        /**
+         * [字段 key]: 字段描述
+         */
+        [key: string]: T & MOmit<UsedConfigSchema, 'properties'> & {
+            /**
+             * 展示 字符
+             */
+            label: string;
+            /**
+             *  原数据 序列化后 会丢失编写时的顺序
+             * 	字段层级  默认10
+             *
+             */
+            level?: number;
+        };
+    };
+    required?: string[];
+} & Omit<JSONSchema7, 'properties'>;
+export type TableComponentConfig = {
+    [K in ComponentNames as `${K & string}Option`]?: ComponentsOption[K];
+};
+export type ConfigSchema = UsedConfigSchema<TableColumnsSchema & TableSearchOption & TableComponentConfig>;
+export interface SchemaDataType {
+    /**
+     * 数据源地址  遵循 RESTFUL 规范
+     * *[参考地址](https://www.ruanyifeng.com/blog/2014/05/restful_api.html)*
+     *
+     * 即:
+     *
+     * - 获取数据 GET [api]
+     * - 新增数据 POST [api]
+     * - ...
+     */
+    api: string;
+    /**
+     * 板块数据结构
+     */
+    schema?: ConfigSchema;
+    /**
+     * 表格 (展示) 配置
+     */
+    tableConfig?: TableConfig;
+    /**
+     * 搜索 配置
+     */
+    searchConfig?: SearchConfig;
+    /**
+     * 模块组件
+     */
+    componentConfig?: ComponentConfig;
+}
+//# sourceMappingURL=schema.d.ts.map

package/fe/model/types/data/schema.js

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