Browse Source

fix(echarts): theme setting supported

修复useECharts的theme参数不起作用的问题

fixed: #1095
无木 3 years ago
parent
commit
93812f734e
2 changed files with 9 additions and 3 deletions
  1. 3 1
      CHANGELOG.zh_CN.md
  2. 6 2
      src/hooks/web/useECharts.ts

+ 3 - 1
CHANGELOG.zh_CN.md

@@ -4,7 +4,9 @@
 
 ### 🐛 Bug Fixes
 
-- **其它** 修复部分封装组件在使用插槽时报错的问题
+- **其它**
+  - 修复部分封装组件在使用插槽时报错的问题
+  - 修复`useECharts`的`theme`参数不起作用的问题
 
 ## 2.7.1(2021-08-16)
 

+ 6 - 2
src/hooks/web/useECharts.ts

@@ -11,9 +11,13 @@ import { useRootSetting } from '/@/hooks/setting/useRootSetting';
 
 export function useECharts(
   elRef: Ref<HTMLDivElement>,
-  theme: 'light' | 'dark' | 'default' = 'light'
+  theme: 'light' | 'dark' | 'default' = 'default'
 ) {
-  const { getDarkMode } = useRootSetting();
+  const { getDarkMode: getSysDarkMode } = useRootSetting();
+
+  const getDarkMode = computed(() => {
+    return theme === 'default' ? getSysDarkMode.value : theme;
+  });
   let chartInstance: echarts.ECharts | null = null;
   let resizeFn: Fn = resize;
   const cacheOptions = ref({}) as Ref<EChartsOption>;