From 95abe061072b79dca9cbba405ebc1f2f66ca6bec Mon Sep 17 00:00:00 2001
From: 雪忆 <1455668754@qq.com>
Date: 星期一, 29 七月 2024 15:11:06 +0800
Subject: [PATCH] fix: Echarts初始宽度监听修复
---
src/hooks/web/useECharts.ts | 8 ++++++--
1 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/src/hooks/web/useECharts.ts b/src/hooks/web/useECharts.ts
index c5478d7..6eac15f 100644
--- a/src/hooks/web/useECharts.ts
+++ b/src/hooks/web/useECharts.ts
@@ -1,8 +1,8 @@
import type { EChartsOption } from 'echarts';
import type { Ref } from 'vue';
+import { computed, nextTick, ref, unref, watch } from 'vue';
import { useTimeoutFn } from '@vben/hooks';
import { tryOnUnmounted, useDebounceFn } from '@vueuse/core';
-import { unref, nextTick, watch, computed, ref } from 'vue';
import { useEventListener } from '@/hooks/event/useEventListener';
import { useBreakpoint } from '@/hooks/event/useBreakpoint';
import echarts from '@/utils/lib/echarts';
@@ -49,6 +49,10 @@
listener: resizeFn,
});
removeResizeFn = removeEvent;
+
+ const resizeObserver = new ResizeObserver(resizeFn);
+ resizeObserver.observe(el);
+
const { widthRef, screenEnum } = useBreakpoint();
if (unref(widthRef) <= screenEnum.MD || el.offsetHeight === 0) {
useTimeoutFn(() => {
@@ -64,7 +68,7 @@
useTimeoutFn(() => {
setOptions(unref(getOptions));
resolve(null);
- }, 30);
+ }, 50);
}
nextTick(() => {
useTimeoutFn(() => {
--
Gitblit v1.8.0