feat: 连接添加环境参数

.vscode/settings.json

@@ -47,6 +47,7 @@
     "togglefullscreen",
     "umijs",
     "umirc",
+    "USERANDPASSWORD",
     "uuidv",
     "VIEWCOLUMN",
     "VIEWCOLUMNS",

chat2db-client/src/components/ConnectionEdit/config/dataSource.ts

@@ -143,6 +143,18 @@ export const dataSourceFormConfigs: IConnectionConfig[] = [
           name: 'alias',
           required: true,
         },
+        {
+          defaultValue: '',
+          inputType: InputType.SELECT,
+          labelNameCN: '环境',
+          labelNameEN: 'Env',
+          name: 'env',
+          required: true,
+          selects: [],
+          styles: {
+            width: '50%',
+          }
+        },
         {
           defaultValue: 'localhost',
           inputType: InputType.INPUT,

chat2db-client/src/components/ConnectionEdit/index.tsx

@@ -53,15 +53,40 @@ export default forwardRef(function CreateConnection(props: IProps, ref: Forwarde
     backfillDataLoading: false,
     sshTestLoading: false
   });
+  const [envList, setEnvList] = useState<{value:string,label:string}[]>([]);
+
+
+  useEffect(() => {
+    setTimeout(() => {
+      setEnvList([
+        {
+          value: 'prod',
+          label: '生产环境'
+        },
+        {
+          value: 'daily',
+          label: '日常环境'
+        },
+        {
+          value: 'pre',
+          label: '预发环境'
+        },
+      ])
+    }, 3000);
+  }, []);
 
   const dataSourceFormConfigPropsMemo = useMemo<IConnectionConfig>(() => {
     const deepCloneDataSourceFormConfigs = deepClone(dataSourceFormConfigs)
-    return deepCloneDataSourceFormConfigs.find((t: IConnectionConfig) => {
-      const flag = t.type === backfillData.type;
-      return flag
+    const data = deepCloneDataSourceFormConfigs.find((t: IConnectionConfig) => {
+      return t.type === backfillData.type
     });
-
-  }, [backfillData]);
+    data.baseInfo.items.forEach((t: IFormItem) => {
+      if (t.name === 'env' && envList?.length) {
+        t.selects = envList;
+      }
+    })
+    return data;
+  }, [backfillData, envList]);
 
   useEffect(() => {
     setBackfillData(props.connectionData);