mirrors/halo
1
0
Fork 0
mirror of https://github.com/halo-dev/halo.git synced 2025-12-20 16:44:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: enable dashboard widgets query cache (#7520)

Browse Source 
#### What type of PR is this?

/kind improvement
/area ui
/milestone 2.21.x

#### What this PR does / why we need it:

Enable query cache for dashboard widgets.

#### Does this PR introduce a user-facing change?

```release-note
None 
```
This commit is contained in:
Ryan Wang
2025-06-09 23:36:34 +08:00
committed by GitHub
parent 65d4751509
commit 63d40d4d40
3 changed files with 30 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ui/console-src/modules/dashboard/Dashboard.vue
View File

@@ -6,10 +6,10 @@ import {
VPageHeader,
} from "@halo-dev/components";
import type { DashboardWidgetDefinition } from "@halo-dev/console-shared";
import { computed, type ComputedRef, provide, ref } from "vue";
import { computed, type ComputedRef, provide, ref, toRaw } from "vue";
import WidgetViewItem from "./components/WidgetViewItem.vue";
import { useDashboardExtensionPoint } from "./composables/use-dashboard-extension-point";
import { useDashboardWidgetsFetch } from "./composables/use-dashboard-widgets-fetch";
import { useDashboardWidgetsViewFetch } from "./composables/use-dashboard-widgets-fetch";
import "./styles/dashboard.css";
import { internalWidgetDefinitions } from "./widgets";
@@ -19,7 +19,7 @@ function breakpointChangedEvent(breakpoint: string) {
currentBreakpoint.value = breakpoint;
}
const { layouts, layout } = useDashboardWidgetsFetch(currentBreakpoint);
const { data } = useDashboardWidgetsViewFetch(currentBreakpoint);
const { widgetDefinitions } = useDashboardExtensionPoint();
@@ -52,8 +52,8 @@ provide<ComputedRef<DashboardWidgetDefinition[]>>(
<div class="dashboard m-4">
<grid-layout
v-model:layout="layout"
:responsive-layouts="layouts"
:layout="toRaw(data?.layout || [])"
:responsive-layouts="data?.layouts"
:col-num="12"
:is-draggable="false"
:is-resizable="false"
@@ -66,7 +66,7 @@ provide<ComputedRef<DashboardWidgetDefinition[]>>(
:cols="{ lg: 12, md: 12, sm: 6, xs: 4 }"
@breakpoint-changed="breakpointChangedEvent"
>
<WidgetViewItem v-for="item in layout" :key="item.i" :item="item" />
<WidgetViewItem v-for="item in data?.layout" :key="item.i" :item="item" />
</grid-layout>
</div>
</template>