refactor(图表): 部分图表可能导出图片失败的情况

core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue

@@ -181,12 +181,6 @@ const handleInnerMouseDown = e => {
 
 onMounted(() => {
   currentInstance = getCurrentInstance()
-  const methodName = 'componentImageDownload-' + config.value.id
-  if (!useEmitt().emitter.all.get(methodName)?.length) {
-    useEmitt().emitter.on(methodName, () => {
-      htmlToImage()
-    })
-  }
 })
 
 const onClick = e => {
@@ -417,6 +411,7 @@ const commonParams = computed(() => {
       :element="config"
       :show-position="showPosition"
       :class="{ 'wrapper-edit-bar-active': active }"
+      @componentImageDownload="htmlToImage"
       @userViewEnlargeOpen="opt => emits('userViewEnlargeOpen', opt)"
       @datasetParamsInit="() => emits('datasetParamsInit')"
     ></component-edit-bar>

core/core-frontend/src/components/data-visualization/canvas/Shape.vue

@@ -59,6 +59,7 @@
         :element="element"
         :show-position="showPosition"
         :canvas-id="canvasId"
+        @componentImageDownload="htmlToImage"
         @userViewEnlargeOpen="userViewEnlargeOpen"
         @datasetParamsInit="datasetParamsInit"
         @linkJumpSetOpen="linkJumpSetOpen"
@@ -1124,7 +1125,8 @@ const htmlToImage = () => {
   useEmitt().emitter.emit('l7-prepare-picture', element.value.id)
   setTimeout(() => {
     activeWatermarkCheckUser(viewDemoInnerId.value, 'canvas-main', scale.value)
-    downloadCanvas2('img', componentInnerRef.value, '图表', () => {
+    const dom = document.getElementById(viewDemoInnerId.value)
+    downloadCanvas2('img', dom, '图表', () => {
       // do callback
       removeActiveWatermark(viewDemoInnerId.value)
       downLoading.value = false

core/core-frontend/src/components/visualization/ComponentEditBar.vue

@@ -268,7 +268,8 @@ const emits = defineEmits([
   'showViewDetails',
   'amRemoveItem',
   'linkJumpSetOpen',
-  'linkageSetOpen'
+  'linkageSetOpen',
+  'componentImageDownload'
 ])
 const { t } = useI18n()
 const { emitter } = useEmitt()
@@ -485,8 +486,7 @@ const exportAsExcel = () => {
   })
 }
 const exportAsImage = () => {
-  // do export
-  useEmitt().emitter.emit('componentImageDownload-' + element.value.id)
+  emits('componentImageDownload')
 }
 const deleteComponent = () => {
   eventBus.emit('removeMatrixItem-' + canvasId.value, index.value)