@dataloop-ai/components 0.16.53 → 0.16.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/compound/DlCharts/charts/DlDoughnutChart/DlDoughnutChart.vue +10 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.16.53",
3
+ "version": "0.16.54",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/compound/DlCharts/charts/DlDoughnutChart/DlDoughnutChart.vue CHANGED
@@ -26,7 +26,7 @@
26
26
  :plugins="doughnutPlugins"
27
27
  />
28
28
  <div
29
- v-if="hasSummary"
29
+ v-if="hasSummaryProp"
30
30
  ref="dlDoughnutChartSummaryRef"
31
31
  class="dl_doughnut__wrapper__container__chart__summary text-center"
32
32
  >
@@ -65,7 +65,8 @@ import {
65
65
  ref,
66
66
  reactive,
67
67
  PropType,
68
- onMounted
68
+ onMounted,
69
+ watch
69
70
  } from 'vue-demi'
70
71
 
71
72
  import {
@@ -128,6 +129,11 @@ export default defineComponent({
128
129
  const chartRefValue = computed(() => {
129
130
  return doughnutChartRef.value?.chart?.value || {}
130
131
  })
132
+ const hasSummaryProp = computed(() => props.hasSummary)
133
+
134
+ watch(hasSummaryProp, () => {
135
+ chartRefValue.value.update()
136
+ })
131
137
 
132
138
  const hiddenIndexes = ref([])
133
139
 
@@ -355,7 +361,8 @@ export default defineComponent({
355
361
  darkHighlight,
356
362
  resetColors,
357
363
  setHoverLight,
358
- doughnutPlugins
364
+ doughnutPlugins,
365
+ hasSummaryProp
359
366
  }
360
367
  }
361
368
  })