chore: lint fix

web/src/components/OperationSetting.js

@@ -1,6 +1,12 @@
 import React, { useEffect, useState } from 'react';
 import { Divider, Form, Grid, Header } from 'semantic-ui-react';
-import { API, showError, showSuccess, timestamp2string, verifyJSON } from '../helpers';
+import {
+  API,
+  showError,
+  showSuccess,
+  timestamp2string,
+  verifyJSON,
+} from '../helpers';
 
 const OperationSetting = () => {
   let now = new Date();
@@ -35,16 +41,18 @@ const OperationSetting = () => {
     DataExportDefaultTime: 'hour',
     DataExportInterval: 5,
     DefaultCollapseSidebar: '', // 默认折叠侧边栏
-    RetryTimes: 0
+    RetryTimes: 0,
   });
   const [originInputs, setOriginInputs] = useState({});
   let [loading, setLoading] = useState(false);
-  let [historyTimestamp, setHistoryTimestamp] = useState(timestamp2string(now.getTime() / 1000 - 30 * 24 * 3600)); // a month ago
+  let [historyTimestamp, setHistoryTimestamp] = useState(
+    timestamp2string(now.getTime() / 1000 - 30 * 24 * 3600),
+  ); // a month ago
   // 精确时间选项（小时，天，周）
   const timeOptions = [
     { key: 'hour', text: '小时', value: 'hour' },
     { key: 'day', text: '天', value: 'day' },
-    { key: 'week', text: '周', value: 'week' }
+    { key: 'week', text: '周', value: 'week' },
   ];
   const getOptions = async () => {
     const res = await API.get('/api/option/');
@@ -52,7 +60,11 @@ const OperationSetting = () => {
     if (success) {
       let newInputs = {};
       data.forEach((item) => {
-        if (item.key === 'ModelRatio' || item.key === 'GroupRatio' || item.key === 'ModelPrice') {
+        if (
+          item.key === 'ModelRatio' ||
+          item.key === 'GroupRatio' ||
+          item.key === 'ModelPrice'
+        ) {
           item.value = JSON.stringify(JSON.parse(item.value), null, 2);
         }
         newInputs[item.key] = item.value;
@@ -79,7 +91,7 @@ const OperationSetting = () => {
     console.log(key, value);
     const res = await API.put('/api/option/', {
       key,
-      value
+      value,
     });
     const { success, message } = res.data;
     if (success) {
@@ -91,7 +103,12 @@ const OperationSetting = () => {
   };
 
   const handleInputChange = async (e, { name, value }) => {
-    if (name.endsWith('Enabled') || name === 'DataExportInterval' || name === 'DataExportDefaultTime' || name === 'DefaultCollapseSidebar') {
+    if (
+      name.endsWith('Enabled') ||
+      name === 'DataExportInterval' ||
+      name === 'DataExportDefaultTime' ||
+      name === 'DefaultCollapseSidebar'
+    ) {
       if (name === 'DataExportDefaultTime') {
         localStorage.setItem('data_export_default_time', value);
       } else if (name === 'MjNotifyEnabled') {
@@ -106,11 +123,22 @@ const OperationSetting = () => {
   const submitConfig = async (group) => {
     switch (group) {
       case 'monitor':
-        if (originInputs['ChannelDisableThreshold'] !== inputs.ChannelDisableThreshold) {
-          await updateOption('ChannelDisableThreshold', inputs.ChannelDisableThreshold);
+        if (
+          originInputs['ChannelDisableThreshold'] !==
+          inputs.ChannelDisableThreshold
+        ) {
+          await updateOption(
+            'ChannelDisableThreshold',
+            inputs.ChannelDisableThreshold,
+          );
         }
-        if (originInputs['QuotaRemindThreshold'] !== inputs.QuotaRemindThreshold) {
-          await updateOption('QuotaRemindThreshold', inputs.QuotaRemindThreshold);
+        if (
+          originInputs['QuotaRemindThreshold'] !== inputs.QuotaRemindThreshold
+        ) {
+          await updateOption(
+            'QuotaRemindThreshold',
+            inputs.QuotaRemindThreshold,
+          );
         }
         break;
       case 'ratio':
@@ -177,7 +205,9 @@ const OperationSetting = () => {
 
   const deleteHistoryLogs = async () => {
     console.log(inputs);
-    const res = await API.delete(`/api/log/?target_timestamp=${Date.parse(historyTimestamp) / 1000}`);
+    const res = await API.delete(
+      `/api/log/?target_timestamp=${Date.parse(historyTimestamp) / 1000}`,
+    );
     const { success, message, data } = res.data;
     if (success) {
       showSuccess(`${data} 条日志已清理！`);
@@ -189,131 +219,129 @@ const OperationSetting = () => {
     <Grid columns={1}>
       <Grid.Column>
         <Form loading={loading}>
-          <Header as="h3">
-            通用设置
-          </Header>
+          <Header as='h3'>通用设置</Header>
           <Form.Group widths={4}>
             <Form.Input
-              label="充值链接"
-              name="TopUpLink"
+              label='充值链接'
+              name='TopUpLink'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.TopUpLink}
-              type="link"
-              placeholder="例如发卡网站的购买链接"
+              type='link'
+              placeholder='例如发卡网站的购买链接'
             />
             <Form.Input
-              label="默认聊天页面链接"
-              name="ChatLink"
+              label='默认聊天页面链接'
+              name='ChatLink'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.ChatLink}
-              type="link"
-              placeholder="例如 ChatGPT Next Web 的部署地址"
+              type='link'
+              placeholder='例如 ChatGPT Next Web 的部署地址'
             />
             <Form.Input
-              label="聊天页面2链接"
-              name="ChatLink2"
+              label='聊天页面2链接'
+              name='ChatLink2'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.ChatLink2}
-              type="link"
-              placeholder="例如 ChatGPT Web & Midjourney 的部署地址"
+              type='link'
+              placeholder='例如 ChatGPT Web & Midjourney 的部署地址'
             />
             <Form.Input
-              label="单位美元额度"
-              name="QuotaPerUnit"
+              label='单位美元额度'
+              name='QuotaPerUnit'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.QuotaPerUnit}
-              type="number"
-              step="0.01"
-              placeholder="一单位货币能兑换的额度"
+              type='number'
+              step='0.01'
+              placeholder='一单位货币能兑换的额度'
             />
             <Form.Input
-              label="失败重试次数"
-              name="RetryTimes"
+              label='失败重试次数'
+              name='RetryTimes'
               type={'number'}
-              step="1"
-              min="0"
+              step='1'
+              min='0'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.RetryTimes}
-              placeholder="失败重试次数"
+              placeholder='失败重试次数'
             />
           </Form.Group>
           <Form.Group inline>
             <Form.Checkbox
               checked={inputs.DisplayInCurrencyEnabled === 'true'}
-              label="以货币形式显示额度"
-              name="DisplayInCurrencyEnabled"
+              label='以货币形式显示额度'
+              name='DisplayInCurrencyEnabled'
               onChange={handleInputChange}
             />
             <Form.Checkbox
               checked={inputs.DisplayTokenStatEnabled === 'true'}
-              label="Billing 相关 API 显示令牌额度而非用户额度"
-              name="DisplayTokenStatEnabled"
+              label='Billing 相关 API 显示令牌额度而非用户额度'
+              name='DisplayTokenStatEnabled'
               onChange={handleInputChange}
             />
             <Form.Checkbox
               checked={inputs.DefaultCollapseSidebar === 'true'}
-              label="默认折叠侧边栏"
-              name="DefaultCollapseSidebar"
+              label='默认折叠侧边栏'
+              name='DefaultCollapseSidebar'
               onChange={handleInputChange}
             />
           </Form.Group>
-          <Form.Button onClick={() => {
-            submitConfig('general').then();
-          }}>保存通用设置</Form.Button>
+          <Form.Button
+            onClick={() => {
+              submitConfig('general').then();
+            }}
+          >
+            保存通用设置
+          </Form.Button>
           <Divider />
-          <Header as="h3">
-            绘图设置
-          </Header>
+          <Header as='h3'>绘图设置</Header>
           <Form.Group inline>
             <Form.Checkbox
               checked={inputs.DrawingEnabled === 'true'}
-              label="启用绘图功能"
-              name="DrawingEnabled"
+              label='启用绘图功能'
+              name='DrawingEnabled'
               onChange={handleInputChange}
             />
             <Form.Checkbox
               checked={inputs.MjNotifyEnabled === 'true'}
-              label="允许回调（会泄露服务器ip地址）"
-              name="MjNotifyEnabled"
+              label='允许回调（会泄露服务器ip地址）'
+              name='MjNotifyEnabled'
               onChange={handleInputChange}
             />
           </Form.Group>
           <Divider />
-          <Header as="h3">
-            屏蔽词过滤设置
-          </Header>
+          <Header as='h3'>屏蔽词过滤设置</Header>
           <Form.Group inline>
             <Form.Checkbox
               checked={inputs.CheckSensitiveEnabled === 'true'}
-              label="启用屏蔽词过滤功能"
-              name="CheckSensitiveEnabled"
+              label='启用屏蔽词过滤功能'
+              name='CheckSensitiveEnabled'
               onChange={handleInputChange}
             />
           </Form.Group>
           <Form.Group inline>
             <Form.Checkbox
               checked={inputs.CheckSensitiveOnPromptEnabled === 'true'}
-              label="启用prompt检查"
-              name="CheckSensitiveOnPromptEnabled"
+              label='启用prompt检查'
+              name='CheckSensitiveOnPromptEnabled'
               onChange={handleInputChange}
             />
             <Form.Checkbox
               checked={inputs.CheckSensitiveOnCompletionEnabled === 'true'}
-              label="启用生成内容检查"
-              name="CheckSensitiveOnCompletionEnabled"
+              label='启用生成内容检查'
+              name='CheckSensitiveOnCompletionEnabled'
               onChange={handleInputChange}
             />
           </Form.Group>
           <Form.Group inline>
             <Form.Checkbox
               checked={inputs.StopOnSensitiveEnabled === 'true'}
-              label="在检测到屏蔽词时，立刻停止生成，否则替换屏蔽词"
-              name="StopOnSensitiveEnabled"
+              label='在检测到屏蔽词时，立刻停止生成，否则替换屏蔽词'
+              name='StopOnSensitiveEnabled'
               onChange={handleInputChange}
             />
           </Form.Group>
@@ -328,210 +356,223 @@ const OperationSetting = () => {
           {/*    placeholder="例如：10"*/}
           {/*  />*/}
           {/*</Form.Group>*/}
-          <Form.Group widths="equal">
+          <Form.Group widths='equal'>
             <Form.TextArea
-              label="屏蔽词列表，一行一个屏蔽词，不需要符号分割"
-              name="SensitiveWords"
+              label='屏蔽词列表，一行一个屏蔽词，不需要符号分割'
+              name='SensitiveWords'
               onChange={handleInputChange}
               style={{ minHeight: 250, fontFamily: 'JetBrains Mono, Consolas' }}
               value={inputs.SensitiveWords}
-              placeholder="一行一个屏蔽词"
+              placeholder='一行一个屏蔽词'
             />
           </Form.Group>
-          <Form.Button onClick={() => {
-            submitConfig('words').then();
-          }}>保存屏蔽词设置</Form.Button>
+          <Form.Button
+            onClick={() => {
+              submitConfig('words').then();
+            }}
+          >
+            保存屏蔽词设置
+          </Form.Button>
           <Divider />
-          <Header as="h3">
-            日志设置
-          </Header>
+          <Header as='h3'>日志设置</Header>
           <Form.Group inline>
             <Form.Checkbox
               checked={inputs.LogConsumeEnabled === 'true'}
-              label="启用额度消费日志记录"
-              name="LogConsumeEnabled"
+              label='启用额度消费日志记录'
+              name='LogConsumeEnabled'
               onChange={handleInputChange}
             />
           </Form.Group>
           <Form.Group widths={4}>
-            <Form.Input label="目标时间" value={historyTimestamp} type="datetime-local"
-                        name="history_timestamp"
-                        onChange={(e, { name, value }) => {
-                          setHistoryTimestamp(value);
-                        }} />
+            <Form.Input
+              label='目标时间'
+              value={historyTimestamp}
+              type='datetime-local'
+              name='history_timestamp'
+              onChange={(e, { name, value }) => {
+                setHistoryTimestamp(value);
+              }}
+            />
           </Form.Group>
-          <Form.Button onClick={() => {
-            deleteHistoryLogs().then();
-          }}>清理历史日志</Form.Button>
+          <Form.Button
+            onClick={() => {
+              deleteHistoryLogs().then();
+            }}
+          >
+            清理历史日志
+          </Form.Button>
           <Divider />
-          <Header as="h3">
-            数据看板
-          </Header>
+          <Header as='h3'>数据看板</Header>
           <Form.Checkbox
             checked={inputs.DataExportEnabled === 'true'}
-            label="启用数据看板（实验性）"
-            name="DataExportEnabled"
+            label='启用数据看板（实验性）'
+            name='DataExportEnabled'
             onChange={handleInputChange}
           />
           <Form.Group>
             <Form.Input
-              label="数据看板更新间隔（分钟，设置过短会影响数据库性能）"
-              name="DataExportInterval"
+              label='数据看板更新间隔（分钟，设置过短会影响数据库性能）'
+              name='DataExportInterval'
               type={'number'}
-              step="1"
-              min="1"
+              step='1'
+              min='1'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.DataExportInterval}
-              placeholder="数据看板更新间隔（分钟，设置过短会影响数据库性能）"
+              placeholder='数据看板更新间隔（分钟，设置过短会影响数据库性能）'
             />
             <Form.Select
-              label="数据看板默认时间粒度（仅修改展示粒度，统计精确到小时）"
+              label='数据看板默认时间粒度（仅修改展示粒度，统计精确到小时）'
               options={timeOptions}
-              name="DataExportDefaultTime"
+              name='DataExportDefaultTime'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.DataExportDefaultTime}
-              placeholder="数据看板默认时间粒度"
+              placeholder='数据看板默认时间粒度'
             />
           </Form.Group>
           <Divider />
-          <Header as="h3">
-            监控设置
-          </Header>
+          <Header as='h3'>监控设置</Header>
           <Form.Group widths={3}>
             <Form.Input
-              label="最长响应时间"
-              name="ChannelDisableThreshold"
+              label='最长响应时间'
+              name='ChannelDisableThreshold'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.ChannelDisableThreshold}
-              type="number"
-              min="0"
-              placeholder="单位秒，当运行通道全部测试时，超过此时间将自动禁用通道"
+              type='number'
+              min='0'
+              placeholder='单位秒，当运行通道全部测试时，超过此时间将自动禁用通道'
             />
             <Form.Input
-              label="额度提醒阈值"
-              name="QuotaRemindThreshold"
+              label='额度提醒阈值'
+              name='QuotaRemindThreshold'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.QuotaRemindThreshold}
-              type="number"
-              min="0"
-              placeholder="低于此额度时将发送邮件提醒用户"
+              type='number'
+              min='0'
+              placeholder='低于此额度时将发送邮件提醒用户'
             />
           </Form.Group>
           <Form.Group inline>
             <Form.Checkbox
               checked={inputs.AutomaticDisableChannelEnabled === 'true'}
-              label="失败时自动禁用通道"
-              name="AutomaticDisableChannelEnabled"
+              label='失败时自动禁用通道'
+              name='AutomaticDisableChannelEnabled'
               onChange={handleInputChange}
             />
             <Form.Checkbox
               checked={inputs.AutomaticEnableChannelEnabled === 'true'}
-              label="成功时自动启用通道"
-              name="AutomaticEnableChannelEnabled"
+              label='成功时自动启用通道'
+              name='AutomaticEnableChannelEnabled'
               onChange={handleInputChange}
             />
           </Form.Group>
-          <Form.Button onClick={() => {
-            submitConfig('monitor').then();
-          }}>保存监控设置</Form.Button>
+          <Form.Button
+            onClick={() => {
+              submitConfig('monitor').then();
+            }}
+          >
+            保存监控设置
+          </Form.Button>
           <Divider />
-          <Header as="h3">
-            额度设置
-          </Header>
+          <Header as='h3'>额度设置</Header>
           <Form.Group widths={4}>
             <Form.Input
-              label="新用户初始额度"
-              name="QuotaForNewUser"
+              label='新用户初始额度'
+              name='QuotaForNewUser'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.QuotaForNewUser}
-              type="number"
-              min="0"
-              placeholder="例如：100"
+              type='number'
+              min='0'
+              placeholder='例如：100'
             />
             <Form.Input
-              label="请求预扣费额度"
-              name="PreConsumedQuota"
+              label='请求预扣费额度'
+              name='PreConsumedQuota'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.PreConsumedQuota}
-              type="number"
-              min="0"
-              placeholder="请求结束后多退少补"
+              type='number'
+              min='0'
+              placeholder='请求结束后多退少补'
             />
             <Form.Input
-              label="邀请新用户奖励额度"
-              name="QuotaForInviter"
+              label='邀请新用户奖励额度'
+              name='QuotaForInviter'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.QuotaForInviter}
-              type="number"
-              min="0"
-              placeholder="例如：2000"
+              type='number'
+              min='0'
+              placeholder='例如：2000'
             />
             <Form.Input
-              label="新用户使用邀请码奖励额度"
-              name="QuotaForInvitee"
+              label='新用户使用邀请码奖励额度'
+              name='QuotaForInvitee'
               onChange={handleInputChange}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.QuotaForInvitee}
-              type="number"
-              min="0"
-              placeholder="例如：1000"
+              type='number'
+              min='0'
+              placeholder='例如：1000'
             />
           </Form.Group>
-          <Form.Button onClick={() => {
-            submitConfig('quota').then();
-          }}>保存额度设置</Form.Button>
+          <Form.Button
+            onClick={() => {
+              submitConfig('quota').then();
+            }}
+          >
+            保存额度设置
+          </Form.Button>
           <Divider />
-          <Header as="h3">
-            倍率设置
-          </Header>
-          <Form.Group widths="equal">
+          <Header as='h3'>倍率设置</Header>
+          <Form.Group widths='equal'>
             <Form.TextArea
-              label="模型固定价格（一次调用消耗多少刀，优先级大于模型倍率）"
-              name="ModelPrice"
+              label='模型固定价格（一次调用消耗多少刀，优先级大于模型倍率）'
+              name='ModelPrice'
               onChange={handleInputChange}
               style={{ minHeight: 250, fontFamily: 'JetBrains Mono, Consolas' }}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.ModelPrice}
               placeholder='为一个 JSON 文本，键为模型名称，值为一次调用消耗多少刀，比如 "gpt-4-gizmo-*": 0.1，一次消耗0.1刀'
             />
           </Form.Group>
-          <Form.Group widths="equal">
+          <Form.Group widths='equal'>
             <Form.TextArea
-              label="模型倍率"
-              name="ModelRatio"
+              label='模型倍率'
+              name='ModelRatio'
               onChange={handleInputChange}
               style={{ minHeight: 250, fontFamily: 'JetBrains Mono, Consolas' }}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.ModelRatio}
-              placeholder="为一个 JSON 文本，键为模型名称，值为倍率"
+              placeholder='为一个 JSON 文本，键为模型名称，值为倍率'
             />
           </Form.Group>
-          <Form.Group widths="equal">
+          <Form.Group widths='equal'>
             <Form.TextArea
-              label="分组倍率"
-              name="GroupRatio"
+              label='分组倍率'
+              name='GroupRatio'
               onChange={handleInputChange}
               style={{ minHeight: 250, fontFamily: 'JetBrains Mono, Consolas' }}
-              autoComplete="new-password"
+              autoComplete='new-password'
               value={inputs.GroupRatio}
-              placeholder="为一个 JSON 文本，键为分组名称，值为倍率"
+              placeholder='为一个 JSON 文本，键为分组名称，值为倍率'
             />
           </Form.Group>
-          <Form.Button onClick={() => {
-            submitConfig('ratio').then();
-          }}>保存倍率设置</Form.Button>
+          <Form.Button
+            onClick={() => {
+              submitConfig('ratio').then();
+            }}
+          >
+            保存倍率设置
+          </Form.Button>
         </Form>
       </Grid.Column>
     </Grid>
-  )
-    ;
+  );
 };
 
 export default OperationSetting;