refactor: support sq add view to dashboard

Author: ziyujiahao

frontend/src/views/chat/chat-block/ChartBlock.vue

@@ -189,8 +189,9 @@ function showSql() {
 }
 
 function addToDashboard() {
+  const viewInfo = chartRef.value?.getViewInfo()
   // @ts-expect-error eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  addViewRef.value?.optInit()
+  addViewRef.value?.optInit(viewInfo)
 }
 
 function copy() {

frontend/src/views/chat/component/DisplayChartBlock.vue

@@ -54,9 +54,22 @@ function onTypeChange() {
     chartRef.value?.renderChart()
   })
 }
-
+function getViewInfo() {
+  return {
+    chart: {
+      columns: chartObject.value?.columns,
+      type: props.chartType,
+      xAxis: xAxis.value,
+      yAxis: yAxis.value,
+      series: series.value,
+      title: chartObject.value.title,
+    },
+    data: { data: props.data },
+  }
+}
 defineExpose({
   onTypeChange,
+  getViewInfo,
 })
 </script>
 

frontend/src/views/dashboard/common/AddViewDashboard.vue

@@ -86,6 +86,8 @@ const saveResourcePrepare = () => {
           component['id'] = newComponentId
           component['y'] = bottomPosition + 1
           canvasDataResult.push(component)
+          // @ts-expect-error eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          state.viewInfo.chart['id'] = newComponentId
           canvasViewInfoPreview[newComponentId] = state.viewInfo
           const commonParams = {
             componentData: canvasDataResult,