feat(wren-ui): Support MySQL ssl (#1698)

Author: onlyjackfrost

wren-ui/src/apollo/server/dataSource.ts

@@ -123,9 +123,16 @@ const dataSource = {
         DataSourceName.MYSQL,
         connectionInfo,
       );
-      const { host, port, database, user, password } =
+      const { host, port, database, user, password, ssl } =
         decryptedConnectionInfo as MYSQL_CONNECTION_INFO;
-      return { host, port, database, user, password };
+      return {
+        host,
+        port,
+        database,
+        user,
+        password,
+        sslMode: ssl ? 'ENABLED' : 'DISABLED',
+      };
     },
   } as IDataSourceConnectionInfo<
     MYSQL_CONNECTION_INFO,

wren-ui/src/apollo/server/repositories/projectRepository.ts

@@ -30,6 +30,7 @@ export interface MYSQL_CONNECTION_INFO {
   user: string;
   password: string;
   database: string;
+  ssl: boolean;
 }
 
 export interface ORACLE_CONNECTION_INFO {

wren-ui/src/components/pages/setup/dataSources/MySQLProperties.tsx

@@ -1,4 +1,4 @@
-import { Form, Input } from 'antd';
+import { Form, Input, Switch } from 'antd';
 import { ERROR_TEXTS } from '@/utils/error';
 import { FORM_MODE } from '@/utils/enum';
 import { hostValidator } from '@/utils/validator';
@@ -82,6 +82,9 @@ export default function MySQLProperties(props: Props) {
       >
         <Input placeholder="MySQL database name" disabled={isEditMode} />
       </Form.Item>
+      <Form.Item label="Use SSL" name="ssl" valuePropName="checked">
+        <Switch />
+      </Form.Item>
     </>
   );
 }