robonen/tools
1
0
Fork 0
mirror of https://github.com/robonen/tools.git synced 2026-03-20 10:54:44 +00:00
Code Releases Activity

fix(packages/vue): set render duration ref only after mounted and updated

Browse Source
This commit is contained in:
Andrew Robonen
2025-05-09 13:11:20 +07:00
parent 3a2837c1a1
commit 8d6f08c332
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/vue/src/composables/useRenderInfo/index.ts
View File

@@ -22,9 +22,13 @@ import { getLifeCycleTarger } from '../..';
export function useRenderInfo(instance?: ComponentInternalInstance) { export function useRenderInfo(instance?: ComponentInternalInstance) {
const target = getLifeCycleTarger(instance); const target = getLifeCycleTarger(instance);
const duration = ref(0); const duration = ref(0);
let startTime = 0;
const startMark = () => duration.value = performance.now(); const startMark = () => startTime = performance.now();
const endMark = () => duration.value = Math.max(performance.now() - duration.value, 0); const endMark = () => {
duration.value = Math.max(performance.now() - startTime, 0);
startTime = 0;
};
onBeforeMount(startMark, target); onBeforeMount(startMark, target);
onMounted(endMark, target); onMounted(endMark, target);