From ad466f78e424fb853b4fa9c5d042366e61be3fa7 Mon Sep 17 00:00:00 2001
From: shanbinbin <shanbinbin@4paradigm.com>
Date: Thu, 18 Jul 2024 19:15:00 +0800
Subject: [PATCH 1/2] feat: OPRFM-7109

---
 frontend/.env.production                      |   2 +-
 .../components/offlinejob/OfflineJobsData.vue |  10 ++
 .../src/components/table/OnlineTables.vue     |  10 ++
 frontend/src/components/table/TableDetail.vue |   7 +
 frontend/src/locales/en.json                  |   8 +
 frontend/src/locales/zh.json                  |   8 +
 frontend/vite.config.js                       |   7 +-
 frontend/yarn.lock                            | 163 +++++++++++++-----
 8 files changed, 174 insertions(+), 41 deletions(-)

diff --git a/frontend/.env.production b/frontend/.env.production
index 2fcc5f0..2f6459b 100644
--- a/frontend/.env.production
+++ b/frontend/.env.production
@@ -1 +1 @@
-VITE_API_ENDPOINT=
+VITE_API_ENDPOINT='/openmldb-featinsight'
diff --git a/frontend/src/components/offlinejob/OfflineJobsData.vue b/frontend/src/components/offlinejob/OfflineJobsData.vue
index 5b6c233..9cb8e6e 100644
--- a/frontend/src/components/offlinejob/OfflineJobsData.vue
+++ b/frontend/src/components/offlinejob/OfflineJobsData.vue
@@ -63,6 +63,16 @@ export default {
         dataIndex: 'jobType',
         key: 'jobType',
       },
+      {
+        title: this.$t('Table DB'),
+        dataIndex: 'db',
+        key: 'db',
+      },
+      {
+        title: `${this.$t('Data Table')}${this.$t('Name')}`,
+        dataIndex: 'table',
+        key: 'table',
+      },
       {
         title: this.$t('Start Time'),
         dataIndex: 'startTime',
diff --git a/frontend/src/components/table/OnlineTables.vue b/frontend/src/components/table/OnlineTables.vue
index 49eadfe..7f63083 100644
--- a/frontend/src/components/table/OnlineTables.vue
+++ b/frontend/src/components/table/OnlineTables.vue
@@ -77,6 +77,16 @@ export default {
         key: 'table',
         slots: { customRender: 'table' }
       },
+      {
+        title: this.$t('Table Rows'),
+        dataIndex: 'rows',
+        key: 'rows',
+      },
+      {
+        title: this.$t('Table Use Memory'),
+        dataIndex: 'useMemory',
+        key: 'useMemory',
+      },
       {
         title: this.$t('Actions'),
         key: 'actions',
diff --git a/frontend/src/components/table/TableDetail.vue b/frontend/src/components/table/TableDetail.vue
index 98ae747..70fa17a 100644
--- a/frontend/src/components/table/TableDetail.vue
+++ b/frontend/src/components/table/TableDetail.vue
@@ -9,6 +9,13 @@
   <a-descriptions bordered>
     <a-descriptions-item :span="24" :label="$t('Database')">{{ data.db }}</a-descriptions-item>
     <a-descriptions-item :span="24" :label="$t('Table Name')">{{ data.table }}</a-descriptions-item>
+    <a-descriptions-item :span="24" :label="`${$t('Table')}${$t('ID')}`">{{ data.id }}</a-descriptions-item>
+    <a-descriptions-item :span="24" :label="$t('TTL')">{{ data.columnKey?.join(',') }}</a-descriptions-item>
+    <a-descriptions-item :span="24" :label="$t('Partition')">{{ data.partition }}</a-descriptions-item>
+    <a-descriptions-item :span="24" :label="$t('Unalive Partition')">{{ data.partitionUnalive }}</a-descriptions-item>
+    <a-descriptions-item :span="24" :label="$t('Replica')">{{ data.replica }}</a-descriptions-item>
+    <a-descriptions-item :span="24" :label="$t('Table Rows')">{{ data.rows }}</a-descriptions-item>
+    <a-descriptions-item :span="24" :label="$t('Use Memory')">{{ data.useMemory }}</a-descriptions-item>
     <a-descriptions-item :span="24" :label="$t('Schema')">
       <a-list size="small" item-layout="horizontal" :data-source="tableSchemaList">
         <template #renderItem="{ item }">
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 15e2d4f..9d49128 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -6,6 +6,14 @@
     "Data Table": "Data Table",
     "Tables": "Tables",
     "Table": "Table",
+    "Table Rows": "Table Rows",
+    "Table Use Memory": "Table Use Memory",
+    "Table DB": "DB",
+    "TTL": "TTL",
+    "Partition": "Partition",
+    "Unalive Partition": "Unalive Partition",
+    "Replica": "Replica",
+    "Use Memory": "Use Memory",
     "Table Name": "Table Name",
     "Entities": "Entities",
     "Entity": "Entity",
diff --git a/frontend/src/locales/zh.json b/frontend/src/locales/zh.json
index 6e3ea7f..b791222 100644
--- a/frontend/src/locales/zh.json
+++ b/frontend/src/locales/zh.json
@@ -6,6 +6,14 @@
   "Data Table": "数据表",
   "Tables": "表",
   "Table": "表",
+  "Table Rows": "数据行数",
+  "Table Use Memory": "内存占用",
+  "Table DB": "数据表DB",
+  "TTL": "TTL",
+  "Partition": "Partition数",
+  "Unalive Partition": "不可用Partition数",
+  "Use Memory": "数据占用内存",
+  "Replica": "Replica数",
   "Table Name": "表名",
   "Entities": "拼接主键",
   "Entity": "拼接主键",
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 7645287..30fb9df 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -5,6 +5,7 @@ import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: '/openmldb-featinsight',
   build: {
     outDir: '../src/main/resources/static/'
   },
@@ -13,5 +14,9 @@ export default defineConfig({
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
     }
-  }
+  },
+  server: {
+    host: '0.0.0.0', // 或者 'localhost' 或者你想要绑定的其他可用的IP
+    port: 5173,
+  },
 })
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 4ac4412..9eaca4e 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -144,7 +144,7 @@
   dependencies:
     vue-demi latest
 
-"@antv/x6@^2.15.1", "@antv/x6@^2.x":
+"@antv/x6@^2.15.1":
   version "2.18.1"
   resolved "https://registry.npmmirror.com/@antv/x6/-/x6-2.18.1.tgz"
   integrity sha512-FkWdbLOpN9J7dfJ+kiBxzowSx2N6syBily13NMVdMs+wqC6Eo5sLXWCZjQHateTFWgFw7ZGi2y9o3Pmdov1sXw==
@@ -170,11 +170,116 @@
   resolved "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz"
   integrity sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==
 
+"@esbuild/android-arm64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2fandroid-arm64/-/android-arm64-0.18.20.tgz#984b4f9c8d0377443cc2dfcef266d02244593622"
+  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
+
+"@esbuild/android-arm@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2fandroid-arm/-/android-arm-0.18.20.tgz#fedb265bc3a589c84cc11f810804f234947c3682"
+  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
+
+"@esbuild/android-x64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2fandroid-x64/-/android-x64-0.18.20.tgz#35cf419c4cfc8babe8893d296cd990e9e9f756f2"
+  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
+
+"@esbuild/darwin-arm64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2fdarwin-arm64/-/darwin-arm64-0.18.20.tgz#08172cbeccf95fbc383399a7f39cfbddaeb0d7c1"
+  integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
+
 "@esbuild/darwin-x64@0.18.20":
   version "0.18.20"
   resolved "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz"
   integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
 
+"@esbuild/freebsd-arm64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2ffreebsd-arm64/-/freebsd-arm64-0.18.20.tgz#98755cd12707f93f210e2494d6a4b51b96977f54"
+  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
+
+"@esbuild/freebsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2ffreebsd-x64/-/freebsd-x64-0.18.20.tgz#c1eb2bff03915f87c29cece4c1a7fa1f423b066e"
+  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
+
+"@esbuild/linux-arm64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2flinux-arm64/-/linux-arm64-0.18.20.tgz#bad4238bd8f4fc25b5a021280c770ab5fc3a02a0"
+  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
+
+"@esbuild/linux-arm@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2flinux-arm/-/linux-arm-0.18.20.tgz#3e617c61f33508a27150ee417543c8ab5acc73b0"
+  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
+
+"@esbuild/linux-ia32@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2flinux-ia32/-/linux-ia32-0.18.20.tgz#699391cccba9aee6019b7f9892eb99219f1570a7"
+  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
+
+"@esbuild/linux-loong64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2flinux-loong64/-/linux-loong64-0.18.20.tgz#e6fccb7aac178dd2ffb9860465ac89d7f23b977d"
+  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
+
+"@esbuild/linux-mips64el@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2flinux-mips64el/-/linux-mips64el-0.18.20.tgz#eeff3a937de9c2310de30622a957ad1bd9183231"
+  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
+
+"@esbuild/linux-ppc64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2flinux-ppc64/-/linux-ppc64-0.18.20.tgz#2f7156bde20b01527993e6881435ad79ba9599fb"
+  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
+
+"@esbuild/linux-riscv64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2flinux-riscv64/-/linux-riscv64-0.18.20.tgz#6628389f210123d8b4743045af8caa7d4ddfc7a6"
+  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
+
+"@esbuild/linux-s390x@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2flinux-s390x/-/linux-s390x-0.18.20.tgz#255e81fb289b101026131858ab99fba63dcf0071"
+  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
+
+"@esbuild/linux-x64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2flinux-x64/-/linux-x64-0.18.20.tgz#c7690b3417af318a9b6f96df3031a8865176d338"
+  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
+
+"@esbuild/netbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2fnetbsd-x64/-/netbsd-x64-0.18.20.tgz#30e8cd8a3dded63975e2df2438ca109601ebe0d1"
+  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
+
+"@esbuild/openbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2fopenbsd-x64/-/openbsd-x64-0.18.20.tgz#7812af31b205055874c8082ea9cf9ab0da6217ae"
+  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
+
+"@esbuild/sunos-x64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2fsunos-x64/-/sunos-x64-0.18.20.tgz#d5c275c3b4e73c9b0ecd38d1ca62c020f887ab9d"
+  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
+
+"@esbuild/win32-arm64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2fwin32-arm64/-/win32-arm64-0.18.20.tgz#73bc7f5a9f8a77805f357fab97f290d0e4820ac9"
+  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
+
+"@esbuild/win32-ia32@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2fwin32-ia32/-/win32-ia32-0.18.20.tgz#ec93cbf0ef1085cc12e71e0d661d20569ff42102"
+  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
+
+"@esbuild/win32-x64@0.18.20":
+  version "0.18.20"
+  resolved "http://npm.4paradigm.com/@esbuild%2fwin32-x64/-/win32-x64-0.18.20.tgz#786c5f41f043b07afb1af37683d7c33668858f6d"
+  integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
+
 "@intlify/core-base@9.9.1":
   version "9.9.1"
   resolved "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.9.1.tgz"
@@ -290,7 +395,7 @@
   dependencies:
     "@vue/shared" "3.4.19"
 
-"@vue/runtime-core@^3.0.0", "@vue/runtime-core@3.4.19":
+"@vue/runtime-core@3.4.19":
   version "3.4.19"
   resolved "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.4.19.tgz"
   integrity sha512-/Z3tFwOrerJB/oyutmJGoYbuoadphDcJAd5jOuJE86THNZji9pYjZroQ2NFsZkTxOq0GJbb+s2kxTYToDiyZzw==
@@ -445,7 +550,7 @@ d3-force@^2.1.1:
     d3-quadtree "1 - 2"
     d3-timer "1 - 2"
 
-d3-quadtree@^2.0.0, "d3-quadtree@1 - 2":
+"d3-quadtree@1 - 2", d3-quadtree@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/d3-quadtree/-/d3-quadtree-2.0.0.tgz"
   integrity sha512-b0Ed2t1UUalJpc3qXzKi+cPGxeXRr4KU9YSlocN74aTzp6R/Ud43t79yLLqxHRWZfsvWXmbDWPpoENK1K539xw==
@@ -460,14 +565,6 @@ dagre-compound@^0.0.11:
   resolved "https://registry.npmmirror.com/dagre-compound/-/dagre-compound-0.0.11.tgz"
   integrity sha512-UrSgRP9LtOZCYb9e5doolZXpc7xayyszgyOs7uakTK4n4KsLegLVTRRtq01GpQd/iZjYw5fWMapx9ed+c80MAQ==
 
-dagre@^0.8.5:
-  version "0.8.5"
-  resolved "https://registry.npmjs.org/dagre/-/dagre-0.8.5.tgz"
-  integrity sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==
-  dependencies:
-    graphlib "^2.1.8"
-    lodash "^4.17.15"
-
 dayjs@^1.10.5:
   version "1.11.10"
   resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.10.tgz"
@@ -488,7 +585,7 @@ dom-scroll-into-view@^2.0.0:
   resolved "https://registry.npmmirror.com/dom-scroll-into-view/-/dom-scroll-into-view-2.0.1.tgz"
   integrity sha512-bvVTQe1lfaUr1oFzZX80ce9KLDlZ3iU+XGNE/bz9HnGdklTieqsbmsLHe+rT2XWqopvL0PckkYqN7ksmm5pe3w==
 
-echarts@^5.4.1, echarts@^5.4.2:
+echarts@^5.4.2:
   version "5.5.0"
   resolved "https://registry.npmmirror.com/echarts/-/echarts-5.5.0.tgz"
   integrity sha512-rNYnNCzqDAPCr4m/fqyUFv7fD9qIsd50S6GDFgO1DxZhncCsNsG7IfUlAlvZe5oSEQxtsjnHiUuppzccry93Xw==
@@ -599,13 +696,6 @@ graceful-fs@^4.1.2:
   resolved "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
-graphlib@^2.1.8:
-  version "2.1.8"
-  resolved "https://registry.npmjs.org/graphlib/-/graphlib-2.1.8.tgz"
-  integrity sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==
-  dependencies:
-    lodash "^4.17.15"
-
 iconv-lite@^0.6.3:
   version "0.6.3"
   resolved "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz"
@@ -672,7 +762,7 @@ is-what@^3.14.1:
   resolved "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
-less@*, less@^4.2.0:
+less@^4.2.0:
   version "4.2.0"
   resolved "https://registry.npmmirror.com/less/-/less-4.2.0.tgz"
   integrity sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==
@@ -892,7 +982,7 @@ rollup@^3.27.1:
   resolved "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sass@*, sass@^1.69.3:
+sass@^1.69.3:
   version "1.71.1"
   resolved "https://registry.npmmirror.com/sass/-/sass-1.71.1.tgz"
   integrity sha512-wovtnV2PxzteLlfNzbgm1tFXPLoZILYAMJtvoXXkD7/+1uP41eKkIt1ypWq5/q2uT94qHjXehEYfmjKOvjL9sg==
@@ -923,7 +1013,7 @@ shallow-equal@^1.0.0:
   resolved "https://registry.npmmirror.com/shallow-equal/-/shallow-equal-1.2.1.tgz"
   integrity sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA==
 
-source-map-js@^1.0.2, "source-map-js@>=0.6.2 <2.0.0":
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
@@ -940,22 +1030,22 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-tslib@^2.3.0, tslib@^2.3.1:
-  version "2.6.2"
-  resolved "https://registry.npmmirror.com/tslib/-/tslib-2.6.2.tgz"
-  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
-
 tslib@2.3.0:
   version "2.3.0"
   resolved "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz"
   integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
 
+tslib@^2.3.0, tslib@^2.3.1:
+  version "2.6.2"
+  resolved "https://registry.npmmirror.com/tslib/-/tslib-2.6.2.tgz"
+  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
+
 utility-types@^3.10.0:
   version "3.11.0"
   resolved "https://registry.npmmirror.com/utility-types/-/utility-types-3.11.0.tgz"
   integrity sha512-6Z7Ma2aVEWisaL6TvBCy7P8rm2LQoPv6dJ7ecIaIixHcwfbJ0x7mWdbcwlIM5IGQxPZSFYeqRCqlOOeKoJYMkw==
 
-"vite@^4.0.0 || ^5.0.0", vite@^4.3.5:
+vite@^4.3.5:
   version "4.5.2"
   resolved "https://registry.npmmirror.com/vite/-/vite-4.5.2.tgz"
   integrity sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==
@@ -966,20 +1056,15 @@ utility-types@^3.10.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
-vue-demi@^0.13.11:
-  version "0.13.11"
-  resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.13.11.tgz"
-  integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
-
-vue-demi@>=0.14.5:
+vue-demi@>=0.14.5, vue-demi@latest:
   version "0.14.7"
   resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.7.tgz"
   integrity sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==
 
-vue-demi@latest:
-  version "0.14.7"
-  resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.7.tgz"
-  integrity sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==
+vue-demi@^0.13.11:
+  version "0.13.11"
+  resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.13.11.tgz"
+  integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
 
 vue-echarts@^6.6.0:
   version "6.6.9"
@@ -1012,7 +1097,7 @@ vue-types@^3.0.0:
   dependencies:
     is-plain-object "3.0.1"
 
-"vue@^2.0.0 || >=3.0.0", "vue@^2.6.12 || ^3.1.1", "vue@^2.6.14 || ^3.3.0", vue@^3.0.0, "vue@^3.0.0-0 || ^2.6.0", vue@^3.2.0, vue@^3.2.25, vue@^3.3.2, vue@>=3.0.3, vue@>=3.2.0, vue@3.4.19:
+vue@^3.3.2:
   version "3.4.19"
   resolved "https://registry.npmmirror.com/vue/-/vue-3.4.19.tgz"
   integrity sha512-W/7Fc9KUkajFU8dBeDluM4sRGc/aa4YJnOYck8dkjgZoXtVsn3OeTGni66FV1l3+nvPA7VBFYtPioaGKUmEADw==

From 524f55c7823e835b2e836a18b1abaca6ac709e62 Mon Sep 17 00:00:00 2001
From: shanbinbin <shanbinbin@4paradigm.com>
Date: Fri, 19 Jul 2024 15:10:36 +0800
Subject: [PATCH 2/2] feat: OPRFM-7109 AIOS packaging configuration

---
 frontend/.env.aios       |  2 ++
 frontend/.env.production |  2 +-
 frontend/package.json    |  1 +
 frontend/vite.config.js  | 36 ++++++++++++++++++++----------------
 4 files changed, 24 insertions(+), 17 deletions(-)
 create mode 100644 frontend/.env.aios

diff --git a/frontend/.env.aios b/frontend/.env.aios
new file mode 100644
index 0000000..1258110
--- /dev/null
+++ b/frontend/.env.aios
@@ -0,0 +1,2 @@
+VITE_API_ENDPOINT='/openmldb-featinsight'
+VITE_BASE_URL=/openmldb-featinsight
diff --git a/frontend/.env.production b/frontend/.env.production
index 2f6459b..2fcc5f0 100644
--- a/frontend/.env.production
+++ b/frontend/.env.production
@@ -1 +1 @@
-VITE_API_ENDPOINT='/openmldb-featinsight'
+VITE_API_ENDPOINT=
diff --git a/frontend/package.json b/frontend/package.json
index eb35123..bcc32d0 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -5,6 +5,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "build:aios": "vite build --mode aios",
     "preview": "vite preview"
   },
   "dependencies": {
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 30fb9df..978e250 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -1,22 +1,26 @@
 import { fileURLToPath, URL } from 'node:url'
 
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  base: '/openmldb-featinsight',
-  build: {
-    outDir: '../src/main/resources/static/'
-  },
-  plugins: [vue()],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    }
-  },
-  server: {
-    host: '0.0.0.0', // 或者 'localhost' 或者你想要绑定的其他可用的IP
-    port: 5173,
-  },
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd());
+
+  return {
+    base: env.VITE_BASE_URL || '',
+    build: {
+      outDir: '../src/main/resources/static/'
+    },
+    plugins: [vue()],
+    resolve: {
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url))
+      }
+    },
+    server: {
+      host: '0.0.0.0', // 或者 'localhost' 或者你想要绑定的其他可用的IP
+      port: 5173,
+    },
+  }
 })