refactor: use csvWithNames as format for export-csv (#528)

* refactor: use csvWithNames as format for export-csv

* feat: format

Author: ZonaHex

src/api/editor.ts

@@ -144,7 +144,7 @@ const writeInfluxDB = (data: string, precision: string) => {
 
 const runSQLWithCSV = (code: string, format?: string): Promise<HttpResponse> => {
   const params = addDatabaseParams()
-  params.params.format = format || 'csv'
+  params.params.format = format || 'csvWithNames'
   return axios.post(sqlUrl, makeSqlData(code), params)
 }
 

src/api/interceptor.ts

@@ -87,7 +87,7 @@ axios.interceptors.response.use(
       return Promise.reject(errorResponse)
     }
     if (isV1) {
-      if (response.config.params && response.config.params.format === 'csv') {
+      if (response.config.params?.format?.includes('csv')) {
         return response.data || []
       }
       response.data = JSONbigint({ storeAsString: true }).parse(response.data)

src/views/dashboard/query/editor.vue

@@ -387,7 +387,7 @@ a-card.editor-card(:bordered="false")
   const exportCsv = async () => {
     try {
       secondaryCodeRunning.value = true
-      const res = await exportWithFormat(currentStatement.value, promForm, 'csv')
+      const res = await exportWithFormat(currentStatement.value, promForm, 'csvWithNames')
       fileDownload(res, `export_${queryType.value}_greptimedb.csv`)
       Message.success('Exported successfully')
     } catch (error) {
@@ -429,20 +429,20 @@ a-card.editor-card(:bordered="false")
   ]
 
   const placeholder = `Paste response from explain analyze format json here. Example format:
-{
-  "output": [
-    {
-      "records": {
-        "schema": {
-          "column_schemas": []
-        },
-        "rows": [],
-        "total_rows": 0
+  {
+    "output": [
+      {
+        "records": {
+          "schema": {
+            "column_schemas": []
+          },
+          "rows": [],
+          "total_rows": 0
+        }
       }
-    }
-  ],
-  "execution_time_ms": 0
-}`
+    ],
+    "execution_time_ms": 0
+  }`
 </script>
 
 <style lang="less" scoped>