create-tengits-app 1.0.0

package/packages/main/public/dark.css

@@ -0,0 +1,32 @@
+/* .ant-card {
+  color: rgba(255, 255, 255, 0.85);
+  background: #141414;
+} */
+.ant-card-head {
+  color: rgba(255, 255, 255, 0.85);
+  background: transparent;
+  border-bottom: 1px solid #303030;
+  border-radius: 2px 2px 0 0;
+}
+/* .ant-card-bordered {
+  border: 1px solid #303030;
+} */
+.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{
+    color: rgba(255, 255, 255, 0.85);
+    background: #141414;
+    border: 1px solid #303030;
+}
+.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active{
+    background: #141414;
+    border: 1px solid #1989FA;
+    color: #1989FA;
+}
+.ant-tabs-bar {
+    border-bottom: 1px solid #303030;
+}
+.ant-tabs-tab {
+  color: rgba(255, 255, 255, 0.5);
+}
+.ant-card-meta-title{
+  color: #FFF;
+}

package/packages/main/public/evaluation-template.csv

@@ -0,0 +1,10 @@
+question,ground_truth,,,,,,,,
+公司2023年的研发费⽤占营业收⼊的⽐例是多少？,根据提供的信息，公司2021年的研发费⽤占营业收⼊的⽐例为15.86%。 根据公司招股书披露数据，公司2021年的研发费⽤占营业收⼊的⽐例为15.86%,,,,,,,,
+,,,,,,,,,
+,,,,,,,,,
+,,,,,,,,,
+,,,,,,,,,
+,,,,,,,,,
+,,,,,,,,,
+,,,,,,,,,
+,,,,,,,,,

package/packages/main/rsbuild.config.ts

@@ -0,0 +1,79 @@
+import path from 'node:path';
+import { defineConfig, loadEnv } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginSvgr } from '@rsbuild/plugin-svgr';
+
+export default defineConfig(({ env, envMode }) => {
+  const { publicVars, parsed } = loadEnv({ mode: envMode, prefixes: ['REACT_APP_', 'VITE_'] });
+  
+  return {
+    dev: {
+      lazyCompilation: true,
+    },
+    plugins: [
+      pluginReact(),
+      pluginSvgr(),
+    ],
+    html: {
+      template: './index.html',
+      templateParameters: {
+        ...parsed,
+        PROD: env === 'production',
+      },
+    },
+    source: {
+      define: {
+        ...publicVars,
+        'import.meta.env': Object.entries(parsed).reduce((acc, [key, value]) => {
+          acc[key] = JSON.stringify(value);
+          return acc;
+        }, {}),
+        '__APP_ENV__': JSON.stringify({ BASE_URL: '' }),
+      },
+      entry: {
+        index: './src/index.jsx',
+      },
+    },
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, 'src'),
+      },
+              dedupe: ['react', 'react-dom', 'react-query'],
+    },
+    server: {
+      port: 3000,
+      proxy: [
+        // 添加你的代理配置
+        // {
+        //   context: ['/api'],
+        //   target: 'http://localhost:8080',
+        //   changeOrigin: true,
+        //   ws: true,
+        // }
+      ],
+    },
+    output: {
+      legalComments: 'none',
+      manifest: true,
+      // 根据需要配置外部依赖
+      externals: {
+       'react': 'React',
+        'react-dom': 'ReactDOM',
+        'react-router-dom': 'ReactRouterDOM',
+        'dayjs': 'dayjs',
+        'antd': 'antd',
+        'tengits-ui5': 'tengitsui5'
+      },
+    },
+    performance: {
+      removeConsole: env === 'production' ? ['log'] : [],
+      buildCache: true,
+      chunkSplit: {
+        strategy: 'split-by-experience',
+        forceSplitting: {
+          // 根据需要配置代码分割
+        },
+      },
+    },
+  };
+});

package/packages/main/src/App.tsx

@@ -0,0 +1,108 @@
+import React, { Suspense, useEffect, useMemo, useRef, useState } from 'react';
+import { getLocalStorageJSON, getMenusAndRoutes, LOCAL_STORAGE_KEY, rootRoute, TUIApp } from 'tengits-ui5';
+import i18n from './i18n';
+import { getMenus } from './menus';
+import { customRoutes, otherRoutes } from './routes';
+
+const { VITE_AI_APPLICATIONID } = import.meta.env;
+
+interface MenuItem {
+  id: string | number;
+  menuOrder: number;
+  menuLevel: number;
+  iconType?: string;
+  menuName: string;
+  menuRoute: string;
+  menuAuth?: string[];
+  children?: MenuItem[];
+}
+type LocaleType = 'zh' | 'en' | 'fr' | 'de' | 'es';
+
+
+function App() {
+  const [menus, setMenus] = useState();
+  const [routes, setRoutes] = useState(otherRoutes);
+  const [loading, setLoading] = useState(false);
+  const layoutRef = useRef<any>(null);
+  const themeConfig = useMemo(() => ({
+    sysMode: getLocalStorageJSON(LOCAL_STORAGE_KEY.THEMESTATUS, { sysMode: 'light' }).sysMode,
+    loginConfig: getLocalStorageJSON(LOCAL_STORAGE_KEY.LOGINCONFIG, { systemName: '', logo: '', shinkLogo: '' }),
+  }), []);
+  const { sysMode, loginConfig } = themeConfig || {};
+  const {logo } = loginConfig || {};
+
+  useEffect(() => {
+    const initializeMenus = () => {
+      const { menus, routes } = getMenusAndRoutes(
+        getMenus(),
+        (route: any, menu: MenuItem) => { route.menuAuth = menu.menuAuth || []; },
+        customRoutes(),
+        otherRoutes,
+      );
+      setMenus(menus);
+      setRoutes(routes);
+      setLoading(true);
+    };
+    if (i18n.isInitialized) {
+      initializeMenus();
+    }
+    else {
+      i18n.on('initialized', initializeMenus);
+    }
+
+    return () => {
+      i18n.off('initialized', initializeMenus);
+    };
+  }, []);
+
+  const handleLanguageChange = (local) => {
+    i18n.changeLanguage(local);
+    localStorage.setItem('language', local);
+    // 强制刷新页面
+    window.location.reload();
+  };
+
+
+  const globalCommonStyle = {
+    '--TUI-ant-collapse-container-bg':
+      sysMode === 'dark' ? '#1E2127' : '#F0F0F0',
+    '--TUI-ant-collapse-card-bg': sysMode === 'dark' ? '#2E3138' : '#FFFFFF',
+    '--TUI-ant-collapse-header-bg':
+      sysMode === 'dark' ? 'rgba(255, 255, 255, 0.04)' : 'rgba(0, 0, 0, 0.02)',
+    '--TUI-canvas-bg': sysMode === 'dark' ? '#262626' : 'var(--color-gray-3, #f5f5f5)',
+    'height': '100%',
+  };
+
+
+  return (
+    <Suspense fallback={<div>加载中...</div>}>
+        {loading && (
+          <div style={{ ...globalCommonStyle }}>
+                <TUIApp
+                  appConfigDefaultStatus={{
+                    isNotJumpTongyi: true,
+                    systemName: i18n.t('AIWorkbench'),
+                    logoutProps: {
+                      api: '/saas/user/logout',
+                    },
+                    locale: i18n.language as LocaleType,
+                    headLogo: logo,
+                    onLanguageChange: handleLanguageChange,
+                  }}
+                  themeDefaultStatus={{
+                    defaultStyle: { height: '100%' },
+                    layoutMode: 'ExpandMenu',
+                  }}
+                  layoutDefaultStatus={{ menus, routes }}
+                  appProps={{
+                    style: { height: '100%' },
+                  }}
+                  ref={layoutRef}
+                />
+          </div>
+        )}
+    </Suspense>
+  );
+}
+
+export default App;

package/packages/main/src/configSystemData.ts

@@ -0,0 +1,27 @@
+const {
+  VITE_TENCENT_COS_APPID,
+  VITE_TENCENT_COS_BUCKET,
+  VITE_PRE_RELEASE,
+  VITE_TENCENT_COS_APPID_TEST,
+  VITE_TENCENT_COS_BUCKET_TEST,
+  VITE_TCAPTCHE_APPID,
+} = import.meta.env;
+
+export default function configSystemData() {
+  window.VITE_TCAPTCHE_APPID = VITE_TCAPTCHE_APPID;
+  // window.VITE_LGOIN_TITLE_BG = require('./assets/logoWithTitle.png');
+
+  window.dataConfig = {
+    TencentCos: {
+      appid: VITE_PRE_RELEASE
+        ? VITE_TENCENT_COS_APPID_TEST
+        : VITE_TENCENT_COS_APPID,
+      bucket: VITE_PRE_RELEASE
+        ? VITE_TENCENT_COS_BUCKET_TEST
+        : VITE_TENCENT_COS_BUCKET,
+      region: 'ap-guangzhou',
+      picregion: 'gz',
+      getCosCredentialUrl: '/ttos/thirdpartsdk/getCosCredential',
+    },
+  };
+}

package/packages/main/src/i18n.js

@@ -0,0 +1,140 @@
+import i18n from 'i18next';
+import Backend from 'i18next-http-backend';
+import { initReactI18next } from 'react-i18next';
+
+// 获取存储的语言设置，如果没有则默认使用中文
+// 根据浏览器语言自动检测并映射到支持的语言
+function getBrowserLanguage() {
+  const browserLang = navigator.language.toLowerCase();
+
+  // 映射浏览器语言到支持的语言代码
+  if (browserLang.startsWith('zh')) {
+    return 'zh';
+  }
+  else if (browserLang.startsWith('en')) {
+    return 'en';
+  }
+  else if (browserLang.startsWith('fr')) {
+    return 'fr';
+  }
+  else if (browserLang.startsWith('de')) {
+    return 'de';
+  }
+  else if (browserLang.startsWith('es')) {
+    return 'es';
+  }
+
+  // 默认返回中文
+  return 'zh';
+}
+
+// 获取存储的语言设置，如果没有则使用浏览器语言检测
+const savedLanguage = localStorage.getItem('language') || getBrowserLanguage();
+
+const aiI18n = i18n.createInstance();
+// 创建新的i18n实例，避免与其他实例冲突
+
+const allNamespaces = ['AIWorkbench', 'bs', 'Common', 'flow'];
+
+// 创建新的i18n实例，避免与其他实例冲突
+const nsMap = {
+  // '/doc': ['ReportConfiguration', 'Common'],
+};
+
+// 缓存已加载的翻译数据
+const translationCache = new Map();
+
+// 缓存进行中的请求，避免重复请求
+const pendingRequests = new Map();
+
+export const initializeAiI18n = async (options = {}) => {
+  // 使用Backend和initReactI18next插件
+  // 根据当前路由设置默认命名空间
+  const currentPath = window.location.pathname;
+  let defaultNS = 'AIWorkbench'; // 默认命名空间
+
+  // 根据路由路径设置对应的命名空间
+  // 使用nsMap来映射路径到命名空间
+  for (const [path, namespace] of Object.entries(nsMap)) {
+    if (currentPath.includes(path)) {
+      defaultNS = namespace;
+      break;
+    }
+  }
+
+  // 更新默认命名空间
+  if (options.defaultNS) {
+    defaultNS = options.defaultNS;
+  }
+  // 只加载必要的命名空间，而不是所有命名空间
+  const initialNamespaces = Array.isArray(defaultNS) ? defaultNS : [defaultNS]; // 只加载默认命名空间和回退命名空间
+
+  // 使用Backend和initReactI18next插件
+
+  return aiI18n.use(Backend)
+    .use(initReactI18next)
+    .init({
+      nsSeparator: '/',
+      partialBundledLanguages: true,
+      lng: savedLanguage,
+      fallbackLng: savedLanguage, // 明确设置 fallback 语言为中文
+      ns: allNamespaces, // 指定命名空间
+      // ns: initialNamespaces, // 只指定初始命名空间
+      defaultNS, // 默认命名空间
+      fallbackNS: 'AIWorkbench', // 回退命名空间
+      backend: {
+        loadPath: '/locales/{{lng}}/{{ns}}.json',
+      },
+      interpolation: {
+        escapeValue: false, // react already safes from xss
+      },
+    });
+};
+
+/**
+ * 修改命名空间的方法
+ * @param ns - 新的命名空间
+ */
+export const changeNamespace = (ns) => {
+  return new Promise((resolve, reject) => {
+    if (ns) {
+      aiI18n.loadNamespaces(ns)
+        .then(() => {
+          aiI18n.setDefaultNamespace(ns);
+          console.log('Current namespace:', aiI18n);
+          resolve();
+        })
+        .catch((error) => {
+          console.error('Failed to load namespace:', error);
+          reject(error);
+        });
+    }
+    else {
+      resolve();
+    }
+  });
+};
+
+/**
+ * 多命名空间翻译方法 - 注意：含{{}}变量的key必须使用i18n.t而不是该t，否则会报错
+ * @param key - 翻译键值
+ * @param namespace - 命名空间，可选
+ * @returns 翻译后的文本
+ */
+export const t = (key, namespace) => {
+  if (namespace) {
+    return aiI18n.t(key, { ns: namespace });
+  }
+  const title = aiI18n.t(key);
+  return title;
+};
+
+/**
+ * 预加载多个命名空间
+ * @param namespaces - 命名空间数组
+ */
+export const loadMultipleNamespaces = (namespaces) => {
+  return Promise.all(namespaces.map(ns => aiI18n.loadNamespaces(ns)));
+};
+
+export default aiI18n;

package/packages/main/src/index.jsx

@@ -0,0 +1,22 @@
+import React, { lazy, Suspense, useContext } from 'react';
+import ReactDOM from 'react-dom/client';
+import { initializeTUII18n } from 'tengits-ui5';
+import App from './App';
+import configSystemData from './configSystemData';
+import { initializeAiI18n } from './i18n';
+
+import './index.less';
+
+window.systemId = '100';
+// PlatformType 1- 平台端 2-租户端 3-客户端
+window.tenantParams = {
+  platformType: 3,
+};
+configSystemData();
+initializeAiI18n();
+initializeTUII18n();
+
+
+const container = document.getElementById('container');
+const root = ReactDOM.createRoot(container);
+root.render(<App />);

package/packages/main/src/index.less

@@ -0,0 +1,250 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+// .TUI-Layout-ExpandMenu .TUI-Side {
+//   background-color: #00474f;
+// }
+
+.TUI-LayoutWarp {
+  .ant-layout {
+    --TUI-Menu-Color-Primary: #00474f;
+  }
+}
+
+.customScrollbar {
+  &::-webkit-scrollbar {
+    /*滚动条整体样式*/
+    width: 8px;
+    /*高宽分别对应横竖滚动条的尺寸*/
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    /*滚动条里面小方块*/
+    border-radius: 4px;
+    // background-color: rgba(31, 64, 80, 0.2);
+    background-color: #c8c9cc;
+  }
+
+  &::-webkit-scrollbar-track {
+    /*滚动条里面轨道*/
+    // box-shadow: inset 0 0 5px #fff;
+    background: transparent;
+    // background-color: red;
+    border-radius: 4px;
+  }
+}
+
+// 移动端不适用滚动条定义
+@media (min-device-width: 768px) {
+  * {
+    .customScrollbar();
+  }
+}
+
+// 全局样式
+.TUI-AdvancedCrud .ant-table-wrapper {
+  margin-top: 0px;
+}
+
+.TUI-TableEditor {
+  .TUI-Crud {
+    padding: 0;
+    min-height: auto;
+  }
+
+  .ant-input-number {
+    width: 100%;
+    height: 100%;
+    border: 0 none;
+    border-radius: 0;
+
+    .ant-input-number-handler-wrap {
+      display: none;
+    }
+
+    .ant-input-number-input-wrap {
+      height: 100%;
+
+      .ant-input-number-input {
+        height: 100%;
+        text-align: center;
+        border: 0 none;
+      }
+    }
+  }
+
+  .ant-select-selection__choice {
+    border: 0 none;
+    background: none;
+    padding: 0;
+  }
+
+  .ant-select-selection__choice__remove {
+    display: none;
+  }
+
+  .ant-table-thead > tr > th {
+    white-space: pre-wrap;
+  }
+}
+
+.ant-form-item + .TUI-Crud-Toolbox {
+  margin-left: 0px;
+
+  &::before {
+    content: '';
+    display: inline-block;
+    width: 0;
+    height: 24px;
+    border-right: 1px solid #ebedf0;
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+}
+
+.ant-checkbox-group {
+  .ant-checkbox-group-item:last-child {
+    .ant-checkbox + span {
+      padding-right: 0;
+    }
+  }
+}
+
+.TUI-AdvancedFilter {
+  &:empty {
+    display: none;
+  }
+
+  .ant-select-selection__placeholder {
+    position: unset;
+    height: unset;
+    margin-top: unset;
+    line-height: unset;
+  }
+
+  .TUI-AdvancedFilter-Short-Value .ant-input,
+  .TUI-AdvancedFilter-Short-Value .ant-select {
+    min-width: 120px;
+  }
+
+  .TUI-AdvancedFilter-Reset + .TUI-AdvancedFilter-AddOn {
+    margin-left: 16px !important;
+  }
+}
+
+.TUI-FormField-Lable {
+  border-radius: var(--ant-border-radius) 0 0 var(--ant-border-radius) !important;
+}
+
+.TUI-AdvancedCrud .TUI-AdvancedFilter .ant-select-selection {
+  border-top-right-radius: 2px !important;
+  border-bottom-right-radius: 2px !important;
+}
+
+.TUI-AdvancedCrud {
+  > .TUI-Table {
+    margin-top: 16px;
+
+    .ant-table-tbody > tr > td,
+    .ant-table-thead > tr > th {
+      font-size: 14px !important;
+    }
+  }
+
+  .TUI-Crud-Toolbox:empty + .TUI-Table {
+    margin-top: 0px;
+  }
+}
+
+@font-face {
+  font-family: 'iconfont';
+  /* Project id 3055426 */
+  src: url('//at.alicdn.com/t/c/font_3055426_u3wl3bch5gq.ttf?t=1710466840688') format('truetype');
+}
+
+@font-face {
+  font-family: D-DIN;
+  src: url('https://static-1255466169.cos.ap-guangzhou.myqcloud.com/assets/fonts/D-DIN.ttf');
+}
+@font-face {
+  font-family: SourceHanSerifCN-SemiBold;
+  src: url('https://static-1255466169.cos.ap-guangzhou.myqcloud.com/assets/fonts/SourceHanSerifCN-SemiBold.ttf');
+}
+
+// .ant-modal .ant-form-item {
+//   display: flex;
+// }
+
+.TUI-Form {
+  .ant-radio-button-wrapper:first-child {
+    border-radius: 2px 0 0 2px;
+  }
+
+  .ant-radio-button-wrapper:last-child {
+    border-radius: 0 2px 2px 0;
+  }
+
+  .ant-form-item {
+    display: flex;
+    flex-direction: column;
+    margin: 0 0 12px;
+
+    .ant-form-item-label {
+      line-height: 1 !important;
+      margin-bottom: 4px;
+      // text-align: left;
+    }
+  }
+}
+
+.TUI-TableEditor .ant-select-dropdown-menu-item-group-title {
+  white-space: nowrap;
+}
+
+#container {
+  height: 100%;
+  width: 100%;
+}
+
+// #region 数据容器
+
+.ant-table-thead {
+  .tableCell-t0 {
+    // background-color: #ebedf0 !important;
+    border-bottom: var(--ant-line-width) var(--ant-line-type) var(--ant-table-border-color) !important;
+    color: var(--ant-table-header-color, rgba(255, 255, 255, 0.85)) !important;
+    background-color: var(--ant-table-header-bg, #1d1d1d) !important;
+  }
+
+  .tableCell-t1 {
+    color: var(--ant-geekblue-7) !important;
+    background-color: var(--ant-geekblue-1, #1d1d1d) !important;
+    border-bottom: var(--ant-line-width) var(--ant-line-type) var(--ant-geekblue-3) !important;
+  }
+
+  .tableCell-t2 {
+    color: var(--ant-green-7) !important;
+    background-color: var(--ant-green-1, #1d1d1d) !important;
+    border-bottom: var(--ant-line-width) var(--ant-line-type) var(--ant-green-3) !important;
+  }
+
+  .tableCell-t3 {
+    color: var(--ant-volcano-7) !important;
+    background-color: var(--ant-volcano-1, #1d1d1d) !important;
+    border-bottom: var(--ant-line-width) var(--ant-line-type) var(--ant-volcano-3) !important;
+  }
+}
+
+// #endregion
+
+#container {
+  > div {
+    height: 100%;
+  }
+}
+
+html {
+  overflow: hidden;
+}