🎨 chore(web): apply ESLint and Prettier auto-fixes (baseline)

- Ran: bun run eslint:fix && bun run lint:fix - Inserted AGPL license header via eslint-plugin-header - Enforced no-multiple-empty-lines and other lint rules - Formatted code using Prettier v3 (@so1ve/prettier-config) - No functional changes; formatting-only baseline across JS/JSX files
2026-04-29 19:18:37 +00:00 · 2025-08-30 21:15:10 +08:00
parent 105b86c660
commit 6a87808612
274 changed files with 11025 additions and 7659 deletions
--- a/web/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx
+++ b/web/src/pages/Setting/Dashboard/SettingsAPIInfo.jsx
@@ -29,19 +29,13 @@ import {
  Avatar,
  Modal,
  Tag,
-  Switch
+  Switch,
 } from '@douyinfe/semi-ui';
 import {
  IllustrationNoResult,
-  IllustrationNoResultDark
+  IllustrationNoResultDark,
 } from '@douyinfe/semi-illustrations';
-import {
-  Plus,
-  Edit,
-  Trash2,
-  Save,
-  Settings
-} from 'lucide-react';
+import { Plus, Edit, Trash2, Save, Settings } from 'lucide-react';
 import { API, showError, showSuccess } from '../../../helpers';
 import { useTranslation } from 'react-i18next';

@@ -62,7 +56,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
    url: '',
    description: '',
    route: '',
-    color: 'blue'
+    color: 'blue',
  });
  const [currentPage, setCurrentPage] = useState(1);
  const [pageSize, setPageSize] = useState(10);
@@ -87,7 +81,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
    { value: 'light-blue', label: 'light-blue' },
    { value: 'indigo', label: 'indigo' },
    { value: 'violet', label: 'violet' },
-    { value: 'grey', label: 'grey' }
+    { value: 'grey', label: 'grey' },
  ];

  const updateOption = async (key, value) => {
@@ -124,7 +118,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
      url: '',
      description: '',
      route: '',
-      color: 'blue'
+      color: 'blue',
    });
    setShowApiModal(true);
  };
@@ -135,7 +129,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
      url: api.url,
      description: api.description,
      route: api.route,
-      color: api.color
+      color: api.color,
    });
    setShowApiModal(true);
  };
@@ -147,7 +141,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {

  const confirmDeleteApi = () => {
    if (deletingApi) {
-      const newList = apiInfoList.filter(api => api.id !== deletingApi.id);
+      const newList = apiInfoList.filter((api) => api.id !== deletingApi.id);
      setApiInfoList(newList);
      setHasChanges(true);
      showSuccess('API信息已删除，请及时点击“保存设置”进行保存');
@@ -167,16 +161,14 @@ const SettingsAPIInfo = ({ options, refresh }) => {

      let newList;
      if (editingApi) {
-        newList = apiInfoList.map(api =>
-          api.id === editingApi.id
-            ? { ...api, ...apiForm }
-            : api
+        newList = apiInfoList.map((api) =>
+          api.id === editingApi.id ? { ...api, ...apiForm } : api,
        );
      } else {
-        const newId = Math.max(...apiInfoList.map(api => api.id), 0) + 1;
+        const newId = Math.max(...apiInfoList.map((api) => api.id), 0) + 1;
        const newApi = {
          id: newId,
-          ...apiForm
+          ...apiForm,
        };
        newList = [...apiInfoList, newApi];
      }
@@ -184,7 +176,11 @@ const SettingsAPIInfo = ({ options, refresh }) => {
      setApiInfoList(newList);
      setHasChanges(true);
      setShowApiModal(false);
-      showSuccess(editingApi ? 'API信息已更新，请及时点击“保存设置”进行保存' : 'API信息已添加，请及时点击“保存设置”进行保存');
+      showSuccess(
+        editingApi
+          ? 'API信息已更新，请及时点击“保存设置”进行保存'
+          : 'API信息已添加，请及时点击“保存设置”进行保存',
+      );
    } catch (error) {
      showError('操作失败: ' + error.message);
    } finally {
@@ -216,7 +212,11 @@ const SettingsAPIInfo = ({ options, refresh }) => {

  useEffect(() => {
    const enabledStr = options['console_setting.api_info_enabled'];
-    setPanelEnabled(enabledStr === undefined ? true : enabledStr === 'true' || enabledStr === true);
+    setPanelEnabled(
+      enabledStr === undefined
+        ? true
+        : enabledStr === 'true' || enabledStr === true,
+    );
  }, [options['console_setting.api_info_enabled']]);

  const handleToggleEnabled = async (checked) => {
@@ -247,11 +247,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
      title: t('API地址'),
      dataIndex: 'url',
      render: (text, record) => (
-        <Tag
-          color={record.color}
-          shape='circle'
-          style={{ maxWidth: '280px' }}
-        >
+        <Tag color={record.color} shape='circle' style={{ maxWidth: '280px' }}>
          {text}
        </Tag>
      ),
@@ -259,31 +255,18 @@ const SettingsAPIInfo = ({ options, refresh }) => {
    {
      title: t('线路描述'),
      dataIndex: 'route',
-      render: (text, record) => (
-        <Tag shape='circle'>
-          {text}
-        </Tag>
-      ),
+      render: (text, record) => <Tag shape='circle'>{text}</Tag>,
    },
    {
      title: t('说明'),
      dataIndex: 'description',
      ellipsis: true,
-      render: (text, record) => (
-        <Tag shape='circle'>
-          {text || '-'}
-        </Tag>
-      ),
+      render: (text, record) => <Tag shape='circle'>{text || '-'}</Tag>,
    },
    {
      title: t('颜色'),
      dataIndex: 'color',
-      render: (color) => (
-        <Avatar
-          size="extra-extra-small"
-          color={color}
-        />
-      ),
+      render: (color) => <Avatar size='extra-extra-small' color={color} />,
    },
    {
      title: t('操作'),
@@ -320,31 +303,39 @@ const SettingsAPIInfo = ({ options, refresh }) => {
      return;
    }

-    const newList = apiInfoList.filter(api => !selectedRowKeys.includes(api.id));
+    const newList = apiInfoList.filter(
+      (api) => !selectedRowKeys.includes(api.id),
+    );
    setApiInfoList(newList);
    setSelectedRowKeys([]);
    setHasChanges(true);
-    showSuccess(`已删除 ${selectedRowKeys.length} 个API信息，请及时点击“保存设置”进行保存`);
+    showSuccess(
+      `已删除 ${selectedRowKeys.length} 个API信息，请及时点击“保存设置”进行保存`,
+    );
  };

  const renderHeader = () => (
-    <div className="flex flex-col w-full">
-      <div className="mb-2">
-        <div className="flex items-center text-blue-500">
-          <Settings size={16} className="mr-2" />
-          <Text>{t('API信息管理，可以配置多个API地址用于状态展示和负载均衡（最多50个）')}</Text>
+    <div className='flex flex-col w-full'>
+      <div className='mb-2'>
+        <div className='flex items-center text-blue-500'>
+          <Settings size={16} className='mr-2' />
+          <Text>
+            {t(
+              'API信息管理，可以配置多个API地址用于状态展示和负载均衡（最多50个）',
+            )}
+          </Text>
        </div>
      </div>

-      <Divider margin="12px" />
+      <Divider margin='12px' />

-      <div className="flex flex-col md:flex-row justify-between items-center gap-4 w-full">
-        <div className="flex gap-2 w-full md:w-auto order-2 md:order-1">
+      <div className='flex flex-col md:flex-row justify-between items-center gap-4 w-full'>
+        <div className='flex gap-2 w-full md:w-auto order-2 md:order-1'>
          <Button
            theme='light'
            type='primary'
            icon={<Plus size={14} />}
-            className="w-full md:w-auto"
+            className='w-full md:w-auto'
            onClick={handleAddApi}
          >
            {t('添加API')}
@@ -355,9 +346,10 @@ const SettingsAPIInfo = ({ options, refresh }) => {
            theme='light'
            onClick={handleBatchDelete}
            disabled={selectedRowKeys.length === 0}
-            className="w-full md:w-auto"
+            className='w-full md:w-auto'
          >
-            {t('批量删除')} {selectedRowKeys.length > 0 && `(${selectedRowKeys.length})`}
+            {t('批量删除')}{' '}
+            {selectedRowKeys.length > 0 && `(${selectedRowKeys.length})`}
          </Button>
          <Button
            icon={<Save size={14} />}
@@ -365,18 +357,15 @@ const SettingsAPIInfo = ({ options, refresh }) => {
            loading={loading}
            disabled={!hasChanges}
            type='secondary'
-            className="w-full md:w-auto"
+            className='w-full md:w-auto'
          >
            {t('保存设置')}
          </Button>
        </div>

        {/* 启用开关 */}
-        <div className="order-1 md:order-2 flex items-center gap-2">
-          <Switch
-            checked={panelEnabled}
-            onChange={handleToggleEnabled}
-          />
+        <div className='order-1 md:order-2 flex items-center gap-2'>
+          <Switch checked={panelEnabled} onChange={handleToggleEnabled} />
          <Text>{panelEnabled ? t('已启用') : t('已禁用')}</Text>
        </div>
      </div>
@@ -414,7 +403,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
          columns={columns}
          dataSource={getCurrentPageData()}
          rowSelection={rowSelection}
-          rowKey="id"
+          rowKey='id'
          scroll={{ x: 'max-content' }}
          pagination={{
            currentPage: currentPage,
@@ -430,19 +419,23 @@ const SettingsAPIInfo = ({ options, refresh }) => {
            onShowSizeChange: (current, size) => {
              setCurrentPage(1);
              setPageSize(size);
-            }
+            },
          }}
          size='middle'
          loading={loading}
          empty={
            <Empty
-              image={<IllustrationNoResult style={{ width: 150, height: 150 }} />}
-              darkModeImage={<IllustrationNoResultDark style={{ width: 150, height: 150 }} />}
+              image={
+                <IllustrationNoResult style={{ width: 150, height: 150 }} />
+              }
+              darkModeImage={
+                <IllustrationNoResultDark style={{ width: 150, height: 150 }} />
+              }
              description={t('暂无API信息')}
              style={{ padding: 30 }}
            />
          }
-          className="overflow-hidden"
+          className='overflow-hidden'
        />
      </Form.Section>

@@ -455,7 +448,11 @@ const SettingsAPIInfo = ({ options, refresh }) => {
        cancelText={t('取消')}
        confirmLoading={modalLoading}
      >
-        <Form layout='vertical' initValues={apiForm} key={editingApi ? editingApi.id : 'new'}>
+        <Form
+          layout='vertical'
+          initValues={apiForm}
+          key={editingApi ? editingApi.id : 'new'}
+        >
          <Form.Input
            field='url'
            label={t('API地址')}
@@ -484,10 +481,7 @@ const SettingsAPIInfo = ({ options, refresh }) => {
            onChange={(value) => setApiForm({ ...apiForm, color: value })}
            render={(option) => (
              <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-                <Avatar
-                  size="extra-extra-small"
-                  color={option.value}
-                />
+                <Avatar size='extra-extra-small' color={option.value} />
                {option.label}
              </div>
            )}
@@ -505,10 +499,10 @@ const SettingsAPIInfo = ({ options, refresh }) => {
        }}
        okText={t('确认删除')}
        cancelText={t('取消')}
-        type="warning"
+        type='warning'
        okButtonProps={{
          type: 'danger',
-          theme: 'solid'
+          theme: 'solid',
        }}
      >
        <Text>{t('确定要删除此API信息吗？')}</Text>
@@ -517,4 +511,4 @@ const SettingsAPIInfo = ({ options, refresh }) => {
  );
 };

-export default SettingsAPIInfo; 
+export default SettingsAPIInfo;