@_tc/template-core 0.0.1-bate.36 → 0.0.1-bate.38

package/fe/frontend/widgets/defaultPages/Schema/utils/schemaConversion.d.ts

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

package/fe/frontend/widgets/defaultPages/Schema/utils/schemaConversion.js

@@ -0,0 +1,115 @@
+import { suffixKey } from '../data';
+import { schemaStore } from '../stores/schemaStore';
+/**
+ *
+ * 构建出需要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;
+};
+// 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,
+        });
+    }
+};

package/fe/frontend/widgets/defaultPages/Schema/utils/validator.d.ts

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

package/fe/frontend/widgets/defaultPages/Schema/utils/validator.js

@@ -0,0 +1,36 @@
+import { Ajv } from 'ajv';
+// 初始化 AJV (全局复用)
+export const ajvInstance = new Ajv({ allErrors: true, verbose: true, strict: false });
+/**
+ * 创建验证器
+ */
+export function createAjvValidator(schema) {
+    const validate = ajvInstance.compile(schema);
+    return (rule, value, callback) => {
+        const valid = validate(value);
+        if (valid) {
+            callback();
+        }
+        else {
+            const messages = (validate.errors || []).map(formatError);
+            callback(messages);
+        }
+    };
+}
+// 格式化错误信息
+function formatError(error) {
+    const path = error.instancePath.replace(/^\//, '') || 'value';
+    switch (error.keyword) {
+        case 'required':
+            return `缺少必填字段: ${error.params.missingProperty}`;
+        case 'type':
+            return `${path} 类型错误，期望 ${error.params.type}`;
+        case 'format':
+            return `${path} 格式不正确`;
+        case 'minimum':
+        case 'maximum':
+            return `${path} 超出允许范围`;
+        default:
+            return `${path} ${error.message}`;
+    }
+}

package/fe/frontend/widgets/defaultPages/SidebarSlotPage/SidebarSlotContainer.d.ts

@@ -0,0 +1,10 @@
+import { BaseMenuType } from '../../../../model/types/menuType';
+import { MenuItemData } from '../../../../packages/ui/react/components';
+interface SidebarSlotContainerProps {
+    prefixPath: string;
+    rawMenuData: BaseMenuType[];
+    menuItems: MenuItemData[];
+}
+declare const SidebarSlotContainer: (props: SidebarSlotContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default SidebarSlotContainer;
+//# sourceMappingURL=SidebarSlotContainer.d.ts.map

package/fe/frontend/widgets/defaultPages/SidebarSlotPage/SidebarSlotContainer.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { logPageNotFound } from '../../../widgets/common/logFn';
+import { findMenuItem, QK } from '../../../widgets/common/menu';
+import useRouterParams from '../../../widgets/hooks/useRouterParams';
+import { Menu } from '../../../../packages/ui/react/components';
+import { useEffect, useState } from 'react';
+import { Outlet, useNavigate } from 'react-router-dom';
+const SidebarSlotContainer = (props) => {
+    const { prefixPath, rawMenuData, menuItems } = props;
+    const params = useRouterParams();
+    const [SK, uSK] = useState(params[QK.sk]);
+    const nav = useNavigate();
+    //  menu 初始化选中
+    useEffect(() => {
+        /**
+         * 如果没有 sidebar key 说明当前是 自定义路由
+         * 则需要获取 query 中的 ck 来查找 menuinfo
+         */
+        if (!params[QK.sk]) {
+            if (params[QK.ck]) {
+                const m = findMenuItem(rawMenuData, params[QK.ck]);
+                if (m) {
+                    uSK(m.key);
+                    return;
+                }
+            }
+            // 运行到这 说明
+            // 异常路径
+            logPageNotFound();
+        }
+    }, [rawMenuData, params]);
+    return (_jsxs("div", { className: "sidebar-slot flex gap-1.5 w-full h-full px-1", children: [_jsx("div", { className: "sidebar-slot-container max-w-full", children: _jsx(Menu, { items: menuItems, selectedKey: SK, onSelect: (e) => {
+                        const m = findMenuItem(rawMenuData, e);
+                        uSK(e);
+                        nav({ ...m.path, pathname: prefixPath + m.path.pathname });
+                    } }) }), _jsx("div", { className: " flex-1", children: _jsx(Outlet, {}) })] }));
+};
+export default SidebarSlotContainer;

package/fe/frontend/widgets/defaultPages/SidebarSlotPage/index.d.ts

@@ -0,0 +1,3 @@
+declare const SidebarSlotPage: () => import("react/jsx-runtime").JSX.Element;
+export default SidebarSlotPage;
+//# sourceMappingURL=index.d.ts.map

package/fe/frontend/widgets/defaultPages/SidebarSlotPage/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { generateMenuItemData } from "../../../widgets/common/generateMenuData";
+import { QK } from "../../../widgets/common/menu";
+import useCurrentMenuData from "../../../widgets/hooks/useCurrentMenuData";
+import { useMemo } from "react";
+import { useParams } from "react-router-dom";
+import SidebarSlotContainer from "./SidebarSlotContainer";
+const SidebarSlotPage = () => {
+    const params = useParams();
+    // top left 从当前路由中获取到 sidebarConfig中的数据
+    const { menu: parentMenuInfo } = useCurrentMenuData();
+    const prefixPath = useMemo(() => `/${params[QK.k]}`, [params[QK.k]]);
+    const menuItem = generateMenuItemData(parentMenuInfo?.sidebarConfig?.menu ?? []);
+    return (_jsx(SidebarSlotContainer, { menuItems: menuItem, rawMenuData: parentMenuInfo?.sidebarConfig.menu, prefixPath: prefixPath }));
+};
+export default SidebarSlotPage;

package/fe/frontend/widgets/defaultPages/SidebarSlotPageTmp.d.ts

@@ -0,0 +1,3 @@
+declare const SidebarSlotPageTmp: () => import("react/jsx-runtime").JSX.Element;
+export default SidebarSlotPageTmp;
+//# sourceMappingURL=SidebarSlotPageTmp.d.ts.map

package/fe/frontend/widgets/defaultPages/SidebarSlotPageTmp.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import SidebarSlotContainer from "../../widgets/defaultPages/SidebarSlotPage/SidebarSlotContainer";
+import { leftSidebarBasePath } from "../../widgets/common/menu";
+import { useModeStore } from "../../widgets/store/mode";
+import { generateMenuItemData } from "../../widgets/common/generateMenuData";
+const SidebarSlotPageTmp = () => {
+    const projInfo = useModeStore((s) => s.projestInfo);
+    const [menuItems, rawMenuData] = useMemo(() => {
+        if (projInfo) {
+            return [generateMenuItemData(projInfo.menu), projInfo.menu];
+        }
+        return [[], []];
+    }, []);
+    return (_jsx(SidebarSlotContainer, { prefixPath: "/" + leftSidebarBasePath, rawMenuData: rawMenuData, menuItems: menuItems }));
+};
+export default SidebarSlotPageTmp;

package/fe/frontend/widgets/defaultPages/SlotPage/index.d.ts

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

package/fe/frontend/widgets/defaultPages/SlotPage/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { logPageNotFound } from '../../../widgets/common/logFn';
+import useCurrentMenuData from '../../../widgets/hooks/useCurrentMenuData';
+import Iframe from '../Iframe';
+import Schema from '../Schema';
+const SlotPage = memo(() => {
+    const { menu } = useCurrentMenuData(true);
+    const RenderDom = useMemo(() => {
+        if (menu?.moduleType === 'iframe') {
+            return _jsx(Iframe, {});
+        }
+        else if (menu?.moduleType === 'schema') {
+            return _jsx(Schema, {});
+        }
+        else {
+            // 运行到这 说明异常路径
+            // 自定义路径会在进入这之前被拦截;
+            logPageNotFound();
+            return _jsx("div", { children: "404" });
+        }
+    }, [menu?.moduleType]);
+    return RenderDom;
+});
+SlotPage.displayName = 'SlotPage';
+export default SlotPage;

package/fe/frontend/widgets/defaultPages/Todo.d.ts

@@ -0,0 +1,3 @@
+declare const Todo: () => import("react/jsx-runtime").JSX.Element;
+export default Todo;
+//# sourceMappingURL=Todo.d.ts.map

package/fe/frontend/widgets/defaultPages/Todo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Todo = () => {
+    return _jsx("div", { children: "TODO" });
+};
+export default Todo;

package/fe/frontend/widgets/hooks/useCurrentMenuData.d.ts

@@ -0,0 +1,19 @@
+import { BasicModuleType, SidebarModuleType } from "../../../model/types/menuType";
+/**
+ *
+ * 自定义路由直接交由路由器渲染
+ *
+ * 也就是说 这里找不到 自定义相关的菜单数据
+ *
+ * @param useSibe 使用侧边数据
+ */
+declare const useCurrentMenuData: <T = {
+    moduleType: BasicModuleType["moduleType"];
+    sidebarConfig: SidebarModuleType["sidebarConfig"];
+}>(useSibe?: boolean) => {
+    menu: T & {
+        moduleType: BasicModuleType["moduleType"];
+    };
+};
+export default useCurrentMenuData;
+//# sourceMappingURL=useCurrentMenuData.d.ts.map

package/fe/frontend/widgets/hooks/useCurrentMenuData.js

@@ -0,0 +1,28 @@
+import { findMenuItem, QK } from "../../widgets/common/menu";
+import { useModeStore } from "../../widgets/store/mode";
+import { useMemo } from "react";
+import { useParams } from "react-router-dom";
+/**
+ *
+ * 自定义路由直接交由路由器渲染
+ *
+ * 也就是说 这里找不到 自定义相关的菜单数据
+ *
+ * @param useSibe 使用侧边数据
+ */
+const useCurrentMenuData = (useSibe = false) => {
+    const params = useParams();
+    const projestInfo = useModeStore((s) => s.projestInfo);
+    const menu = useMemo(() => {
+        const isSide = params[QK.sk];
+        const menuTypeIsTop = !!params[QK.k];
+        const menu = findMenuItem(projestInfo?.menu, menuTypeIsTop ? params[QK.k] : params[QK.sk]);
+        if (isSide && useSibe && menuTypeIsTop) {
+            const sMenu = findMenuItem(menu.sidebarConfig?.menu ?? [], params[QK.sk]);
+            return sMenu;
+        }
+        return menu;
+    }, [projestInfo?.menu, params]);
+    return { menu: menu };
+};
+export default useCurrentMenuData;

package/fe/frontend/widgets/hooks/useRouterParams.d.ts

@@ -0,0 +1,5 @@
+declare const useRouterParams: <T extends Record<string, string>>() => Readonly<[T] extends [string] ? import("react-router-dom").Params<T> : Partial<T>> & {
+    custk?: string | undefined;
+};
+export default useRouterParams;
+//# sourceMappingURL=useRouterParams.d.ts.map

package/fe/frontend/widgets/hooks/useRouterParams.js

@@ -0,0 +1,11 @@
+import { deserializationUrlSearch, QK } from "../../widgets/common/menu";
+import { useMemo } from "react";
+import { useParams } from "react-router-dom";
+const useRouterParams = () => {
+    const params = useParams();
+    return useMemo(() => {
+        const query = deserializationUrlSearch(location.search);
+        return { ...params, ...(query[QK.ck] ? { [QK.ck]: query[QK.ck] } : {}) };
+    }, [params]);
+};
+export default useRouterParams;

package/fe/frontend/widgets/store/mode.d.ts

@@ -0,0 +1,19 @@
+import { type ModelInfo, type ProjectInfo } from '../../widgets/api/baseInfo';
+interface ModeState {
+    modeList: ModelInfo[];
+    projestInfo: ProjectInfo | null;
+    /**
+     * 是否初始化过
+     */
+    initData: boolean;
+}
+interface ModeAction {
+    setModeList: (data: ModeState['modeList']) => void;
+    setProjestInfo: (data: ModeState['projestInfo']) => void;
+    initModeData: () => void;
+}
+type IStore = ModeState & ModeAction;
+export declare const modeStore: import("zustand").StoreApi<IStore>;
+export declare const useModeStore: import("../../../packages/ui/react/index").StoreHook<import("zustand").StoreApi<IStore>>;
+export {};
+//# sourceMappingURL=mode.d.ts.map

package/fe/frontend/widgets/store/mode.js

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

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,61 @@
+import { FormItemProps, InputNumberProps, InputProps, SelectProps } 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'];
+    detailPanel: {};
+};
+export type ComponentOption = InputOption | SelectOption | InputNumberOption;
+type InputOption = {
+    comType: 'input';
+} & InputProps;
+type InputNumberOption = {
+    comType: 'inputNumber';
+} & InputNumberProps;
+type SelectOption = {
+    comType: 'select';
+} & SelectProps;
+export {};
+//# 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 {};