chore: lint fix

2024-03-23 21:24:39 +08:00
parent 15e7307320
commit 962dc984f4
55 changed files with 5263 additions and 3589 deletions
--- a/web/src/pages/User/AddUser.js
+++ b/web/src/pages/User/AddUser.js
@@ -7,7 +7,7 @@ const AddUser = (props) => {
  const originInputs = {
    username: '',
    display_name: '',
-    password: ''
+    password: '',
  };
  const [inputs, setInputs] = useState(originInputs);
  const [loading, setLoading] = useState(false);
@@ -48,8 +48,17 @@ const AddUser = (props) => {
        footer={
          <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
            <Space>
-              <Button theme="solid" size={'large'} onClick={submit}>提交</Button>
-              <Button theme="solid" size={'large'} type={'tertiary'} onClick={handleCancel}>取消</Button>
+              <Button theme='solid' size={'large'} onClick={submit}>
+                提交
+              </Button>
+              <Button
+                theme='solid'
+                size={'large'}
+                type={'tertiary'}
+                onClick={handleCancel}
+              >
+                取消
+              </Button>
            </Space>
          </div>
        }
@@ -60,34 +69,34 @@ const AddUser = (props) => {
        <Spin spinning={loading}>
          <Input
            style={{ marginTop: 20 }}
-            label="用户名"
-            name="username"
+            label='用户名'
+            name='username'
            addonBefore={'用户名'}
            placeholder={'请输入用户名'}
-            onChange={value => handleInputChange('username', value)}
+            onChange={(value) => handleInputChange('username', value)}
            value={username}
-            autoComplete="off"
+            autoComplete='off'
          />
          <Input
            style={{ marginTop: 20 }}
            addonBefore={'显示名'}
-            label="显示名称"
-            name="display_name"
-            autoComplete="off"
+            label='显示名称'
+            name='display_name'
+            autoComplete='off'
            placeholder={'请输入显示名称'}
-            onChange={value => handleInputChange('display_name', value)}
+            onChange={(value) => handleInputChange('display_name', value)}
            value={display_name}
          />
          <Input
            style={{ marginTop: 20 }}
-            label="密 码"
-            name="password"
+            label='密 码'
+            name='password'
            type={'password'}
            addonBefore={'密码'}
            placeholder={'请输入密码'}
-            onChange={value => handleInputChange('password', value)}
+            onChange={(value) => handleInputChange('password', value)}
            value={password}
-            autoComplete="off"
+            autoComplete='off'
          />
        </Spin>
      </SideSheet>
--- a/web/src/pages/User/EditUser.js
+++ b/web/src/pages/User/EditUser.js
@@ -3,7 +3,16 @@ import { useNavigate } from 'react-router-dom';
 import { API, isMobile, showError, showSuccess } from '../../helpers';
 import { renderQuotaWithPrompt } from '../../helpers/render';
 import Title from '@douyinfe/semi-ui/lib/es/typography/title';
-import { Button, Divider, Input, Select, SideSheet, Space, Spin, Typography } from '@douyinfe/semi-ui';
+import {
+  Button,
+  Divider,
+  Input,
+  Select,
+  SideSheet,
+  Space,
+  Spin,
+  Typography,
+} from '@douyinfe/semi-ui';

 const EditUser = (props) => {
  const userId = props.editingUser.id;
@@ -16,21 +25,32 @@ const EditUser = (props) => {
    wechat_id: '',
    email: '',
    quota: 0,
-    group: 'default'
+    group: 'default',
  });
  const [groupOptions, setGroupOptions] = useState([]);
-  const { username, display_name, password, github_id, wechat_id, telegram_id, email, quota, group } =
-    inputs;
+  const {
+    username,
+    display_name,
+    password,
+    github_id,
+    wechat_id,
+    telegram_id,
+    email,
+    quota,
+    group,
+  } = inputs;
  const handleInputChange = (name, value) => {
    setInputs((inputs) => ({ ...inputs, [name]: value }));
  };
  const fetchGroups = async () => {
    try {
      let res = await API.get(`/api/group/`);
-      setGroupOptions(res.data.data.map((group) => ({
-        label: group,
-        value: group
-      })));
+      setGroupOptions(
+        res.data.data.map((group) => ({
+          label: group,
+          value: group,
+        })),
+      );
    } catch (error) {
      showError(error.message);
    }
@@ -98,8 +118,17 @@ const EditUser = (props) => {
        footer={
          <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
            <Space>
-              <Button theme="solid" size={'large'} onClick={submit}>提交</Button>
-              <Button theme="solid" size={'large'} type={'tertiary'} onClick={handleCancel}>取消</Button>
+              <Button theme='solid' size={'large'} onClick={submit}>
+                提交
+              </Button>
+              <Button
+                theme='solid'
+                size={'large'}
+                type={'tertiary'}
+                onClick={handleCancel}
+              >
+                取消
+              </Button>
            </Space>
          </div>
        }
@@ -112,103 +141,103 @@ const EditUser = (props) => {
            <Typography.Text>用户名</Typography.Text>
          </div>
          <Input
-            label="用户名"
-            name="username"
+            label='用户名'
+            name='username'
            placeholder={'请输入新的用户名'}
-            onChange={value => handleInputChange('username', value)}
+            onChange={(value) => handleInputChange('username', value)}
            value={username}
-            autoComplete="new-password"
+            autoComplete='new-password'
          />
          <div style={{ marginTop: 20 }}>
            <Typography.Text>密码</Typography.Text>
          </div>
          <Input
-            label="密码"
-            name="password"
+            label='密码'
+            name='password'
            type={'password'}
            placeholder={'请输入新的密码，最短 8 位'}
-            onChange={value => handleInputChange('password', value)}
+            onChange={(value) => handleInputChange('password', value)}
            value={password}
-            autoComplete="new-password"
+            autoComplete='new-password'
          />
          <div style={{ marginTop: 20 }}>
            <Typography.Text>显示名称</Typography.Text>
          </div>
          <Input
-            label="显示名称"
-            name="display_name"
+            label='显示名称'
+            name='display_name'
            placeholder={'请输入新的显示名称'}
-            onChange={value => handleInputChange('display_name', value)}
+            onChange={(value) => handleInputChange('display_name', value)}
            value={display_name}
-            autoComplete="new-password"
+            autoComplete='new-password'
          />
-          {
-            userId && <>
+          {userId && (
+            <>
              <div style={{ marginTop: 20 }}>
                <Typography.Text>分组</Typography.Text>
              </div>
              <Select
                placeholder={'请选择分组'}
-                name="group"
+                name='group'
                fluid
                search
                selection
                allowAdditions
                additionLabel={'请在系统设置页面编辑分组倍率以添加新的分组：'}
-                onChange={value => handleInputChange('group', value)}
+                onChange={(value) => handleInputChange('group', value)}
                value={inputs.group}
-                autoComplete="new-password"
+                autoComplete='new-password'
                optionList={groupOptions}
              />
              <div style={{ marginTop: 20 }}>
                <Typography.Text>{`剩余额度${renderQuotaWithPrompt(quota)}`}</Typography.Text>
              </div>
              <Input
-                name="quota"
+                name='quota'
                placeholder={'请输入新的剩余额度'}
-                onChange={value => handleInputChange('quota', value)}
+                onChange={(value) => handleInputChange('quota', value)}
                value={quota}
                type={'number'}
-                autoComplete="new-password"
+                autoComplete='new-password'
              />
            </>
-          }
+          )}
          <Divider style={{ marginTop: 20 }}>以下信息不可修改</Divider>
          <div style={{ marginTop: 20 }}>
            <Typography.Text>已绑定的 GitHub 账户</Typography.Text>
          </div>
          <Input
-            name="github_id"
+            name='github_id'
            value={github_id}
-            autoComplete="new-password"
-            placeholder="此项只读，需要用户通过个人设置页面的相关绑定按钮进行绑定，不可直接修改"
+            autoComplete='new-password'
+            placeholder='此项只读，需要用户通过个人设置页面的相关绑定按钮进行绑定，不可直接修改'
            readonly
          />
          <div style={{ marginTop: 20 }}>
            <Typography.Text>已绑定的微信账户</Typography.Text>
          </div>
          <Input
-            name="wechat_id"
+            name='wechat_id'
            value={wechat_id}
-            autoComplete="new-password"
-            placeholder="此项只读，需要用户通过个人设置页面的相关绑定按钮进行绑定，不可直接修改"
+            autoComplete='new-password'
+            placeholder='此项只读，需要用户通过个人设置页面的相关绑定按钮进行绑定，不可直接修改'
            readonly
          />
          <Input
-            name="telegram_id"
+            name='telegram_id'
            value={telegram_id}
-            autoComplete="new-password"
-            placeholder="此项只读，需要用户通过个人设置页面的相关绑定按钮进行绑定，不可直接修改"
+            autoComplete='new-password'
+            placeholder='此项只读，需要用户通过个人设置页面的相关绑定按钮进行绑定，不可直接修改'
            readonly
          />
          <div style={{ marginTop: 20 }}>
            <Typography.Text>已绑定的邮箱账户</Typography.Text>
          </div>
          <Input
-            name="email"
+            name='email'
            value={email}
-            autoComplete="new-password"
-            placeholder="此项只读，需要用户通过个人设置页面的相关绑定按钮进行绑定，不可直接修改"
+            autoComplete='new-password'
+            placeholder='此项只读，需要用户通过个人设置页面的相关绑定按钮进行绑定，不可直接修改'
            readonly
          />
        </Spin>
--- a/web/src/pages/User/index.js
+++ b/web/src/pages/User/index.js
@@ -1,16 +1,16 @@
 import React from 'react';
 import UsersTable from '../../components/UsersTable';
-import {Layout} from "@douyinfe/semi-ui";
+import { Layout } from '@douyinfe/semi-ui';

 const User = () => (
  <>
    <Layout>
-        <Layout.Header>
-            <h3>管理用户</h3>
-        </Layout.Header>
-        <Layout.Content>
-            <UsersTable/>
-        </Layout.Content>
+      <Layout.Header>
+        <h3>管理用户</h3>
+      </Layout.Header>
+      <Layout.Content>
+        <UsersTable />
+      </Layout.Content>
    </Layout>
  </>
 );