响应
@@ -123,6 +123,8 @@ const eventTagType = (e: string) =>
const toUTC = (t: string) => /[Z+\-]\d*$/.test(t.trim()) ? t : t + 'Z'
const fmtTime = (t: string) => dayjs(toUTC(t)).format('MM-DD HH:mm:ss')
+const detailPayloadText = computed(() => detailRow.value ? JSON.stringify(detailRow.value.payload, null, 2) : '')
+
async function loadList() {
tableLoading.value = true
diff --git a/frontend/src/views/Upstreams.vue b/frontend/src/views/Upstreams.vue
index 85c5cd3..28ae245 100644
--- a/frontend/src/views/Upstreams.vue
+++ b/frontend/src/views/Upstreams.vue
@@ -428,7 +428,7 @@
/[Z+\-]\d*$/.test(t.trim()) ? t : `${t}Z`
const fmtTime = (t: string) => dayjs(toUTC(t)).format('MM-DD HH:mm:ss')
const fmtTimeFull = (t: string) => dayjs(toUTC(t)).format('YYYY-MM-DD HH:mm:ss')
-function groupRows(snapshot: any) {
- if (!snapshot?.groups) return []
- return Object.values(snapshot.groups) as any[]
+const _groupRowsCache = new Map()
+
+function groupRows(snap: { id: number; snapshot: any }) {
+ if (!snap?.snapshot?.groups) return []
+ const cached = _groupRowsCache.get(snap.id)
+ if (cached) return cached
+ const rows = Object.values(snap.snapshot.groups) as any[]
+ _groupRowsCache.set(snap.id, rows)
+ return rows
}
function shrinkError(value: string) {
@@ -833,6 +839,7 @@ function openDetail(row: UpstreamData) {
generatedKeys.value = []
snapshotOffset.value = 0
expandedId.value = null
+ _groupRowsCache.clear()
detailVisible.value = true
}
@@ -854,6 +861,7 @@ async function loadSnapshots() {
try {
const res = await upstreamsApi.listSnapshots(detailUpstream.value.id, snapshotLimit, snapshotOffset.value)
snapshots.value = res.data
+ _groupRowsCache.clear()
if (res.data.length > 0 && expandedId.value === null) {
expandedId.value = res.data[0].id
}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 728be4e..4c92507 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,9 +1,16 @@
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import { resolve } from 'path'
export default defineConfig({
- plugins: [vue()],
+ plugins: [
+ vue(),
+ AutoImport({ resolvers: [ElementPlusResolver()] }),
+ Components({ resolvers: [ElementPlusResolver({ importStyle: 'css' })] }),
+ ],
resolve: {
alias: { '@': resolve(__dirname, 'src') },
},
@@ -16,5 +23,23 @@ export default defineConfig({
build: {
outDir: 'dist',
sourcemap: false,
+ target: 'es2020',
+ cssCodeSplit: true,
+ chunkSizeWarningLimit: 800,
+ rollupOptions: {
+ output: {
+ manualChunks(id: string) {
+ if (id.includes('/node_modules/element-plus/') || id.includes('/node_modules/@element-plus/')) {
+ return 'vendor-el';
+ }
+ if (id.includes('/node_modules/vue/') || id.includes('/node_modules/pinia/') || id.includes('/node_modules/vue-router/')) {
+ return 'vendor-vue';
+ }
+ if (id.includes('/node_modules/axios/')) {
+ return 'vendor-axios';
+ }
+ },
+ },
+ },
},
})