Quellcode durchsuchen

perf: 胶囊图增加cloneDeep防止多个互相影响

刘嘉威 vor 3 Jahren
Ursprung
Commit
804028d5be
1 geänderte Dateien mit 3 neuen und 2 gelöschten Zeilen
  1. 3 2
      src/packages/components/Charts/Bars/CapsuleChart/index.vue

+ 3 - 2
src/packages/components/Charts/Bars/CapsuleChart/index.vue

@@ -2,7 +2,7 @@
   <div
     v-if="state.mergedConfig"
     class="go-dv-capsule-chart"
-    :style="{ 
+    :style="{
       fontSize: numberSizeHandle(state.mergedConfig.valueFontSize),
       paddingLeft: numberSizeHandle(state.mergedConfig.paddingLeft),
       paddingRight: numberSizeHandle(state.mergedConfig.paddingRight)
@@ -56,6 +56,7 @@ import { onMounted, watch, reactive, PropType } from 'vue'
 import { useChartDataFetch } from '@/hooks'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import config, { option } from './config'
+import cloneDeep from 'lodash/cloneDeep'
 
 type DataProps = {
   name: string | number
@@ -116,7 +117,7 @@ const calcData = (data: any) => {
 }
 
 const mergeConfig = (data: any) => {
-  state.mergedConfig = data || {}
+  state.mergedConfig = cloneDeep(data || {})
 }
 
 // 数据解析