Skip to content

feat: waterfall view #118

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 36 commits into
base: main
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
9677bfe
feat: waterfall
kermanx Aug 11, 2024
64bcf74
chore: update
kermanx Aug 12, 2024
9ef9862
fix
kermanx Aug 12, 2024
0680408
fix
kermanx Aug 12, 2024
4e70c6e
fix
kermanx Aug 12, 2024
7a6fc29
update
kermanx Aug 12, 2024
ae7f8e1
fix light mode
kermanx Aug 12, 2024
74907a8
fix
kermanx Aug 12, 2024
f0d93ef
Merge branch 'main' into pr/KermanX/118
antfu Aug 20, 2024
a599931
refactor: waterfall via echarts
Sep 15, 2024
83d95da
fix: fix time range
Sep 18, 2024
aa16759
fix: remove etc btns
Sep 18, 2024
9550157
Merge pull request #1 from ArthurDarkstone/feat/waterfall-echarts
kermanx Sep 18, 2024
b28c2f9
Merge branch 'main' into feat/waterfall
kermanx Sep 18, 2024
fe940e2
fix: limit waterfall only for dev
Sep 19, 2024
9a983d0
feat: sort by asc & add filters
Sep 24, 2024
34d5495
Merge branch 'main' into feat/waterfall
kermanx Dec 17, 2024
0bee4c0
Merge branch 'feat/waterfall' of https://github.com/kermanx/vite-plug…
kermanx Dec 17, 2024
3a67362
fix
kermanx Dec 17, 2024
39b9138
chore: update
kermanx Dec 17, 2024
9d28411
feat: stacked view
kermanx Dec 17, 2024
cad4f94
chore: update
kermanx Dec 17, 2024
979fdef
wip: hmr event
kermanx Dec 17, 2024
d1e05fa
feat: init waterfall charts
ArthurDarkstone Dec 23, 2024
56a6517
feat: add time range & panel
ArthurDarkstone Dec 23, 2024
39e972d
feat: add WaterfallOverviewChart and WaterfallRangeChart components
ArthurDarkstone Dec 25, 2024
e136c43
Merge branch 'main' into feat/waterfall
kermanx Mar 17, 2025
b23645e
Merge branch 'main' of https://github.com/KermanX/vite-plugin-inspect
ArthurDarkstone Jun 20, 2025
aaca8eb
Merge branch 'main' into feat-waterfall-view
ArthurDarkstone Jun 20, 2025
334b625
feat: update Vue components and router to include Waterfall charts
ArthurDarkstone Jun 20, 2025
4a2290f
feat: enhance Waterfall charts with time range filtering and improved…
ArthurDarkstone Jun 20, 2025
dda82cc
Merge branch 'feat/waterfall' into feat-waterfall-view
ArthurDarkstone Jun 21, 2025
a352734
Merge pull request #2 from kermanx/feat-waterfall-view
ArthurDarkstone Jun 30, 2025
e2763f3
Merge branch 'main' into feat/waterfall
ArthurDarkstone Jun 30, 2025
7d4deda
Merge branch 'feat/waterfall' of https://github.com/KermanX/vite-plug…
ArthurDarkstone Jun 30, 2025
f2b938a
refactor: update route definitions and improve WaterfallRangeChart co…
ArthurDarkstone Jun 30, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions src/client/components.d.ts
Original file line number Diff line number Diff line change
Expand Up @@ -30,5 +30,7 @@ declare module 'vue' {
SearchBox: typeof import('./components/SearchBox.vue')['default']
SegmentControl: typeof import('./components/SegmentControl.vue')['default']
ServerChart: typeof import('./components/ServerChart.vue')['default']
WaterfallOverviewChart: typeof import('./components/WaterfallOverviewChart.vue')['default']
WaterfallRangeChart: typeof import('./components/WaterfallRangeChart.vue')['default']
}
}
6 changes: 5 additions & 1 deletion src/client/components/Container.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
<script setup lang="ts">
const emit = defineEmits(['element'])
</script>

<template>
<div class="h-[calc(100vh-55px)]">
<div :ref="el => emit('element', el)" class="h-[calc(100vh-55px)]">
<slot />
</div>
</template>
27 changes: 27 additions & 0 deletions src/client/components/WaterfallOverviewChart.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<script setup lang="ts">
import type { init } from 'echarts/core'
import VChart from 'vue-echarts'

type ChartOption = ReturnType<ReturnType<typeof init>['getOption']>

interface Props {
data: Record<string, any>
chartStyle: Record<string, any>
chartOption: ChartOption
}

defineProps<Props>()

const container = ref<HTMLDivElement | null>()
</script>

<template>
<div ref="container" p4>
<div v-if="!Object.keys(data).length" flex="~" h-40 w-full>
<div ma italic op50>
No data
</div>
</div>
<VChart v-else class="w-100%" :style="chartStyle" :option="chartOption" autoresize />
</div>
</template>
Loading