Merge remote-tracking branch 'origin/main'

ziyujiahao · ziyujiahao · commit c8ad31f96387 · 2025-06-11T18:20:11.000+08:00
# Conflicts:
#	frontend/src/views/dashboard/preview/SQPreviewShow.vue
diff --git a/frontend/.editorconfig b/frontend/.editorconfig
@@ -0,0 +1,13 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false
diff --git a/frontend/.eslintignore b/frontend/.eslintignore
@@ -0,0 +1,8 @@
+/node_modules/
+/dist/
+/public/
+*.md
+*.woff
+*.ttf
+.vscode/
+.DS_Store
diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
@@ -0,0 +1,33 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    'plugin:vue/vue3-recommended',
+    'eslint:recommended',
+    '@vue/typescript/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+  ],
+  parserOptions: {
+    ecmaVersion: 2020,
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    'prettier/prettier': [
+      'warn',
+      {
+        singleQuote: true,
+        semi: false,
+        trailingComma: 'es5',
+        printWidth: 100,
+        tabWidth: 2,
+        endOfLine: 'auto',
+      },
+    ],
+  },
+}
diff --git a/frontend/.prettierrc b/frontend/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "singleQuote": true,
+  "semi": false,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "endOfLine": "auto"
+}
diff --git a/frontend/package.json b/frontend/package.json
@@ -31,12 +31,19 @@
     "@types/crypto-js": "^4.2.2",
     "@types/element-resize-detector": "^1.1.6",
     "@types/node": "^22.14.1",
+    "@typescript-eslint/eslint-plugin": "^8.34.0",
+    "@typescript-eslint/parser": "^8.34.0",
     "@vitejs/plugin-vue": "^5.2.2",
     "@vue/tsconfig": "^0.7.0",
     "axios": "^1.8.4",
     "crypto-js": "^4.2.0",
+    "eslint": "^9.28.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-prettier": "^5.4.1",
+    "eslint-plugin-vue": "^10.2.0",
     "less": "^4.3.0",
     "pinia": "^3.0.2",
+    "prettier": "^3.5.3",
     "typescript": "~5.7.2",
     "unplugin-auto-import": "^19.1.2",
     "unplugin-vue-components-secondary": "^0.24.6",
diff --git a/frontend/src/assets/svg/chart/bar.svg b/frontend/src/assets/svg/chart/bar.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 80 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.5 6C37.7761 6 38 6.22386 38 6.5V13.5C38 13.7761 37.7761 14 37.5 14L9.5 14C9.22386 14 9 13.7761 9 13.5V6.5C9 6.22386 9.22386 6 9.5 6L37.5 6Z" fill="#3370FF"/>
+<path d="M71.5 18C71.7761 18 72 18.2239 72 18.5V25.5C72 25.7761 71.7761 26 71.5 26H9.5C9.22386 26 9 25.7761 9 25.5V18.5C9 18.2239 9.22386 18 9.5 18L71.5 18Z" fill="#3370FF"/>
+<path d="M50.5 30C50.7761 30 51 30.2239 51 30.5V37.5C51 37.7761 50.7761 38 50.5 38H9.5C9.22386 38 9 37.7761 9 37.5V30.5C9 30.2239 9.22386 30 9.5 30H50.5Z" fill="#3370FF"/>
+<path d="M29.5 42C29.7761 42 30 42.2239 30 42.5V49.5C30 49.7761 29.7761 50 29.5 50H9.5C9.22386 50 9 49.7761 9 49.5V42.5C9 42.2239 9.22386 42 9.5 42H29.5Z" fill="#3370FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.00391V53.0016V54.0016H4V2.00391H7Z" fill="#DEE0E3"/>
+</svg>
diff --git a/frontend/src/assets/svg/chart/column.svg b/frontend/src/assets/svg/chart/column.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 80 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 51H76L76 54H4V51H5Z" fill="#DEE0E3"/>
+<path d="M11 29.5C11 29.2239 11.2239 29 11.5 29H20.5C20.7761 29 21 29.2239 21 29.5V48.5C21 48.7761 20.7761 49 20.5 49H11.5C11.2239 49 11 48.7761 11 48.5V29.5Z" fill="#3370FF"/>
+<path d="M27 4.5C27 4.22386 27.2239 4 27.5 4H36.5C36.7761 4 37 4.22386 37 4.5V48.5C37 48.7761 36.7761 49 36.5 49H27.5C27.2239 49 27 48.7761 27 48.5V4.5Z" fill="#3370FF"/>
+<path d="M43 19.5C43 19.2239 43.2239 19 43.5 19H52.5C52.7761 19 53 19.2239 53 19.5V48.5C53 48.7761 52.7761 49 52.5 49H43.5C43.2239 49 43 48.7761 43 48.5V19.5Z" fill="#3370FF"/>
+<path d="M59 36.5C59 36.2239 59.2239 36 59.5 36H68.5C68.7761 36 69 36.2239 69 36.5V48.5C69 48.7761 68.7761 49 68.5 49H59.5C59.2239 49 59 48.7761 59 48.5V36.5Z" fill="#3370FF"/>
+</svg>
diff --git a/frontend/src/assets/svg/chart/line.svg b/frontend/src/assets/svg/chart/line.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 80 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.686 13.231C37.2791 12.8242 36.6138 12.8437 36.2315 13.2737L34.8455 14.8327C34.1868 15.5735 33.2442 16.6333 32.1089 17.9092C29.8382 20.4611 26.7969 23.8773 23.714 27.3352C17.5164 34.2865 11.2327 41.313 10.6063 41.9394C10.0205 42.5252 10.0205 43.4749 10.6063 44.0607C11.1921 44.6465 12.1419 44.6465 12.7277 44.0607C13.4346 43.3537 19.8175 36.2136 25.9533 29.3316C29.0371 25.8728 32.0791 22.4557 34.3501 19.9034C35.4725 18.642 36.4066 17.5918 37.0644 16.8521L49.5834 29.3711C49.9141 29.7018 50.43 29.7591 50.8253 29.5089L72.851 15.5689L72.8605 15.5622C73.5392 15.0872 73.7043 14.1519 73.2292 13.4732C72.7567 12.7982 71.8291 12.6313 71.1513 13.0968L50.5191 26.0642L37.686 13.231Z" fill="#3370FF"/>
+<path d="M11.667 26.5C10.8386 26.5 10.167 27.1716 10.167 28C10.167 28.8284 10.8386 29.5 11.667 29.5H33.6392L42.646 40.1151C42.8119 40.3107 43.0467 40.4351 43.3017 40.4624L71.4856 43.489C72.3058 43.589 73.0528 43.0065 73.1554 42.1861C73.2582 41.364 72.6751 40.6143 71.8531 40.5115L44.4294 37.5801L35.3277 26.853C35.1377 26.6291 34.8588 26.5 34.5651 26.5H11.667Z" fill="#00D6B9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.00391V51.0016L76 51.0016L76 54.0016H4V2.00391H7Z" fill="#DEE0E3"/>
+</svg>
diff --git a/frontend/src/assets/svg/chart/pie.svg b/frontend/src/assets/svg/chart/pie.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 80 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39.1377 52.9999C52.3009 52.9999 63.0031 42.4632 63.2702 29.364C63.2758 29.0879 63.0515 28.8623 62.7753 28.8623C54.8961 28.8623 47.0169 28.8623 39.1377 28.8623C39.1377 19.4553 39.1377 11.5758 39.1377 5.22392C39.1377 4.94778 38.912 4.72409 38.636 4.72972C25.5367 4.99681 15 15.699 15 28.8623C15 42.1931 25.8068 52.9999 39.1377 52.9999Z" fill="#3370FF"/>
+<path d="M46.6201 23.6894C45.3435 23.6894 44.3086 22.6545 44.3086 21.3779V3.5521C44.3086 3.25643 44.5649 3.02499 44.8583 3.06121C55.3368 4.35483 63.6432 12.6612 64.9368 23.1397C64.973 23.4331 64.7416 23.6894 64.4459 23.6894H46.6201Z" fill="#00D6B9"/>
+</svg>
diff --git a/frontend/src/assets/svg/chart/table.svg b/frontend/src/assets/svg/chart/table.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 80 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 7.16675C13 6.89061 13.2239 6.66675 13.5 6.66675H65.8333C66.1095 6.66675 66.3333 6.89061 66.3333 7.16675V17.3334H13V7.16675Z" fill="#3370FF"/>
+<path d="M29 20H13V28H29V20Z" fill="#ADC6FF"/>
+<path d="M47.6667 20H31.6667V28H47.6667V20Z" fill="#ADC6FF"/>
+<path d="M66.3333 20H50.3333V28H66.3333V20Z" fill="#ADC6FF"/>
+<path d="M29 41.3333H13V48C13 48.7364 13.597 49.3333 14.3333 49.3333H29V41.3333Z" fill="#ADC6FF"/>
+<path d="M47.6667 41.3333H31.6667V49.3333H47.6667V41.3333Z" fill="#ADC6FF"/>
+<path d="M66.3333 41.3333H50.3333V49.3333H65C65.7364 49.3333 66.3333 48.7364 66.3333 48V41.3333Z" fill="#ADC6FF"/>
+<path d="M29 30.6667H13V38.6667H29V30.6667Z" fill="#ADC6FF"/>
+<path d="M47.6667 30.6667H31.6667V38.6667H47.6667V30.6667Z" fill="#ADC6FF"/>
+<path d="M66.3333 30.6667H50.3333V38.6667H66.3333V30.6667Z" fill="#ADC6FF"/>
+</svg>
diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
@@ -9,7 +9,8 @@
     "back": "Back",
     "confirm": "Confirm",
     "cancel": "Cancel",
-    "system_manage": "System Management"
+    "system_manage": "System Management",
+    "next": "Next"
   },
   "dashboard": {
     "length_1_64_characters": "Name field length must be 1-64 characters",
@@ -43,14 +44,74 @@
   "ds": {
     "title": "Data Source",
     "add": "Add Data Source",
-    "edit": "Edit Data Source",
     "delete": "Delete Data Source",
     "name": "Data Source Name",
     "type": "Data Source Type",
     "status": "Status",
     "actions": "Actions",
     "test_connection": "Test Connection",
     "connection_success": "Connection Successful",
-    "connection_failed": "Connection Failed, Please Check Configuration"
+    "connection_failed": "Connection Failed, Please Check Configuration",
+    "Search Datasource": "Search Datasource",
+    "tables": "Tables",
+    "no_data_tip": "No data, select a table from left",
+    "comment": "Comment",
+    "table_schema": "Table Schema",
+    "preview": "Preview",
+    "preview_tip": "Preview 100 items",
+    "field": {
+      "name": "Name",
+      "type": "Type",
+      "comment": "Comment",
+      "custom_comment": "Custom Comment",
+      "status": "Status"
+    },
+    "edit": {
+      "table_comment": "Edit Table Comment",
+      "field_comment": "Edit Field Comment",
+      "table_comment_label": "Table Comment",
+      "field_comment_label": "Field Comment"
+    },
+    "form": {
+      "title": {
+        "add": "Add Datasource",
+        "edit": "Edit Datasource",
+        "choose_tables": "Choose Tables"
+      },
+      "base_info": "Base Info",
+      "choose_tables": "Choose Tables",
+      "name": "Name",
+      "description": "Description",
+      "host": "Host/Ip",
+      "port": "Port",
+      "username": "Username",
+      "password": "Password",
+      "database": "Database",
+      "connect_mode": "Connect Mode",
+      "service_name": "Service Name",
+      "extra_jdbc": "Extra JDBC String",
+      "schema": "Schema",
+      "get_schema": "Get Schema",
+      "file": "File",
+      "upload": "Upload",
+      "upload_tip": "Only support .xls, .xlsx, .csv, size less than 50MB.",
+      "version_tip": {
+        "sqlServer": "Supported version: 2012+",
+        "oracle": "Supported version: 12+",
+        "mysql": "Supported version: 5.6+",
+        "pg": "Supported version: 9.6+"
+      },
+      "selected": "Selected: {0}/{1}",
+      "validate": {
+        "name_required": "Please input name",
+        "name_length": "Length should be 1 to 50",
+        "type_required": "Please choose database type",
+        "host_required": "Please input host",
+        "port_required": "Please input port",
+        "database_required": "Please input database",
+        "mode_required": "Please choose mode",
+        "schema_required": "Please input schema"
+      }
+    }
   }
-}
+}
diff --git a/frontend/src/i18n/zh-CN.json b/frontend/src/i18n/zh-CN.json
@@ -11,7 +11,8 @@
     "cancel": "取消",
     "system_manage": "系统管理",
     "update_success": "更新",
-    "save_success": "保存成功"
+    "save_success": "保存成功",
+    "next": "下一步"
   },
   "dashboard": {
     "length_1_64_characters": "名称字段长度1-64个字符",
@@ -45,14 +46,74 @@
   "ds": {
     "title": "数据源",
     "add": "添加数据源",
-    "edit": "编辑数据源",
     "delete": "删除数据源",
     "name": "数据源名称",
     "type": "数据源类型",
     "status": "状态",
     "actions": "操作",
     "test_connection": "测试连接",
     "connection_success": "连接成功",
-    "connection_failed": "连接失败，请检查配置"
+    "connection_failed": "连接失败，请检查配置",
+    "Search Datasource": "搜索数据源",
+    "tables": "数据表",
+    "no_data_tip": "暂无数据，请从左侧选择数据表",
+    "comment": "注释",
+    "table_schema": "表结构",
+    "preview": "预览",
+    "preview_tip": "预览100条数据",
+    "field": {
+      "name": "字段名",
+      "type": "类型",
+      "comment": "注释",
+      "custom_comment": "自定义注释",
+      "status": "状态"
+    },
+    "edit": {
+      "table_comment": "编辑表注释",
+      "field_comment": "编辑字段注释",
+      "table_comment_label": "表注释",
+      "field_comment_label": "字段注释"
+    },
+    "form": {
+      "title": {
+        "add": "添加数据源",
+        "edit": "编辑数据源",
+        "choose_tables": "选择数据表"
+      },
+      "base_info": "基本信息",
+      "choose_tables": "选择数据表",
+      "name": "名称",
+      "description": "描述",
+      "host": "主机/IP",
+      "port": "端口",
+      "username": "用户名",
+      "password": "密码",
+      "database": "数据库",
+      "connect_mode": "连接方式",
+      "service_name": "服务名",
+      "extra_jdbc": "额外 JDBC 参数",
+      "schema": "模式",
+      "get_schema": "获取模式",
+      "file": "文件",
+      "upload": "上传",
+      "upload_tip": "仅支持 .xls, .xlsx, .csv 格式，大小不超过50MB",
+      "version_tip": {
+        "sqlServer": "支持版本: 2012+",
+        "oracle": "支持版本: 12+",
+        "mysql": "支持版本: 5.6+",
+        "pg": "支持版本: 9.6+"
+      },
+      "selected": "已选择: {0}/{1}",
+      "validate": {
+        "name_required": "请输入名称",
+        "name_length": "长度应在1到50个字符之间",
+        "type_required": "请选择数据库类型",
+        "host_required": "请输入主机地址",
+        "port_required": "请输入端口号",
+        "database_required": "请输入数据库名",
+        "mode_required": "请选择连接方式",
+        "schema_required": "请输入模式名"
+      }
+    }
   }
-}
+}
diff --git a/frontend/src/stores/user.ts b/frontend/src/stores/user.ts
@@ -7,8 +7,6 @@ import { store } from './index'
 
 const { wsCache } = useCache()
 
-
-
 interface UserState {
   token: string
   uid: string
@@ -17,7 +15,7 @@ interface UserState {
   language: string
   exp: number
   time: number
-  [key: string]: string | number 
+  [key: string]: string | number
 }
 
 export const UserStore = defineStore('user', {
@@ -29,7 +27,7 @@ export const UserStore = defineStore('user', {
       oid: '',
       language: 'zh-CN',
       exp: 0,
-      time: 0
+      time: 0,
     }
   },
   getters: {
@@ -53,10 +51,9 @@ export const UserStore = defineStore('user', {
     },
     getTime(): number {
       return this.time
-    }
+    },
   },
   actions: {
-
     async login(formData: { username: string; password: string }) {
       const res: any = await AuthApi.login(formData)
       this.setToken(res.access_token)
@@ -66,13 +63,13 @@ export const UserStore = defineStore('user', {
       this.clear()
     },
 
-    async info () {
+    async info() {
       const res: any = await AuthApi.info()
       const res_data = res || {}
 
       const keys = ['uid', 'name', 'oid', 'language', 'exp', 'time'] as const
-      
-      keys.forEach(key => {
+
+      keys.forEach((key) => {
         const dkey = key === 'uid' ? 'id' : key
         const value = res_data[dkey]
         if (key === 'exp' || key === 'time') {
@@ -122,11 +119,11 @@ export const UserStore = defineStore('user', {
     },
     clear() {
       const keys: string[] = ['token', 'uid', 'name', 'oid', 'language', 'exp', 'time']
-      keys.forEach(key => wsCache.delete('user.' + key))
-    }
-  }
+      keys.forEach((key) => wsCache.delete('user.' + key))
+    },
+  },
 })
 
 export const useUserStore = () => {
   return UserStore(store)
-}
+}
diff --git a/frontend/src/views/chat/ChatAnswer.vue b/frontend/src/views/chat/ChatAnswer.vue
diff --git a/frontend/src/views/chat/WelcomeBlock.vue b/frontend/src/views/chat/WelcomeBlock.vue
diff --git a/frontend/src/views/chat/component/ChartComponent.vue b/frontend/src/views/chat/component/ChartComponent.vue
diff --git a/frontend/src/views/ds/TableList.vue b/frontend/src/views/ds/TableList.vue
diff --git a/frontend/src/views/ds/form.vue b/frontend/src/views/ds/form.vue
diff --git a/frontend/src/views/ds/index.vue b/frontend/src/views/ds/index.vue
