系统设置增加依赖代理和镜像源设置

src/pages/setting/dependence.tsx

@@ -0,0 +1,139 @@
+import intl from 'react-intl-universal';
+import React, { useState, useEffect, useRef } from 'react';
+import { Button, InputNumber, Form, message, Input, Alert } from 'antd';
+import config from '@/utils/config';
+import { request } from '@/utils/http';
+import './index.less';
+
+const Dependence = () => {
+  const [systemConfig, setSystemConfig] = useState<{
+    dependenceProxy?: string;
+    nodeMirror?: string;
+    pythonMirror?: string;
+    linuxMirror?: string;
+  }>();
+  const [form] = Form.useForm();
+
+  const getSystemConfig = () => {
+    request
+      .get(`${config.apiPrefix}system/config`)
+      .then(({ code, data }) => {
+        if (code === 200 && data.info) {
+          setSystemConfig(data.info);
+        }
+      })
+      .catch((error: any) => {
+        console.log(error);
+      });
+  };
+
+  const updateSystemConfig = () => {
+    request
+      .put(`${config.apiPrefix}system/config`, systemConfig)
+      .then(({ code, data }) => {
+        if (code === 200) {
+          message.success(intl.get('更新成功'));
+        }
+      })
+      .catch((error: any) => {
+        console.log(error);
+      });
+  };
+
+  useEffect(() => {
+    getSystemConfig();
+  }, []);
+
+  return (
+    <Form layout="vertical" form={form}>
+      <Form.Item
+        label={intl.get('代理')}
+        name="proxy"
+        extra={intl.get('代理与镜像源二选一即可')}
+      >
+        <Input.Group compact>
+          <Input
+            placeholder={intl.get('代理地址, 支持HTTP(S)/SOCK5')}
+            style={{ width: 330 }}
+            value={systemConfig?.dependenceProxy}
+            onChange={(e) => {
+              setSystemConfig({
+                ...systemConfig,
+                dependenceProxy: e.target.value,
+              });
+            }}
+          />
+          <Button
+            type="primary"
+            onClick={updateSystemConfig}
+            style={{ width: 84 }}
+          >
+            {intl.get('确认')}
+          </Button>
+        </Input.Group>
+      </Form.Item>
+      <Form.Item label={intl.get('Node 软件包镜像源')} name="node">
+        <Input.Group compact>
+          <Input
+            style={{ width: 330 }}
+            placeholder={intl.get('NPM 镜像源')}
+            value={systemConfig?.nodeMirror}
+            onChange={(e) => {
+              setSystemConfig({ ...systemConfig, nodeMirror: e.target.value });
+            }}
+          />
+          <Button
+            type="primary"
+            onClick={updateSystemConfig}
+            style={{ width: 84 }}
+          >
+            {intl.get('确认')}
+          </Button>
+        </Input.Group>
+      </Form.Item>
+      <Form.Item label={intl.get('Python 软件包镜像源')} name="python">
+        <Input.Group compact>
+          <Input
+            style={{ width: 330 }}
+            placeholder={intl.get('PyPI 镜像源')}
+            value={systemConfig?.pythonMirror}
+            onChange={(e) => {
+              setSystemConfig({
+                ...systemConfig,
+                pythonMirror: e.target.value,
+              });
+            }}
+          />
+          <Button
+            type="primary"
+            onClick={updateSystemConfig}
+            style={{ width: 84 }}
+          >
+            {intl.get('确认')}
+          </Button>
+        </Input.Group>
+      </Form.Item>
+      <Form.Item label={intl.get('Linux 软件包镜像源')} name="linux">
+        <Input.Group compact>
+          <Input
+            style={{ width: 330 }}
+            placeholder={intl.get('alpine linux 镜像源')}
+            value={systemConfig?.linuxMirror}
+            onChange={(e) => {
+              setSystemConfig({ ...systemConfig, linuxMirror: e.target.value });
+            }}
+          />
+          <Button
+            type="primary"
+            onClick={updateSystemConfig}
+            style={{ width: 84 }}
+          >
+            {intl.get('确认')}
+          </Button>
+        </Input.Group>
+      </Form.Item>
+    </Form>
+  );
+};
+
+export default Dependence;

src/pages/setting/index.tsx

@@ -34,6 +34,7 @@ import { SharedContext } from '@/layouts';
 import './index.less';
 import useResizeObserver from '@react-hook/resize-observer';
 import SystemLog from './systemLog';
+import Dependence from './dependence';
 
 const { Text } = Typography;
 const isDemoEnv = window.__ENV__DeployEnv === 'demo';
@@ -354,6 +355,11 @@ const Setting = () => {
               label: intl.get('登录日志'),
               children: <LoginLog data={loginLogData} />,
             },
+            {
+              key: 'dependence',
+              label: intl.get('依赖设置'),
+              children: <Dependence />
+            },
             {
               key: 'other',
               label: intl.get('其他设置'),