fix: MySQL adds SSL configuration

frontend/src/i18n/en.json

@@ -391,7 +391,8 @@
       },
       "timeout": "Connection Timeout(second)",
       "address": "Address",
-      "low_version": "Compatible with lower versions"
+      "low_version": "Compatible with lower versions",
+      "ssl": "Enable SSL"
     },
     "sync_fields": "Sync Fields"
   },

frontend/src/i18n/ko-KR.json

@@ -391,7 +391,8 @@
       },
       "timeout": "연결 시간 초과(초)",
       "address": "주소",
-      "low_version": "낮은 버전 호환"
+      "low_version": "낮은 버전 호환",
+      "ssl": "SSL 활성화"
     },
     "sync_fields": "동기화된 테이블 구조"
   },

frontend/src/i18n/zh-CN.json

@@ -391,7 +391,8 @@
       },
       "timeout": "连接超时(秒)",
       "address": "地址",
-      "low_version": "兼容低版本"
+      "low_version": "兼容低版本",
+      "ssl": "启用 SSL"
     },
     "sync_fields": "同步表结构"
   },

frontend/src/views/ds/DatasourceForm.vue

@@ -117,6 +117,7 @@ const form = ref<any>({
   mode: 'service_name',
   timeout: 30,
   lowVersion: false,
+  ssl: false,
 })
 
 const close = () => {
@@ -164,6 +165,10 @@ const initForm = (item: any, editTable: boolean = false) => {
         configuration.lowVersion !== null && configuration.lowVersion !== undefined
           ? configuration.lowVersion
           : true
+      form.value.ssl =
+        configuration.ssl !== null && configuration.ssl !== undefined
+          ? configuration.ssl
+          : false
     }
 
     if (editTable) {
@@ -236,6 +241,7 @@ const initForm = (item: any, editTable: boolean = false) => {
       mode: 'service_name',
       timeout: 30,
       lowVersion: false,
+      ssl: false,
     }
   }
   dialogVisible.value = true
@@ -324,6 +330,7 @@ const buildConf = () => {
       mode: form.value.mode,
       timeout: form.value.timeout,
       lowVersion: form.value.lowVersion,
+      ssl: form.value.ssl,
     })
   )
   const obj = JSON.parse(JSON.stringify(form.value))
@@ -340,6 +347,7 @@ const buildConf = () => {
   delete obj.mode
   delete obj.timeout
   delete obj.lowVersion
+  delete obj.ssl
   return obj
 }
 
@@ -686,6 +694,13 @@ defineExpose({
           >
             <el-checkbox v-model="form.lowVersion" :label="t('ds.form.low_version')" />
           </el-form-item>
+          <el-form-item
+            v-if="form.type === 'mysql'"
+            :label="t('ds.form.ssl')"
+            prop="ssl"
+          >
+            <el-switch v-model="form.ssl" />
+          </el-form-item>
           <el-form-item v-if="form.type !== 'es'" :label="t('ds.form.extra_jdbc')">
             <el-input
               v-model="form.extraJdbc"