lanyuanxiaoyao/DiAL
1
0
Fork 0
Code Activity

feat: 动态粒度趋势图，支持 auto bucket 选择 + P95 延迟 + 状态条

Browse Source
This commit is contained in:
兰缘小妖
2026-05-23 23:53:18 +08:00
parent 6601ab458d
commit 4f33fba793
16 changed files with 315 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/web/hooks/use-queries.ts
View File

@@ -1,11 +1,11 @@
import { useQuery } from "@tanstack/react-query";
import type { DashboardResponse, MetaResponse, TargetMetricsResponse } from "../../shared/api";
import type { DashboardResponse, MetaResponse, MetricsBucket, TargetMetricsResponse } from "../../shared/api";
const queryKeys = {
dashboard: () => ["dashboard", "24h", 30] as const,
meta: () => ["meta"] as const,
metrics: (targetId: string, from: string, to: string, bucket: "1h") =>
metrics: (targetId: string, from: string, to: string, bucket: "auto" | MetricsBucket) =>
["metrics", targetId, from, to, bucket] as const,
};
@@ -32,7 +32,7 @@ export function useMeta() {
});
}
export function useTargetMetrics(targetId: null | string, from: string, to: string, bucket: "1h") {
export function useTargetMetrics(targetId: null | string, from: string, to: string, bucket: "auto" | MetricsBucket) {
return useQuery({
enabled: targetId !== null && !!from && !!to,
queryFn: () => {