feat:Supports adding charts to the DataEase canvas.

Author: ziyujiahao

frontend/src/i18n/en.json

@@ -622,7 +622,7 @@
     "excel": "Excel",
     "picture": "Image",
     "add_to_dashboard": "Add to Dashboard",
-    "add_to_dataV_en": "Add to Canvas",
+    "add_to_dataV": "Add to Canvas",
     "full_screen": "Full Screen",
     "exit_full_screen": "Exit Full Screen",
     "sql_generation": "Generate SQL",

frontend/src/i18n/ko-KR.json

@@ -622,7 +622,7 @@
     "excel": "Excel",
     "picture": "이미지",
     "add_to_dashboard": "대시보드에 추가",
-    "add_to_dataV_ko": "캔버스에 추가",
+    "add_to_dataV": "캔버스에 추가",
     "full_screen": "전체 화면",
     "exit_full_screen": "전체 화면 종료",
     "sql_generation": "SQL 생성",

frontend/src/stores/assistant.ts

@@ -20,6 +20,7 @@ interface AssistantState {
   certificate: string
   online: boolean
   pageEmbedded?: boolean
+  platform: string
   history: boolean
   requestPromiseMap: Map<string, PendingRequest>
 }
@@ -35,6 +36,7 @@ export const AssistantStore = defineStore('assistant', {
       certificate: '',
       online: false,
       pageEmbedded: false,
+      platform: '',
       history: true,
       requestPromiseMap: new Map<string, PendingRequest>(),
     }
@@ -49,6 +51,9 @@ export const AssistantStore = defineStore('assistant', {
     getToken(): string {
       return this.token
     },
+    getPlatform(): string {
+      return this.platform
+    },
     getAssistant(): boolean {
       return this.assistant
     },
@@ -132,6 +137,9 @@ export const AssistantStore = defineStore('assistant', {
     setPageEmbedded(embedded?: boolean) {
       this.pageEmbedded = !!embedded
     },
+    setPlatform(platform: string) {
+      this.platform = platform
+    },
     setOnline(online: boolean) {
       this.online = !!online
     },

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

@@ -65,6 +65,10 @@ const isCompletePage = computed(() => !assistantStore.getAssistant || assistantS
 
 const isAssistant = computed(() => assistantStore.getAssistant)
 
+const isDataEaseAssistant = computed(
+  () => assistantStore.getAssistant && assistantStore.getPlatform === 'dataease'
+)
+
 const chartId = computed(() => props.message?.record?.id + (props.enlarge ? '-fullscreen' : ''))
 
 const data = computed(() => {
@@ -208,7 +212,6 @@ function showSql() {
 }
 
 function addToResource() {
-  // @ts-expect-error eslint-disable-next-line @typescript-eslint/ban-ts-comment
   const readyData = {
     eventName: 'sqlbot_add_to_resource',
     busi: props.message?.record?.sql_prase,
@@ -434,7 +437,7 @@ watch(
             </div>
           </el-popover>
         </div>
-        <div v-if="message?.record?.sql_prase">
+        <div v-if="message?.record?.sql_prase && isDataEaseAssistant">
           <el-tooltip effect="dark" :content="t('chat.add_to_dataV')" placement="top">
             <el-button class="tool-btn" text @click="addToResource">
               <el-icon size="16">

frontend/src/views/embedded/index.vue

@@ -27,7 +27,7 @@
         :logo-assistant="logo"
       />
     </div>
-    <div class="drawer-assistant" @click="openHistory"></div>
+    <div v-if="!isDataeaseAssistant" class="drawer-assistant" @click="openHistory"></div>
   </div>
 </template>
 <script setup lang="ts">
@@ -65,6 +65,7 @@ const validator = ref({
 const appName = ref('')
 const loading = ref(true)
 const eventName = 'sqlbot_assistant_event'
+const isDataeaseAssistant = ref(false)
 const communicationCb = async (event: any) => {
   if (event.data?.eventName === eventName) {
     if (event.data?.messageId !== route.query.id) {
@@ -139,6 +140,11 @@ onBeforeMount(async () => {
     ElMessage.error('Miss assistant id, please check assistant url')
     return
   }
+  const platform = route.query.platform
+  if (!platform) {
+    assistantStore.setPlatform(platform?.toString() || '')
+    isDataeaseAssistant.value = platform === 'dataease'
+  }
 
   const online = route.query.online
   setFormatOnline(online)