| | |
| | | import type { EChartsOption } from 'echarts'; |
| | | import type { Ref } from 'vue'; |
| | | import { useTimeoutFn } from '/@/hooks/core/useTimeout'; |
| | | import { tryOnUnmounted } from '@vueuse/core'; |
| | | import { unref, nextTick, watch, computed, ref } from 'vue'; |
| | | import { useDebounceFn } from '@vueuse/core'; |
| | | import { useEventListener } from '/@/hooks/event/useEventListener'; |
| | | import { useBreakpoint } from '/@/hooks/event/useBreakpoint'; |
| | | import echarts from '/@/utils/lib/echarts'; |
| | | import { useRootSetting } from '/@/hooks/setting/useRootSetting'; |
| | | import { useMenuSetting } from '/@/hooks/setting/useMenuSetting'; |
| | | import { computed, nextTick, ref, unref, watch } from 'vue'; |
| | | import { useTimeoutFn } from '@vben/hooks'; |
| | | import { tryOnUnmounted, useDebounceFn } from '@vueuse/core'; |
| | | import { useEventListener } from '@/hooks/event/useEventListener'; |
| | | import { useBreakpoint } from '@/hooks/event/useBreakpoint'; |
| | | import echarts from '@/utils/lib/echarts'; |
| | | import { useRootSetting } from '@/hooks/setting/useRootSetting'; |
| | | import { useMenuSetting } from '@/hooks/setting/useMenuSetting'; |
| | | |
| | | export function useECharts( |
| | | elRef: Ref<HTMLDivElement>, |
| | |
| | | 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(() => { |
| | |
| | | useTimeoutFn(() => { |
| | | setOptions(unref(getOptions)); |
| | | resolve(null); |
| | | }, 30); |
| | | }, 50); |
| | | } |
| | | nextTick(() => { |
| | | useTimeoutFn(() => { |