create-tengits-app 1.0.0

package/packages/main/src/menus.jsx

@@ -0,0 +1,123 @@
+import React from 'react';
+import { TUIIconPark } from 'tengits-ui5';
+import { t } from './i18n';
+
+export const getMenus = () => [
+  {
+    menuName: t('Home'),
+    key: '/Home',
+    icon: <TUIIconPark type="workbench-h7gmkp2e" />,
+    label: t('Home'),
+    path: 'Home',
+  },
+  {
+    icon: <TUIIconPark type="peoples" />,
+    menuName: t('SystemManagement', 'Common'),
+    label: t('SystemManagement', 'Common'),
+    key: '/systemManagement',
+    path: 'systemManagement',
+    children: [
+      {
+        menuName: t('AModel'),
+        key: 'modelManage',
+        icon: '',
+        label: t('Model'),
+        path: 'modelManage',
+      },
+      {
+        menuName: t('Evaluation'),
+        key: 'evaluation',
+        icon: '',
+        label: t('Evaluation'),
+        path: 'evaluation',
+      },
+      {
+        icon: '',
+        menuName: t('UserManagement'),
+        label: t('UserManagement'),
+        key: 'userManagement',
+        path: 'userManagement',
+        menuAuth: [{ id: 0, name: '用户管理' }],
+      },
+      {
+        icon: '',
+        menuName: t('BasicManagement'),
+        label: t('BasicManagement'),
+        key: 'basicManagement',
+        path: 'basicManagement',
+        children: [
+          {
+            icon: '',
+            menuName: t('UserGroupManagement'),
+            label: t('UserGroupManagement'),
+            key: 'userGroups',
+            path: 'userGroups',
+            menuAuth: [{ id: 0, name: '用户组管理' }],
+          },
+          {
+            icon: '',
+            menuName: t('RoleManagement'),
+            label: t('RoleManagement'),
+            key: 'roleManagement',
+            path: 'roleManagement',
+            menuAuth: [{ id: 0, name: '角色管理' }],
+          },
+          {
+            icon: '',
+            menuName: t('OperationPermissionManagement'),
+            label: t('OperationPermissionManagement'),
+            key: 'permissionsManagement',
+            path: 'permissionsManagement',
+            menuAuth: [{ id: 0, name: '操作权限管理' }],
+          },
+          {
+            icon: '',
+            menuName: t('OrganizationalStructureManagement'),
+            label: t('OrganizationalStructureManagement'),
+            key: 'organizationManagement',
+            path: 'organizationManagement',
+            menuAuth: [{ id: 0, name: '组织机构管理' }],
+          },
+        ],
+      },
+    ],
+  },
+];
+
+/**
+ * 树形结构属性替换
+ * @param item
+ * @param resetItem 重置某一项的值，item => {}
+ * @returns
+ */
+export function replaceMapTree(item, resetItem = it => ({}), level = 1) {
+  const haveChildren = Array.isArray(item.children) && item.children.length > 0;
+  const newLevel = level + 1;
+  return {
+    ...resetItem(item),
+    menuLevel: newLevel,
+    children: haveChildren ? item.children.map(itr => replaceMapTree(itr, resetItem, newLevel)) : [],
+  };
+}
+
+/**
+ * 根据列表权限过滤菜单
+ *
+ */
+export function filterMenus(child = []) {
+  const isHaveList = item => item.menuAuth.find(it => it.name === item.menuName);
+
+  const filterChild = child.filter((item) => {
+    if (item.children && item.children.length)
+      return filterMenus(item.children).length || isHaveList(item);
+
+    else
+      return isHaveList(item);
+  }).map((item) => {
+    if (item.children && item.children.length)
+      item.children = isHaveList(item) ? item.children : filterMenus(item.children);
+
+    return item;
+  });
+  return filterChild;
+}

package/packages/main/src/pages/Home/index.tsx

@@ -0,0 +1,102 @@
+import React from 'react';
+import { Card, Row, Col, Button, Typography, Space } from 'antd';
+import {TUIIconPark} from 'tengits-ui5';
+
+const { Title, Paragraph } = Typography;
+
+/**
+ * 首页组件
+ * 展示项目介绍和主要功能
+ */
+const Home: React.FC = () => {
+  const features = [
+    {
+      icon: <TUIIconPark type="rocket-outlined" />,
+      title: 'Rsbuild 构建',
+      description: '基于 Rsbuild 的快速构建工具，提供极致的开发体验'
+    },
+    {
+      icon: <TUIIconPark type="star-outlined" />,
+      title: 'TypeScript',
+      description: '完整的 TypeScript 支持，提供类型安全和更好的开发体验'
+    },
+    {
+      icon: <TUIIconPark type="heart-outlined" />,
+      title: 'Antd + Tailwind',
+      description: '结合 Ant Design 组件库和 Tailwind CSS 样式框架'
+    }
+  ];
+
+  const handleGetStarted = () => {
+    console.log('开始使用模板！');
+  };
+
+  return (
+    <div className="p-6">
+      <div className="text-center mb-12">
+        <Title level={1} className="mb-4">
+          React + Rsbuild 项目模板
+        </Title>
+        <Paragraph className="text-lg text-gray-600 max-w-2xl mx-auto">
+          这是一个现代化的 React 项目模板，集成了 Rsbuild、TypeScript、Tailwind CSS 和 Ant Design。
+          为您的下一个项目提供最佳的开发体验和生产环境优化。
+        </Paragraph>
+        <Space size="large" className="mt-6">
+          <Button 
+            type="primary" 
+            size="large" 
+            icon={<TUIIconPark type="rocket-outlined" />}
+            onClick={handleGetStarted}
+          >
+            开始使用
+          </Button>
+          <Button 
+            size="large" 
+            icon={<TUIIconPark type="github-outlined" />}
+          >
+            查看源码
+          </Button>
+        </Space>
+      </div>
+
+      <Row gutter={[24, 24]} className="mb-12">
+        {features.map((feature, index) => (
+          <Col xs={24} md={8} key={index}>
+            <Card 
+              hoverable
+              className="h-full text-center"
+              bodyStyle={{ padding: '32px 24px' }}
+            >
+              <div className="mb-4">{feature.icon}</div>
+              <Title level={4} className="mb-3">
+                {feature.title}
+              </Title>
+              <Paragraph className="text-gray-600">
+                {feature.description}
+              </Paragraph>
+            </Card>
+          </Col>
+        ))}
+      </Row>
+
+      <Card title="快速开始" className="mb-6">
+        <div className="space-y-4">
+          <div>
+            <Title level={5}>1. 安装依赖</Title>
+            <pre className="bg-gray-100 p-3 rounded">pnpm install</pre>
+          </div>
+          <div>
+            <Title level={5}>2. 启动开发服务器</Title>
+            <pre className="bg-gray-100 p-3 rounded">pnpm start</pre>
+          </div>
+          <div>
+            <Title level={5}>3. 构建生产版本</Title>
+            <pre className="bg-gray-100 p-3 rounded">pnpm build</pre>
+          </div>
+        </div>
+      </Card>
+    </div>
+  );
+};
+
+export default Home;

package/packages/main/src/pages/Login/common.ts

@@ -0,0 +1,26 @@
+export const configObj = {
+  loginTitleColor: [
+    { id: 1, field: 'light', name: '黑' },
+    { id: 2, field: 'dark', name: '白' },
+  ],
+  loginType: [
+    { id: 1, field: 'rightModal', name: '登录框在右' },
+    { id: 2, field: 'rightDrawer', name: '抽屉登录框' },
+    { id: 3, field: 'Center', name: '登录框居中' },
+  ],
+  LoginBckType: [
+    { id: 1, field: 'img', name: '图片' },
+    { id: 2, field: 'video', name: '视频' },
+  ],
+  loginBGMask: [
+    { id: 1, field: 'default', name: '随主题' },
+    { id: 2, field: 'whiteMask', name: '白蒙版' },
+    { id: 3, field: 'darkMask', name: '黑蒙版' },
+  ],
+
+};
+
+export function getConfigValueByField(ConfigField, val, field = 'field') {
+  const fItem = configObj[ConfigField].find(it => it.id === val);
+  return fItem ? fItem[field] : '';
+}

package/packages/main/src/pages/Login/index.less

@@ -0,0 +1,15 @@
+.configIcon {
+  color: var(--ant-color-primary, #1989fa);
+}
+.TUI-JunmpLink {
+  display: none;
+}
+
+.TUI-LoginLayout .LoginPage {
+  .head {
+    height: 47px;
+    img {
+      height: inherit;
+    }
+  }
+}

package/packages/main/src/pages/Login/index.tsx

@@ -0,0 +1,238 @@
+import { App } from 'antd';
+import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { encrypt, getSearchParams, httpClient, jugeIsVideo, LOCAL_STORAGE_KEY, LoginPage, setLocalStorageJSON, TUISkeleton, useUserDispatch } from 'tengits-ui5';
+
+import { request } from '../../utils/request';
+import { getConfigValueByField } from './common';
+import { t } from '../../i18n';
+import './index.less';
+
+export enum LoginWayTypeEnum {
+  /**
+   * 单点独立登录
+   */
+  Single = 1,
+  /**
+   * 聚合登录（统一门户）
+   */
+  Juhe = 2,
+  /**
+   * 聚合登录（子系统）
+   */
+  JuheCilent = 3,
+}
+const defaultConfig = {
+  loginTitleColor: 2,
+  loginType: 1,
+  sysTitleType: 'img',
+  systemName: 'https://static-1255466169.cos.ap-guangzhou.myqcloud.com/assets/logo/teng_title.png',
+  systemSubTitle: '',
+  LoginBckType: 2,
+  logo: 'https://static-1255466169.cos.ap-guangzhou.myqcloud.com/assets/logo/default_logo.png',
+  shinkLogo: 'https://static-1255466169.cos.ap-guangzhou.myqcloud.com/assets/logo/default_shink_logo.png',
+  backImage: 'https://static-1255466169.cos.ap-guangzhou.myqcloud.com/ThemeAssets/loginVideo.mp4',
+  footer: '',
+  formWidth: 430,
+  loginBGMask: 1,
+};
+
+interface LoginProps {
+  page: 'login' | 'resetPass';
+}
+const TTOSHost = import.meta.env.VITE_REACT_APP_HOST;
+export default function Login({ page = 'login' }: LoginProps) {
+  const { message } = App.useApp();
+  const navigate = useNavigate();
+  const { jumpUrl } = getSearchParams();
+
+  const [pageConfig, setPageConfig] = useState({});
+  const [tenantPara, setTenantPara] = useState({});
+
+  const dispatch = useUserDispatch();
+
+  /** 登录saas后台管理 */
+  const loginCallback = () => {
+    // navigate('/');
+    // window.location.href = tenantPara.pageType === LoginWayTypeEnum.Juhe ? '/home' : '/';
+    window.location.href = '/';
+  };
+
+  /** 登录接口 */
+  const LoginService = async (values) => {
+    return await request('/ttos/user/login', {
+      isSpt: tenantPara.pageType === LoginWayTypeEnum.Single ? 1 : 0,
+      password: encrypt(values.password),
+      loginType: tenantPara.pageType || 1,
+      account: values.account,
+      token: values.token,
+      ...tenantPara,
+    }).then(async (r) => {
+      console.log('r000--', r);
+      if (r.status === 0) {
+        const { cookie } = r.data;
+        localStorage.setItem(LOCAL_STORAGE_KEY.TOKEN, cookie);
+        let userInfo = {};
+        // 拉用户信息
+        await request('/ttos/user/getUserInfo', {
+          Authorization: cookie,
+          ...tenantPara,
+          // currentTenantId: tenantPara.tenantId,
+          tenantId: undefined,
+        }).then(async (r) => {
+          if (r.status === 0) {
+            userInfo = {
+              ...r.data,
+              simpleName: (r.data.username || '').substring(0, 4),
+              account: r.data.phoneNum,
+              name: r.data.username,
+              phone: r.data.phoneNum,
+              permissions: [],
+            };
+          }
+        });
+
+        await request('/ttos/roleMenu/getUserRoleList', {
+          Authorization: cookie,
+          platformType: tenantPara.platformType,
+          applicationId: tenantPara.applicationId,
+          // currentTenantId: tenantPara.tenantId,
+        }).then((r) => {
+          if (r && r.status === 0) {
+            userInfo = {
+              ...userInfo,
+              ...r.data,
+            };
+            console.log('userInfo--', userInfo);
+            dispatch({ type: 'replaceData', payload: userInfo });
+            setLocalStorageJSON(LOCAL_STORAGE_KEY.USERSTATUS, userInfo);
+            loginCallback();
+            return userInfo;
+          }
+        }).catch((e) => {
+          console.log('e--', e);
+        });
+      }
+      else {
+        message.error(r.message || '处理失败，请稍后重试');
+      }
+    }).catch((e) => { });
+  };
+
+  const {
+    systemName,
+    systemSubTitle,
+    copyright,
+    backImage,
+    loginBgMask,
+    loginFormWidth,
+    loginTitleColor,
+    loginType,
+    logo,
+  } = pageConfig;
+
+  /** 登录页配置项转换 */
+  const resultPageConfig = () => ({
+    sysTitle: t('AIWorkbench'),
+    ...pageConfig,
+    sysSubTitle: systemSubTitle,
+    LoginLogo: logo,
+
+    loginTitleColor: getConfigValueByField('loginTitleColor', loginTitleColor ? Number(loginTitleColor) : 2),
+    loginType: getConfigValueByField('loginType', loginType ? Number(loginType) : 1),
+    loginBGMask: getConfigValueByField('loginBGMask', loginBgMask ? Number(loginBgMask) : 1),
+
+    LoginBckType: jugeIsVideo(backImage) ? 'video' : 'img',
+    LoginBck: backImage,
+
+    formWidth: loginFormWidth || undefined,
+    footer: copyright,
+  });
+
+  /** 拉登录页配置 */
+  const getLoginPageService = async () => {
+    // 本地调式需要调 配置的环境变量地址
+    const currentUrl = jumpUrl || (window.location.origin.includes('localhost') ? TTOSHost : window.location.origin);
+    await httpClient.post('/ttos/fullloginpage/getFullLoginPage', {
+      keyWord: currentUrl || TTOSHost,
+    }).then(async (r) => {
+      console.log('r--登录页--客户端', r);
+      if (r.status === 0) {
+        const { platformType, tenantId, applicationId } = r.data;
+        await httpClient.post('/saas/project/getLoginPageDetail', {
+          tenantId,
+          url: currentUrl || TTOSHost,
+        }).then((res) => {
+          if (res.status === 0) {
+            // 1 单点登录 2 聚合登录
+            const pageType = res.data.type || (res.data.customLoginPageDto.id ? 2 : 1);
+            const pageDataT = pageType === LoginWayTypeEnum.Single ? res.data.singleLoginPageDto : res.data.customLoginPageDto;
+            const systemName = pageType === LoginWayTypeEnum.Single ? pageDataT.applicationPushName : pageDataT.systemName;
+            const pageData = {
+              ...pageDataT,
+              systemName,
+              title: pageDataT.title || systemName,
+              logo: pageDataT.logo || defaultConfig.logo,
+              shinkLogo: pageDataT.shinkLogo || defaultConfig.shinkLogo,
+            };
+            setLocalStorageJSON(LOCAL_STORAGE_KEY.TENANTSESSION, {
+              tenantId,
+              applicationId,
+              platformType,
+              pageType,
+              applicationIdList: pageType === LoginWayTypeEnum.Single ? undefined : pageData.dtoList ? pageData.dtoList.map(itr => ({ id: itr.applicationId, name: itr.applicationPushName })) : undefined,
+            });
+            setTenantPara({ tenantId, applicationId, platformType, pageType });
+
+            console.log('res--登录页--配置', res, systemName, pageData);
+            setPageConfig(pageData);
+            setLocalStorageJSON(LOCAL_STORAGE_KEY.LOGINCONFIG, pageData);
+          }
+        }).catch((err) => {
+          console.log('err--', err);
+          throw err;
+        });
+      }
+    }).catch((e) => {
+      console.log('e--', e);
+      setPageConfig(defaultConfig);
+    });
+  };
+
+  const SliderValidateService = (params) => {
+    return request('/ttos/thirdpartsdk/validateCaptcha', {
+      ...params,
+    }).catch((e) => {
+      message.error(e.message || '验证码出错');
+    });
+  };
+
+  useEffect(() => {
+    if (!jumpUrl) {
+      const savedLanguage = localStorage.getItem('language');
+      localStorage.removeItem('Local_BreadcrumbArr');
+      localStorage.removeItem(LOCAL_STORAGE_KEY.USERSTATUS);
+      localStorage.clear();
+      if (savedLanguage) {
+        localStorage.setItem(LOCAL_STORAGE_KEY.LANGUAGE, savedLanguage);
+      }
+    }
+
+    getLoginPageService();
+  }, []);
+
+  if (!pageConfig.systemName)
+    return <TUISkeleton />;
+
+  return (
+    <LoginPage
+      page={page}
+      navigate={navigate}
+      {...resultPageConfig()}
+      loginCallback={loginCallback}
+      LoginService={LoginService}
+      SliderValidateService={SliderValidateService}
+    // NotShowSliderValidate
+    />
+  );
+}

package/packages/main/src/routes.tsx

@@ -0,0 +1,75 @@
+import i18n, { t } from './i18n';
+import Home from './pages/Home';
+import Login from './pages/Login';
+// import { LazyComponents } from './utils/lazyLoad';
+
+
+export const otherRoutes = [
+  { path: '/login', element: <Login page="login" /> },
+  { path: '/resetPass', element: <Login page="resetPass" /> },
+];
+
+/** 自定义路由 */
+export const customRoutes = () => {
+  return [
+    {
+      path: 'home',
+      children: [
+        { path: '', label: i18n.t('Build'), element: <Home /> }
+      ],
+    },
+
+    // {
+    //   path: 'systemManagement',
+    //   children: [
+    //     {
+    //       path: 'userManagement',
+    //       label: i18n.t('UserManagement'),
+    //       element: <LazyComponents.UserManage {...userAppProps} />,
+    //     },
+    //     {
+    //       path: 'basicManagement',
+    //       label: i18n.t('BasicManagement'),
+    //       children: [
+    //         {
+    //           path: 'userGroups',
+    //           label: i18n.t('UserGroupManagement'),
+    //           element: <LazyComponents.UserGroups {...userAppProps} />,
+    //         },
+    //         {
+    //           path: 'roleManagement',
+    //           label: i18n.t('RoleManagement'),
+    //           element: <LazyComponents.RoleManagement {...userAppProps} />,
+    //         },
+    //         {
+    //           path: 'permissionsManagement',
+    //           label: i18n.t('OperationPermissionManagement'),
+    //           element: <LazyComponents.PermissionsManagement {...userAppProps} />,
+    //         },
+    //         {
+    //           path: 'organizationManagement',
+    //           label: i18n.t('OrganizationalStructureManagement'),
+    //           element: <LazyComponents.OrganizationManage {...userAppProps} />,
+    //         },
+    //         // {
+    //         //   path: 'dataPermissionsManagement',
+    //         //   label: i18n.t('DataPermissionManagement'),
+
+    //         //   children: [
+    //         //     {
+    //         //       path: '',
+    //         //       element: <LazyComponents.DataPermissionsManage {...userAppProps} />,
+    //         //     },
+    //         //     {
+    //         //       path: 'permission',
+    //         //       label: t('DataConfiguration', 'Common'),
+    //         //       element: <LazyComponents.DataAppPermissionsManage {...userAppProps} />,
+    //         //     },
+    //         //   ],
+    //         // },
+    //       ],
+    //     },
+    //   ],
+    // },
+  ];
+};

package/packages/main/src/styles/index.css

@@ -0,0 +1,38 @@
+/* Tailwind CSS 基础样式 */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Ant Design 样式重置和自定义 */
+@import 'antd/dist/reset.css';
+
+/* 全局样式 */
+html, body, #root {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+/* 自定义组件样式 */
+.ant-layout-sider {
+  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
+}
+
+.ant-menu-dark {
+  background: transparent;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .ant-layout-sider {
+    position: fixed !important;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 999;
+  }
+}

package/packages/main/src/types/less.d.ts

@@ -0,0 +1,4 @@
+declare module '*.less' {
+  const classes: { [key: string]: string };
+  export default classes;
+} 

package/packages/main/src/types/tengitsui.d.ts

@@ -0,0 +1,7 @@
+declare module 'rehype-mathjax'
+declare module 'remark-math'
+declare module 'remark-gfm'
+declare module 'react-markdown'
+declare module 'react-markdown-reader'
+declare module 'dayjs'
+declare module 'bisheng'

package/packages/main/src/types/utils.d.ts

@@ -0,0 +1,39 @@
+declare module '@ai/utils/guid' {
+  export default function guid(): string;
+}
+
+declare module '@ai/utils/request' {
+  export function request<T = any>(
+    url: string,
+    data?: Record<string, any>,
+    options?: {
+      method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
+      headers?: Record<string, string>;
+      [key: string]: any;
+    }
+  ): Promise<T>;
+
+  export function addRequestHookBefore(
+    url: string,
+    hook: (params: Record<string, any>) => Record<string, any>
+  ): void;
+
+  export function getToken(): void;
+}
+
+declare module '@ai/i18n' {
+  const i18n: {
+    t(key: string): string;
+  };
+  export const t: (key: string, namespace?: string) => string;
+  export default i18n;
+}
+
+declare module '@ai/utils/utils' {
+  export function arrayToTree<T extends { id: number | string; parentId: number | string }>(
+    array: T[],
+    parentId?: number | string
+  ): (T & { children: T[] })[];
+
+  export function getIsTenant(): boolean;
+}

package/packages/main/src/utils/checkPermission.js

@@ -0,0 +1,19 @@
+export function getUserPermissions() {
+  let s = sessionStorage.getItem("userInfo") || localStorage.getItem("userInfo");
+  return JSON.parse(s)
+    ? JSON.parse(s).permissions
+    : [];
+}
+export function hasPermissions(auth) {
+  let show;
+  const permissions = getUserPermissions() || [];
+  if (typeof auth === 'number') {
+    show = permissions.includes(auth);
+  } else if (Array.isArray(auth)) {
+    show = auth.some(item => permissions.includes(item));
+  }
+  return show;
+}
+export default ({ children, auth }) => {
+  return hasPermissions(auth) ? children : null;
+};