Commit a0c544547b821d2e95e14bb7404740842d1627cf
Merge branch 'main_dev' into 'main'
Main dev See merge request yunteng/thingskit-view!221
Showing
11 changed files
with
72 additions
and
3 deletions
... | ... | @@ -80,7 +80,7 @@ |
80 | 80 | stroke-dasharray="5, 1" |
81 | 81 | /> |
82 | 82 | <text x="50" y="55" text-anchor="middle" :style="{ fill: textColor, opacity: 1 }" font-size="14"> |
83 | - {{ dataset + unit }} | |
83 | + {{ dataset }}{{ unit }} | |
84 | 84 | </text> |
85 | 85 | </g> |
86 | 86 | </svg> |
... | ... | @@ -90,6 +90,9 @@ |
90 | 90 | import { PropType, toRefs, ref } from 'vue' |
91 | 91 | import { CreateComponentType } from '@/packages/index.d' |
92 | 92 | import { option } from './config' |
93 | +import { useChartDataFetch } from '@/hooks' | |
94 | +import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' | |
95 | + | |
93 | 96 | |
94 | 97 | const props = defineProps({ |
95 | 98 | chartConfig: { |
... | ... | @@ -99,7 +102,7 @@ const props = defineProps({ |
99 | 102 | }) |
100 | 103 | const { w, h } = toRefs(props.chartConfig.attr) |
101 | 104 | |
102 | -const { mainCicleColor, subCicleColor, dataset, unit, textColor } = toRefs(props.chartConfig.option) | |
105 | +const { mainCicleColor, subCicleColor, dataset, unit, textColor } = toRefs(props.chartConfig.option as typeof option ) | |
103 | 106 | |
104 | 107 | const id = Number(Math.random().toString().substring(2, 10) + Date.now()).toString(36) |
105 | 108 | |
... | ... | @@ -108,6 +111,11 @@ const dur = ref(3) |
108 | 111 | const polygonId = ref(`decoration-9-polygon-${id}`) |
109 | 112 | |
110 | 113 | const defaultColor = ref(['rgba(3, 166, 224, 0.8)', 'rgba(3, 166, 224, 0.5)']) |
114 | + | |
115 | +// 预览更新 | |
116 | +useChartDataFetch(props.chartConfig, useChartEditStore, (newData: number) => { | |
117 | + dataset.value = newData | |
118 | +}) | |
111 | 119 | </script> |
112 | 120 | |
113 | 121 | <style lang="scss" scoped> | ... | ... |
... | ... | @@ -659,6 +659,8 @@ |
659 | 659 | import { PropType, toRefs } from 'vue' |
660 | 660 | import { CreateComponentType } from '@/packages/index.d' |
661 | 661 | import { option } from './config' |
662 | +import { useChartDataFetch } from '@/hooks' | |
663 | +import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' | |
662 | 664 | |
663 | 665 | const props = defineProps({ |
664 | 666 | chartConfig: { |
... | ... | @@ -672,6 +674,11 @@ const { w, h } = toRefs(props.chartConfig.attr) |
672 | 674 | const { dataset, unitStr, colorConfig, openAnim, duration, fontConfig } = toRefs( |
673 | 675 | props.chartConfig.option as typeof option |
674 | 676 | ) |
677 | + | |
678 | +// 预览更新 | |
679 | +useChartDataFetch(props.chartConfig, useChartEditStore, (newData: number) => { | |
680 | + dataset.value = newData | |
681 | +}) | |
675 | 682 | </script> |
676 | 683 | |
677 | 684 | <style lang="scss" scoped> | ... | ... |
... | ... | @@ -449,6 +449,8 @@ |
449 | 449 | import { PropType, toRefs } from 'vue' |
450 | 450 | import { CreateComponentType } from '@/packages/index.d' |
451 | 451 | import { option } from './config' |
452 | +import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' | |
453 | +import { useChartDataFetch } from '@/hooks' | |
452 | 454 | |
453 | 455 | const props = defineProps({ |
454 | 456 | chartConfig: { |
... | ... | @@ -462,6 +464,11 @@ const { w, h } = toRefs(props.chartConfig.attr) |
462 | 464 | const { colorConfig, openAnim, duration, dataset, unitStr, fontConfig } = toRefs( |
463 | 465 | props.chartConfig.option as typeof option |
464 | 466 | ) |
467 | + | |
468 | +// 预览更新 | |
469 | +useChartDataFetch(props.chartConfig, useChartEditStore, (newData: number) => { | |
470 | + dataset.value = newData | |
471 | +}) | |
465 | 472 | </script> |
466 | 473 | |
467 | 474 | <style lang="scss" scoped> | ... | ... |
... | ... | @@ -235,6 +235,8 @@ |
235 | 235 | import { PropType, toRefs } from 'vue' |
236 | 236 | import { CreateComponentType } from '@/packages/index.d' |
237 | 237 | import { option } from './config' |
238 | +import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' | |
239 | +import { useChartDataFetch } from '@/hooks' | |
238 | 240 | |
239 | 241 | const props = defineProps({ |
240 | 242 | chartConfig: { |
... | ... | @@ -248,6 +250,11 @@ const { w, h } = toRefs(props.chartConfig.attr) |
248 | 250 | const { colorConfig, openAnim, duration, dataset, unitStr, fontConfig } = toRefs( |
249 | 251 | props.chartConfig.option as typeof option |
250 | 252 | ) |
253 | + | |
254 | +// 预览更新 | |
255 | +useChartDataFetch(props.chartConfig, useChartEditStore, (newData: number) => { | |
256 | + dataset.value = newData | |
257 | +}) | |
251 | 258 | </script> |
252 | 259 | |
253 | 260 | <style lang="scss" scoped> | ... | ... |
... | ... | @@ -2566,6 +2566,8 @@ |
2566 | 2566 | import { PropType, toRefs } from 'vue' |
2567 | 2567 | import { CreateComponentType } from '@/packages/index.d' |
2568 | 2568 | import { option } from './config' |
2569 | +import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' | |
2570 | +import { useChartDataFetch } from '@/hooks' | |
2569 | 2571 | |
2570 | 2572 | const props = defineProps({ |
2571 | 2573 | chartConfig: { |
... | ... | @@ -2579,6 +2581,11 @@ const { w, h } = toRefs(props.chartConfig.attr) |
2579 | 2581 | const { colorConfig, openAnim, duration, dataset, unitStr, fontConfig } = toRefs( |
2580 | 2582 | props.chartConfig.option as typeof option |
2581 | 2583 | ) |
2584 | + | |
2585 | +// 预览更新 | |
2586 | +useChartDataFetch(props.chartConfig, useChartEditStore, (newData: number) => { | |
2587 | + dataset.value = newData | |
2588 | +}) | |
2582 | 2589 | </script> |
2583 | 2590 | |
2584 | 2591 | <style lang="scss" scoped> | ... | ... |
... | ... | @@ -1796,6 +1796,9 @@ |
1796 | 1796 | import { PropType, toRefs } from 'vue' |
1797 | 1797 | import { CreateComponentType } from '@/packages/index.d' |
1798 | 1798 | import { option } from './config' |
1799 | +import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' | |
1800 | +import { useChartDataFetch } from '@/hooks' | |
1801 | + | |
1799 | 1802 | |
1800 | 1803 | const props = defineProps({ |
1801 | 1804 | chartConfig: { |
... | ... | @@ -1809,6 +1812,11 @@ const { w, h } = toRefs(props.chartConfig.attr) |
1809 | 1812 | const { colorConfig, openAnim, duration, dataset, unitStr, fontConfig } = toRefs( |
1810 | 1813 | props.chartConfig.option as typeof option |
1811 | 1814 | ) |
1815 | + | |
1816 | +// 预览更新 | |
1817 | +useChartDataFetch(props.chartConfig, useChartEditStore, (newData: number) => { | |
1818 | + dataset.value = newData | |
1819 | +}) | |
1812 | 1820 | </script> |
1813 | 1821 | |
1814 | 1822 | <style lang="scss" scoped> | ... | ... |
... | ... | @@ -267,6 +267,8 @@ |
267 | 267 | import { PropType, toRefs } from 'vue' |
268 | 268 | import { CreateComponentType } from '@/packages/index.d' |
269 | 269 | import { option } from './config' |
270 | +import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' | |
271 | +import { useChartDataFetch } from '@/hooks' | |
270 | 272 | |
271 | 273 | const props = defineProps({ |
272 | 274 | chartConfig: { |
... | ... | @@ -280,6 +282,11 @@ const { w, h } = toRefs(props.chartConfig.attr) |
280 | 282 | const { colorConfig, openAnim, duration, dataset, unitStr, fontConfig } = toRefs( |
281 | 283 | props.chartConfig.option as typeof option |
282 | 284 | ) |
285 | + | |
286 | +// 预览更新 | |
287 | +useChartDataFetch(props.chartConfig, useChartEditStore, (newData: number) => { | |
288 | + dataset.value = newData | |
289 | +}) | |
283 | 290 | </script> |
284 | 291 | |
285 | 292 | <style lang="scss" scoped> | ... | ... |
... | ... | @@ -595,6 +595,8 @@ |
595 | 595 | import { PropType, toRefs } from 'vue' |
596 | 596 | import { CreateComponentType } from '@/packages/index.d' |
597 | 597 | import { option } from './config' |
598 | +import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' | |
599 | +import { useChartDataFetch } from '@/hooks' | |
598 | 600 | |
599 | 601 | const props = defineProps({ |
600 | 602 | chartConfig: { |
... | ... | @@ -608,6 +610,11 @@ const { w, h } = toRefs(props.chartConfig.attr) |
608 | 610 | const { colorConfig, openAnim, duration, dataset, unitStr, fontConfig } = toRefs( |
609 | 611 | props.chartConfig.option as typeof option |
610 | 612 | ) |
613 | + | |
614 | +// 预览更新 | |
615 | +useChartDataFetch(props.chartConfig, useChartEditStore, (newData: number) => { | |
616 | + dataset.value = newData | |
617 | +}) | |
611 | 618 | </script> |
612 | 619 | |
613 | 620 | <style lang="scss" scoped> | ... | ... |
... | ... | @@ -290,6 +290,8 @@ |
290 | 290 | import { PropType, toRefs } from 'vue' |
291 | 291 | import { CreateComponentType } from '@/packages/index.d' |
292 | 292 | import { option } from './config' |
293 | +import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' | |
294 | +import { useChartDataFetch } from '@/hooks' | |
293 | 295 | |
294 | 296 | const props = defineProps({ |
295 | 297 | chartConfig: { |
... | ... | @@ -303,6 +305,11 @@ const { w, h } = toRefs(props.chartConfig.attr) |
303 | 305 | const { colorConfig, openAnim, duration, dataset, unitStr, fontConfig } = toRefs( |
304 | 306 | props.chartConfig.option as typeof option |
305 | 307 | ) |
308 | + | |
309 | +// 预览更新 | |
310 | +useChartDataFetch(props.chartConfig, useChartEditStore, (newData: number) => { | |
311 | + dataset.value = newData | |
312 | +}) | |
306 | 313 | </script> |
307 | 314 | |
308 | 315 | <style lang="scss" scoped> | ... | ... |