chore: typo

Vben

2021-04-13 c9089c324384dbf0f138f8861a2776810fc0efbf

 src/hooks/web/useECharts.ts

@@ -1,13 +1,15 @@
import type { EChartsOption } from 'echarts';
import type { Ref } from 'vue';

import { useTimeoutFn } from '/@/hooks/core/useTimeout';
import { tryOnUnmounted } from '@vueuse/core';
import { unref, Ref, nextTick, watch, computed, ref } from 'vue';
import type { EChartsOption } from 'echarts';
import { useDebounce } from '/@/hooks/core/useDebounce';
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 '/@/plugins/echarts';
import { useRootSetting } from '../setting/useRootSetting';
import echarts from '/@/utils/lib/echarts';
import { useRootSetting } from '/@/hooks/setting/useRootSetting';

export function useECharts(
  elRef: Ref<HTMLDivElement>,
@@ -19,8 +21,7 @@
  const cacheOptions = ref<EChartsOption>({});
  let removeResizeFn: Fn = () => {};

  const [debounceResize] = useDebounce(resize, 200);
  resizeFn = debounceResize;
  resizeFn = useDebounceFn(resize, 200);

  const getOptions = computed(
    (): EChartsOption => {
@@ -66,7 +67,7 @@
    nextTick(() => {
      useTimeoutFn(() => {
        if (!chartInstance) {
          initCharts(getDarkMode.value);
          initCharts(getDarkMode.value as 'default');

          if (!chartInstance) return;
        }
@@ -86,7 +87,7 @@
    (theme) => {
      if (chartInstance) {
        chartInstance.dispose();
        initCharts(theme);
        initCharts(theme as 'default');
        setOptions(cacheOptions.value);
      }
    }