fix(nc-gui): export import extension optimization

packages/nc-gui/extensions/data-exporter/index.vue

@@ -1,31 +1,12 @@
 <script setup lang="ts">
 import dayjs from 'dayjs'
-import { SupportedExportCharset, type ViewType, ViewTypes, charsetOptions } from 'nocodb-sdk'
+import { SupportedExportCharset, type ViewType, ViewTypes, charsetOptions, csvColumnSeparatorOptions } from 'nocodb-sdk'
 
 const jobStatusTooltip = {
   [JobStatus.COMPLETED]: 'Export successful',
   [JobStatus.FAILED]: 'Export failed',
 } as Record<string, string>
 
-const delimiters = [
-  {
-    label: ',',
-    value: ',',
-  },
-  {
-    label: ';',
-    value: ';',
-  },
-  {
-    label: '|',
-    value: '|',
-  },
-  {
-    label: '<Tab>',
-    value: '\\t',
-  },
-]
-
 const { $api, $poller } = useNuxtApp()
 
 const { appInfo } = useGlobal()
@@ -308,7 +289,7 @@ onMounted(async () => {
                 dropdown-class-name="w-[180px]"
                 @change="saveChanges"
               >
-                <a-select-option v-for="delimiter of delimiters" :key="delimiter.value" :value="delimiter.value">
+                <a-select-option v-for="delimiter of csvColumnSeparatorOptions" :key="delimiter.value" :value="delimiter.value">
                   <div class="w-full flex items-center gap-2">
                     <NcTooltip class="flex-1 truncate" show-on-truncate-only>
                       <template #title>{{ delimiter.label }}</template>

packages/nocodb-sdk/src/lib/import-export-data.ts

@@ -34,13 +34,6 @@ export enum SupportedExportCharset {
   'iso-8859-3' = 'iso-8859-3',
 }
 
-export enum CsvColumnSeparator {
-  ',' = ',',
-  ';' = ';',
-  '|' = '|',
-  'tab' = '\t',
-}
-
 export const charsetOptions = [
   { label: 'Unicode (UTF-8)', value: SupportedExportCharset['utf-8'] },
   { label: 'Arabic (ISO-8859-6)', value: SupportedExportCharset['iso-8859-6'] },
@@ -133,3 +126,29 @@ export const charsetOptions = [
     value: SupportedExportCharset['iso-8859-3'],
   },
 ];
+
+export enum CsvColumnSeparator {
+  ',' = ',',
+  ';' = ';',
+  '|' = '|',
+  'tab' = '\t',
+}
+
+export const csvColumnSeparatorOptions = [
+  {
+    label: ',',
+    value: CsvColumnSeparator[','],
+  },
+  {
+    label: ';',
+    value: CsvColumnSeparator[';'],
+  },
+  {
+    label: '|',
+    value: CsvColumnSeparator['|'],
+  },
+  {
+    label: '<Tab>',
+    value: CsvColumnSeparator['tab'],
+  },
+];