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

package/fe/frontend/apps/dash/Dashboard.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Outlet, useNavigate } from 'react-router-dom';
+import { generateMenuItemData } from '../../src/common/generateMenuData';
+import { findMenuItem, leftSidebarBasePath } from '../../src/common/menu';
+import HeaderView from '../../src/components/BasePage/HeaderView';
+import useRouterParams from '../../src/hooks/useRouterParams';
+import { useModeStore } from '../../src/stores/mode';
+import { Menu } from '../../../packages/ui/react/components';
+import useInit from '../../../packages/ui/react/hooks/useInit';
+const Dashboard = () => {
+    const { initModeData, initData, projectInfo } = useModeStore();
+    useInit(() => {
+        !initData && initModeData();
+    });
+    const isInit = useRef(false);
+    const params = useRouterParams();
+    const [SK, uSK] = useState(params.key ?? params.custk);
+    const nav = useNavigate();
+    const menu = useMemo(() => {
+        if (initData && projectInfo?.menuLayout === 'top') {
+            const menuData = generateMenuItemData(projectInfo.menu);
+            return (_jsx(Menu, { className: " w-full", mode: "top", items: menuData, selectedKey: SK, onSelect: (e) => {
+                    uSK(e);
+                    const m = findMenuItem(projectInfo.menu, e);
+                    m && nav(m?.path);
+                } }));
+        }
+        return _jsx(_Fragment, {});
+    }, [initData, projectInfo, SK, nav]);
+    // 重定向 处理
+    useEffect(() => {
+        if (initData && projectInfo) {
+            if (isInit.current)
+                return;
+            if (projectInfo.menuLayout !== 'top') {
+                console.log('left sidebar');
+                // 如果有参数 说明跳转的不是 根路径 并且路径带有专属前缀
+                if (Object.keys(params).length && location.pathname.includes(`/${leftSidebarBasePath}`)) {
+                    return;
+                }
+                const m = findMenuItem(projectInfo.menu);
+                // projectInfo?.menu
+                nav({
+                    pathname: `/${leftSidebarBasePath}${m.path.pathname}`,
+                    search: m.path.search,
+                }, {
+                    replace: true,
+                });
+            }
+            else {
+                // top
+                console.log('top sidebar');
+                if (
+                // 根路径
+                !Object.keys(params).length ||
+                    // 残留路径
+                    location.pathname.includes(`/${leftSidebarBasePath}`)) {
+                    // 重定向
+                    const m = findMenuItem(projectInfo.menu);
+                    // 因为这是父容器 所以只会初始化一次
+                    // 重定向后不会走初始化流程 重新获取key
+                    uSK(m.key);
+                    nav(m.path, {
+                        replace: true,
+                    });
+                }
+            }
+            isInit.current = true;
+        }
+    }, [initData, projectInfo, params, nav]);
+    return (_jsxs("div", { className: "dash-main h-screen flex flex-col overflow-hidden bg-theme-bg text-foreground", children: [_jsx(HeaderView, { title: projectInfo?.desc, menu: menu }), _jsx("div", { className: "dash-container min-h-0 flex-1 overflow-hidden", children: _jsx(Outlet, {}) })] }));
+};
+Dashboard.displayName = 'Dashboard';
+export default Dashboard;

package/fe/frontend/apps/dash/dash.entry.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dash.entry.d.ts.map

package/fe/frontend/apps/dash/dash.entry.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderImportComponent } from '../../src/common/importComponent';
+import { leftSidebarBasePath, QK } from '../../src/common/menu';
+import extendDashRoutes from '@tc/scalability/dash/customRoutes';
+import { initApp } from '../../src/main';
+import Dashboard from './Dashboard';
+const baseRoutes = [
+    {
+        path: '/',
+        component: _jsx(Dashboard, {}),
+        children: [
+            {
+                path: `/:${QK.k}`,
+                component: renderImportComponent(import('../../src/defaultPages/SlotPage')),
+            },
+            {
+                path: `/testPage`,
+                component: renderImportComponent(import('../testPage')),
+            },
+            // sidebarRoutes 追加在这
+            // {
+            //   path: "/iframe",
+            //   component: renderImportComponent(import("../defaultPages/Iframe")),
+            // },
+            // {
+            //   path: "/schema",
+            //   component: renderImportComponent(import("../defaultPages/Schema")),
+            // },
+            // 插入自定义路由
+        ],
+    },
+];
+const sidebarRoutes = [
+    {
+        // top / left
+        // path: `/:${QK.k}/:${QK.sk}`,
+        path: `/:${QK.k}/*`,
+        component: renderImportComponent(import('../../src/defaultPages/SidebarSlotPage')),
+        children: [
+            {
+                path: `:${QK.sk}`,
+                component: renderImportComponent(import('../../src/defaultPages/SlotPage')),
+            },
+            // 插入自定义路由
+        ],
+    },
+    {
+        // left
+        path: `/${leftSidebarBasePath}/*`,
+        component: renderImportComponent(import('../../src/defaultPages/SidebarSlotPageTmp')),
+        children: [
+            {
+                path: `:${QK.sk}`,
+                component: renderImportComponent(import('../../src/defaultPages/SlotPage')),
+            },
+        ],
+    },
+];
+const getDefaultPageRoutes = () => {
+    if (typeof extendDashRoutes === 'function') {
+        const ctx = {
+            // 扩展 top menu
+            topRoutes: [],
+            // 扩展 left menu
+            sidebarRoutes: [],
+        };
+        extendDashRoutes(ctx);
+        const { topRoutes: customTopRoutes, sidebarRoutes: customSidebarRoutes } = ctx;
+        // 注入自定义路由
+        baseRoutes[0]?.children?.push(...customTopRoutes);
+        sidebarRoutes.forEach((sr) => {
+            sr.children?.push(...customSidebarRoutes);
+        });
+    }
+    baseRoutes[0]?.children?.push(...sidebarRoutes);
+    return [...baseRoutes];
+};
+initApp(({ children }) => _jsx("div", { className: "dash", children: children }), {
+    routes: getDefaultPageRoutes(),
+});

package/fe/frontend/apps/dash/types.d.ts

@@ -0,0 +1,17 @@
+import type { RouteInfo } from '../../src/components/Router';
+export type DashRoutesContext = {
+    /**
+     * 扩展 topMenu 自定义页面
+     *
+     * !!!! 路径要为相对路径，不能为全路径
+     */
+    topRoutes: RouteInfo[];
+    /**
+     * 扩展 leftMenu 自定义页面
+     *
+     * !!!! 路径要为相对路径，不能为全路径
+     */
+    sidebarRoutes: RouteInfo[];
+};
+export type DashRoutesExtender = (context: DashRoutesContext) => void;
+//# sourceMappingURL=types.d.ts.map

package/fe/frontend/apps/testPage/index.d.ts

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

package/fe/frontend/apps/testPage/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../../../packages/ui/react/components";
+import TestPage from "../../../packages/ui/react/components/testPage";
+export default () => {
+    return (_jsxs("div", { children: [_jsx("h1", { children: "test page" }), _jsx(Button, { children: "click me" }), _jsx(TestPage, {})] }));
+};

package/fe/frontend/apps/testPage/testPage.entry.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=testPage.entry.d.ts.map

package/fe/frontend/apps/testPage/testPage.entry.js

@@ -0,0 +1,6 @@
+import { initApp } from '../../src/main';
+import App from './index';
+initApp(App, {
+    initModeData: false,
+    modelType: 'preview-ui',
+});

package/fe/frontend/extended/SchemaForm/data.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @type {SchemaFormComponentsMap}
+ */
+declare const frameComponentsMap: {
+    asyncSelect: import("react").LazyExoticComponent<(props: import("../../src/components/AsyncSelect").AsyncSelectProps) => import("react/jsx-runtime").JSX.Element>;
+};
+export type FrameComponentsMap = typeof frameComponentsMap;
+export type FrameComponentsMapKey = keyof FrameComponentsMap;
+export type FrameComponentPropsMap = {
+    [K in FrameComponentsMapKey]: FrameComponentsMap[K] extends React.ComponentType<infer P> ? P : never;
+};
+export default frameComponentsMap;
+//# sourceMappingURL=data.d.ts.map

package/fe/frontend/extended/SchemaForm/data.js

@@ -0,0 +1,8 @@
+import { lazy } from 'react';
+/**
+ * @type {SchemaFormComponentsMap}
+ */
+const frameComponentsMap = {
+    asyncSelect: lazy(async () => await import('../../src/components/AsyncSelect')),
+};
+export default frameComponentsMap;

package/fe/frontend/src/api/baseInfo.d.ts

@@ -0,0 +1,31 @@
+import type { ModeMenuType } from '../../../model/types/model';
+type ProjectMenuType = ModeMenuType;
+export type ModelInfo = {
+    model: {
+        key: string;
+        name: string;
+        desc: string;
+    };
+    project: {
+        [k: string]: {
+            key: string;
+            name: string;
+            desc: string;
+            homePage: string;
+        };
+    };
+};
+export declare const getModelList: () => Promise<ModelInfo[]>;
+export type ProjectInfo = {
+    mode: string;
+    homePage: string;
+    icon: string;
+    name: string;
+    desc: string;
+} & ProjectMenuType & {
+    key: string;
+    modelKey: string;
+};
+export declare const getProjectData: (key: string) => Promise<ProjectInfo | null>;
+export {};
+//# sourceMappingURL=baseInfo.d.ts.map

package/fe/frontend/src/api/baseInfo.js

@@ -0,0 +1,15 @@
+import { get } from '../common/request';
+export const getModelList = async () => {
+    const res = await get('/project/model_list');
+    if (res.data.code === 0) {
+        return res.data.data;
+    }
+    return [];
+};
+export const getProjectData = async (key) => {
+    const res = await get(`/project/${key}`);
+    if (res.data.code === 0) {
+        return res.data.data;
+    }
+    return null;
+};

package/fe/frontend/src/common/CRUD/CRUD.d.ts

@@ -0,0 +1,3 @@
+export { default } from '../../../../packages/common/http';
+export * from '../../../../packages/common/http';
+//# sourceMappingURL=CRUD.d.ts.map

package/fe/frontend/src/common/CRUD/CRUD.js

@@ -0,0 +1,2 @@
+export { default } from '../../../../packages/common/http';
+export * from '../../../../packages/common/http';

package/fe/frontend/src/common/CRUD/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CRUD';
+//# sourceMappingURL=index.d.ts.map

package/fe/frontend/src/common/CRUD/index.js

@@ -0,0 +1 @@
+export * from './CRUD';

package/fe/frontend/src/common/auth/index.d.ts

@@ -0,0 +1,7 @@
+export declare const AUTH_HEADER_KEY = "Authorization";
+export declare function getAuthToken(): Promise<string | null>;
+export declare function clearAuthToken(): Promise<void>;
+export declare const API_AUTH_HEADER_KEY = "projk";
+export declare const getApiAuth: () => string;
+export declare const setApiAuth: (v: string) => void;
+//# sourceMappingURL=index.d.ts.map

package/fe/frontend/src/common/auth/index.js

@@ -0,0 +1,20 @@
+const AUTH_LOCAL_KEY = 'auth_token';
+const API_AUTH_LOCAL_KEY = 'p_J_k';
+export const AUTH_HEADER_KEY = 'Authorization';
+export async function getAuthToken() {
+    if (typeof localStorage === 'undefined')
+        return null;
+    return localStorage.getItem(AUTH_LOCAL_KEY);
+}
+export async function clearAuthToken() {
+    if (typeof localStorage === 'undefined')
+        return;
+    localStorage.removeItem(AUTH_LOCAL_KEY);
+}
+export const API_AUTH_HEADER_KEY = 'projk';
+export const getApiAuth = () => {
+    return localStorage.getItem(API_AUTH_LOCAL_KEY) ?? '';
+};
+export const setApiAuth = (v) => {
+    return localStorage.setItem(API_AUTH_LOCAL_KEY, v);
+};

package/fe/frontend/src/common/fetchErrorShow.d.ts

@@ -0,0 +1,3 @@
+import type { BaseResponse, ResponseConfig } from '../common/request';
+export declare const handlingRequestErrors: <D>(data: Promise<ResponseConfig<BaseResponse<D>, any>>) => Promise<ResponseConfig<BaseResponse<D>, any>>;
+//# sourceMappingURL=fetchErrorShow.d.ts.map

package/fe/frontend/src/common/fetchErrorShow.js

@@ -0,0 +1,8 @@
+import { message } from '../../../packages/ui/react/components';
+export const handlingRequestErrors = async (data) => {
+    const res = await data;
+    if (res.data.code !== 0) {
+        message.error(res.data.message);
+    }
+    return res;
+};

package/fe/frontend/src/common/generateMenuData.d.ts

@@ -0,0 +1,4 @@
+import type { ProjectInfo } from '../api/baseInfo';
+import type { MenuItemData } from '../../../packages/ui/react/components';
+export declare const generateMenuItemData: (data: ProjectInfo["menu"]) => MenuItemData[];
+//# sourceMappingURL=generateMenuData.d.ts.map

package/fe/frontend/src/common/generateMenuData.js

@@ -0,0 +1,12 @@
+export const generateMenuItemData = (data) => {
+    return data.map((m) => {
+        const children = (m.menuType === 'group' && m.subMenu.length ? generateMenuItemData(m.subMenu) : undefined);
+        return {
+            key: m.key,
+            label: m.name,
+            icon: m.icon,
+            children: children,
+            minWidth: 100,
+        };
+    });
+};

package/fe/frontend/src/common/importComponent.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, ReactNode } from 'react';
+export declare const renderImportComponent: (c: Promise<{
+    default: ComponentType<any>;
+}>, fallback?: ReactNode) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=importComponent.d.ts.map

package/fe/frontend/src/common/importComponent.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy, Suspense } from 'react';
+export const renderImportComponent = (c, fallback) => {
+    const Component = lazy(() => c);
+    // TODO 加上页面级 loading
+    const showFallback = typeof fallback !== 'undefined' ? fallback : 'loading';
+    return (_jsx(Suspense, { fallback: showFallback, children: _jsx(Component, {}) }));
+};

package/fe/frontend/src/common/language.d.ts

@@ -0,0 +1,2 @@
+export declare const getText: (key: string) => string;
+//# sourceMappingURL=language.d.ts.map

package/fe/frontend/src/common/language.js

@@ -0,0 +1,9 @@
+import { i18n } from '../../../packages/ui/react/i18n';
+const useI18nKey = '$i18n_';
+export const getText = (key) => {
+    // 如果有占位符号
+    if (key.includes(useI18nKey)) {
+        return i18n(key);
+    }
+    return key;
+};

package/fe/frontend/src/common/logFn/index.d.ts

@@ -0,0 +1,5 @@
+export declare const logPageNotFound: () => void;
+export declare const logIllegalComponentCallback: (comName: string) => void;
+export declare const logSubscriptionError: () => void;
+export declare const logApiTamper: () => void;
+//# sourceMappingURL=index.d.ts.map

package/fe/frontend/src/common/logFn/index.js

@@ -0,0 +1,9 @@
+const logJoin = (...logs) => logs.join(`
+    ---------
+    `);
+export const logPageNotFound = () => {
+    console.error(logJoin('url有问题 或者 自定义页面未在路由器注册', 'The URL is incorrect, or the custom page is not registered with the router.'));
+};
+export const logIllegalComponentCallback = (comName) => console.error(logJoin(`非法的组件回调 - ${comName}`, `Illegal component callback - ${comName}`));
+export const logSubscriptionError = () => console.error(logJoin('不曾订阅过，请检查代码，关注函数与取消函数必须为同一个', "You haven't subscribed. Please check your code; the follow function and unsubscribe function must be the same."));
+export const logApiTamper = () => console.error(logJoin('api属性不允许篡改', 'API attributes cannot be tampered with'));

package/fe/frontend/src/common/menu.d.ts

@@ -0,0 +1,34 @@
+import type { ProjectInfo } from '../api/baseInfo';
+type MenuItem = {
+    key: string;
+    name: string;
+    path: Partial<{
+        pathname: string;
+        search: string;
+        hash: string;
+    }>;
+};
+export declare const enum QK {
+    /**
+     * project key
+     */
+    pk = "projk",
+    /**
+     * key topMenu key
+     */
+    k = "key",
+    /**
+     * sidebar key leftMenu key
+     */
+    sk = "sidek",
+    /**
+     * 自定义 页面的key
+     */
+    ck = "custk"
+}
+export declare const leftSidebarBasePath = "_sidebar_";
+export declare const deserializationUrlSearch: <T = Record<string, string>>(url?: string) => T;
+export declare const serializationUrl: (url: string, data: Record<string, string>) => string;
+export declare const findMenuItem: <T = Record<string, any>>(menuData: ProjectInfo["menu"], key?: string) => MenuItem & T;
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/fe/frontend/src/common/menu.js

@@ -0,0 +1,101 @@
+import { modeStore } from '../stores/mode';
+export var QK;
+(function (QK) {
+    /**
+     * project key
+     */
+    QK["pk"] = "projk";
+    /**
+     * key topMenu key
+     */
+    QK["k"] = "key";
+    /**
+     * sidebar key leftMenu key
+     */
+    QK["sk"] = "sidek";
+    /**
+     * 自定义 页面的key
+     */
+    QK["ck"] = "custk";
+})(QK || (QK = {}));
+export const leftSidebarBasePath = '_sidebar_';
+export const deserializationUrlSearch = (url = window.location.search) => {
+    const urls = new URLSearchParams(url);
+    const data = {};
+    for (const [k, v] of urls.entries()) {
+        data[k] = v;
+    }
+    return data;
+};
+export const serializationUrl = (url, data) => `${url}?${new URLSearchParams(data).toString()}`;
+const generateMenuItem = (item) => {
+    let data = undefined;
+    if (item.menuType === 'module') {
+        const pk = modeStore.getState().projectInfo?.key;
+        const query = {
+            [QK.pk]: pk,
+        };
+        switch (item.moduleType) {
+            case 'custom':
+                query[QK.ck] = item.key;
+                data = {
+                    ...item,
+                    path: {
+                        pathname: item.customConfig.path,
+                        search: new URLSearchParams(query).toString(),
+                    },
+                };
+                break;
+            case 'iframe':
+            case 'schema':
+            case 'sidebar':
+                let path = `/${item.key}`;
+                let search = new URLSearchParams(query).toString();
+                if (item.moduleType === 'sidebar') {
+                    // query[QK.sk] = item.sidebarConfig.menu[0].key;
+                    const sfMenu = findMenuItem(item.sidebarConfig.menu, item.sidebarConfig.menu[0]?.key);
+                    path += `${sfMenu.path.pathname}`;
+                    search = sfMenu.path.search ?? '';
+                    // path += `/pending`;
+                }
+                data = {
+                    ...item,
+                    path: {
+                        pathname: path,
+                        search,
+                    },
+                };
+                break;
+            default:
+                break;
+        }
+    }
+    return data;
+};
+export const findMenuItem = (menuData, key) => {
+    let data = undefined;
+    const useFirstAvailableMenu = typeof key === 'undefined';
+    /**
+     *  url query 分为
+     *
+     *  projk 为项目key
+     *  key  当前选择的top菜单key
+     *  sidek 为侧边栏选中的key
+     */
+    for (const item of menuData) {
+        if (item.menuType === 'module') {
+            if (useFirstAvailableMenu || item.key === key) {
+                data = generateMenuItem(item);
+                break;
+            }
+        }
+        if (item.menuType === 'group') {
+            const result = findMenuItem(item.subMenu, key);
+            if (result) {
+                data = { ...result };
+                break;
+            }
+        }
+    }
+    return data;
+};

package/fe/frontend/src/common/request.d.ts

@@ -0,0 +1,37 @@
+import type { AxiosError, RequestConfig, ResponseConfig } from '../../../packages/common/http';
+import { FetchAxios } from '../../../packages/common/http';
+declare const api: FetchAxios;
+export interface PageParams {
+    page?: number;
+    pageSize?: number;
+    [key: string]: string | number | boolean | undefined | null;
+}
+export type PageResponse<T> = {
+    data: T[];
+    total: number;
+    page: number;
+    pageSize: number;
+};
+export interface BaseResponse<T> {
+    data: T;
+    code: number;
+    message: string;
+}
+/**
+ * GET/DELETE 不发送 body；统一把 data 转到 params。
+ *  */
+export declare const get: <T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>) => Promise<ResponseConfig<BaseResponse<T>, D>>;
+export declare const post: <T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>) => Promise<ResponseConfig<BaseResponse<T>, D>>;
+export declare const put: <T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>) => Promise<ResponseConfig<BaseResponse<T>, D>>;
+export declare const patch: <T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>) => Promise<ResponseConfig<BaseResponse<T>, D>>;
+export declare const del: <T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>) => Promise<ResponseConfig<BaseResponse<T>, D>>;
+export { api, FetchAxios };
+export type { AxiosError, RequestConfig, ResponseConfig };
+export declare const request: {
+    get: <T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>) => Promise<ResponseConfig<BaseResponse<T>, D>>;
+    put: <T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>) => Promise<ResponseConfig<BaseResponse<T>, D>>;
+    post: <T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>) => Promise<ResponseConfig<BaseResponse<T>, D>>;
+    del: <T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>) => Promise<ResponseConfig<BaseResponse<T>, D>>;
+    patch: <T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>) => Promise<ResponseConfig<BaseResponse<T>, D>>;
+};
+//# sourceMappingURL=request.d.ts.map