feat: update eslint & prettier rules

2026-07-24 21:36:06 +00:00 · 2025-04-30 17:36:46 +08:00
parent d4af2d4326
commit 460e065eed
53 changed files with 2241 additions and 2102 deletions
@@ -1,107 +1,122 @@
-"use client";
+'use client';

-import { useEffect, useState } from "react";
-import styles from "@/app/home/plugins/plugins.module.css";
-import { PluginMarketCardVO } from "@/app/home/plugins/plugin-market/plugin-market-card/PluginMarketCardVO";
-import PluginMarketCardComponent from "@/app/home/plugins/plugin-market/plugin-market-card/PluginMarketCardComponent";
-import { Input, Pagination } from "antd";
-import { spaceClient } from "@/app/infra/http/HttpClient";
+import { useEffect, useState } from 'react';
+import styles from '@/app/home/plugins/plugins.module.css';
+import { PluginMarketCardVO } from '@/app/home/plugins/plugin-market/plugin-market-card/PluginMarketCardVO';
+import PluginMarketCardComponent from '@/app/home/plugins/plugin-market/plugin-market-card/PluginMarketCardComponent';
+import { Input, Pagination } from 'antd';
+import { spaceClient } from '@/app/infra/http/HttpClient';

 export default function PluginMarketComponent() {
-    const [marketPluginList, setMarketPluginList] = useState<
-        PluginMarketCardVO[]
-    >([]);
-    const [totalCount, setTotalCount] = useState(0);
-    const [nowPage, setNowPage] = useState(1);
-    const [searchKeyword, setSearchKeyword] = useState("");
-    const [loading, setLoading] = useState(false);
-    const pageSize = 10;
+  const [marketPluginList, setMarketPluginList] = useState<
+    PluginMarketCardVO[]
+  >([]);
+  const [totalCount, setTotalCount] = useState(0);
+  const [nowPage, setNowPage] = useState(1);
+  const [searchKeyword, setSearchKeyword] = useState('');
+  const [loading, setLoading] = useState(false);
+  const pageSize = 10;

-    useEffect(() => {
-        initData();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+  useEffect(() => {
+    initData();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);

-    function initData() {
-        getPluginList();
-    }
+  function initData() {
+    getPluginList();
+  }

-    function onInputSearchKeyword(keyword: string) {
-        // 这里记得加防抖，暂时没加
-        setSearchKeyword(keyword);
-        setNowPage(1);
-        getPluginList(1, keyword);
-    }
+  function onInputSearchKeyword(keyword: string) {
+    // 这里记得加防抖，暂时没加
+    setSearchKeyword(keyword);
+    setNowPage(1);
+    getPluginList(1, keyword);
+  }

-    function getPluginList(
-        page: number = nowPage,
-        keyword: string = searchKeyword
-    ) {
-        setLoading(true);
-        spaceClient.getMarketPlugins(page, pageSize, keyword).then((res) => {
-            setMarketPluginList(
-                res.plugins.map(
-                    (marketPlugin) =>
-                        new PluginMarketCardVO({
-                            author: marketPlugin.author,
-                            description: marketPlugin.description,
-                            githubURL: marketPlugin.repository,
-                            name: marketPlugin.name,
-                            pluginId: String(marketPlugin.ID),
-                            starCount: marketPlugin.stars,
-                            version: "version" in marketPlugin ? String(marketPlugin.version) : "1.0.0", // Default version if not provided
-                        })
-                )
-            );
-            setTotalCount(res.total);
-            setLoading(false);
-            console.log("market plugins:", res);
-        }).catch(error => {
-            console.error("获取插件列表失败:", error);
-            setLoading(false);
-        });
-    }
+  function getPluginList(
+    page: number = nowPage,
+    keyword: string = searchKeyword,
+  ) {
+    setLoading(true);
+    spaceClient
+      .getMarketPlugins(page, pageSize, keyword)
+      .then((res) => {
+        setMarketPluginList(
+          res.plugins.map(
+            (marketPlugin) =>
+              new PluginMarketCardVO({
+                author: marketPlugin.author,
+                description: marketPlugin.description,
+                githubURL: marketPlugin.repository,
+                name: marketPlugin.name,
+                pluginId: String(marketPlugin.ID),
+                starCount: marketPlugin.stars,
+                version:
+                  'version' in marketPlugin
+                    ? String(marketPlugin.version)
+                    : '1.0.0', // Default version if not provided
+              }),
+          ),
+        );
+        setTotalCount(res.total);
+        setLoading(false);
+        console.log('market plugins:', res);
+      })
+      .catch((error) => {
+        console.error('获取插件列表失败:', error);
+        setLoading(false);
+      });
+  }

-    function handlePageChange(page: number) {
-        setNowPage(page);
-        getPluginList(page);
-    }
+  function handlePageChange(page: number) {
+    setNowPage(page);
+    getPluginList(page);
+  }

-    return (
-        <div className={`${styles.marketComponentBody}`}>
-            <Input
-                style={{
-                    width: '300px',
-                    marginBottom: '10px',
-                }}
-                value={searchKeyword}
-                placeholder="搜索插件"
-                onChange={(e) => onInputSearchKeyword(e.target.value)}
-            />
-            <div className={`${styles.pluginListContainer}`}>
-                {loading ? (
-                    <div style={{ textAlign: 'center', padding: '20px' }}>加载中...</div>
-                ) : marketPluginList.length === 0 ? (
-                    <div style={{ textAlign: 'center', padding: '20px' }}>没有找到匹配的插件</div>
-                ) : (
-                    marketPluginList.map((vo, index) => (
-                        <div key={`${vo.pluginId}-${index}`}>
-                            <PluginMarketCardComponent cardVO={vo} />
-                        </div>
-                    ))
-                )}
+  return (
+    <div className={`${styles.marketComponentBody}`}>
+      <Input
+        style={{
+          width: '300px',
+          marginBottom: '10px',
+        }}
+        value={searchKeyword}
+        placeholder="搜索插件"
+        onChange={(e) => onInputSearchKeyword(e.target.value)}
+      />
+      <div className={`${styles.pluginListContainer}`}>
+        {loading ? (
+          <div style={{ textAlign: 'center', padding: '20px' }}>加载中...</div>
+        ) : marketPluginList.length === 0 ? (
+          <div style={{ textAlign: 'center', padding: '20px' }}>
+            没有找到匹配的插件
+          </div>
+        ) : (
+          marketPluginList.map((vo, index) => (
+            <div key={`${vo.pluginId}-${index}`}>
+              <PluginMarketCardComponent cardVO={vo} />
            </div>
-            {totalCount > 0 && (
-                <div style={{ display: 'flex', justifyContent: 'center', width: '100%', marginTop: '20px' }}>
-                    <Pagination
-                        current={nowPage}
-                        total={totalCount}
-                        pageSize={pageSize}
-                        onChange={handlePageChange}
-                        showSizeChanger={false}
-                    />
-                </div>
-            )}
+          ))
+        )}
+      </div>
+      {totalCount > 0 && (
+        <div
+          style={{
+            display: 'flex',
+            justifyContent: 'center',
+            width: '100%',
+            marginTop: '20px',
+          }}
+        >
+          <Pagination
+            current={nowPage}
+            total={totalCount}
+            pageSize={pageSize}
+            onChange={handlePageChange}
+            showSizeChanger={false}
+          />
        </div>
-    )
+      )}
+    </div>
+  );
 }
@@ -1,15 +1,15 @@
-import styles from "./pluginMarketCard.module.css";
-import { GithubOutlined, StarOutlined } from "@ant-design/icons";
-import { PluginMarketCardVO } from "@/app/home/plugins/plugin-market/plugin-market-card/PluginMarketCardVO";
-import { Button } from "antd";
+import styles from './pluginMarketCard.module.css';
+import { GithubOutlined, StarOutlined } from '@ant-design/icons';
+import { PluginMarketCardVO } from '@/app/home/plugins/plugin-market/plugin-market-card/PluginMarketCardVO';
+import { Button } from 'antd';

 export default function PluginMarketCardComponent({
-  cardVO
+  cardVO,
 }: {
  cardVO: PluginMarketCardVO;
 }) {
  function handleInstallClick(pluginId: string) {
-    console.log("Install plugin: ", pluginId);
+    console.log('Install plugin: ', pluginId);
  }

  return (
@@ -19,7 +19,7 @@ export default function PluginMarketCardComponent({
        {/* left author */}
        <div className={`${styles.fontGray}`}>{cardVO.author}</div>
        {/*  right icon */}
-        <GithubOutlined style={{ fontSize: "26px" }} type="setting" />
+        <GithubOutlined style={{ fontSize: '26px' }} type="setting" />
      </div>
      {/*  content  */}
      <div className={`${styles.cardContent}`}>
@@ -30,13 +30,13 @@ export default function PluginMarketCardComponent({
      <div className={`${styles.cardFooter}`}>
        <div className={`${styles.linkSettingContainer}`}>
          <div className={`${styles.link}`}>
-            <StarOutlined style={{ fontSize: "22px" }} />
-            <span style={{ paddingLeft: "5px" }}>{cardVO.starCount}</span>
+            <StarOutlined style={{ fontSize: '22px' }} />
+            <span style={{ paddingLeft: '5px' }}>{cardVO.starCount}</span>
          </div>
        </div>
        <Button
          type="primary"
-          size={"small"}
+          size={'small'}
          onClick={() => {
            handleInstallClick(cardVO.pluginId);
          }}
@@ -1,29 +1,29 @@
 export interface IPluginMarketCardVO {
-    pluginId: string;
-    author: string,
-    name: string,
-    description: string,
-    starCount: number,
-    githubURL: string,
-    version: string,
+  pluginId: string;
+  author: string;
+  name: string;
+  description: string;
+  starCount: number;
+  githubURL: string;
+  version: string;
 }

 export class PluginMarketCardVO implements IPluginMarketCardVO {
-    pluginId: string;
-    description: string;
-    name: string;
-    author: string;
-    githubURL: string;
-    starCount: number;
-    version: string;
+  pluginId: string;
+  description: string;
+  name: string;
+  author: string;
+  githubURL: string;
+  starCount: number;
+  version: string;

-    constructor(prop: IPluginMarketCardVO) {
-        this.description = prop.description
-        this.name = prop.name
-        this.author = prop.author
-        this.githubURL = prop.githubURL
-        this.starCount = prop.starCount
-        this.pluginId = prop.pluginId
-        this.version = prop.version
-    }
+  constructor(prop: IPluginMarketCardVO) {
+    this.description = prop.description;
+    this.name = prop.name;
+    this.author = prop.author;
+    this.githubURL = prop.githubURL;
+    this.starCount = prop.starCount;
+    this.pluginId = prop.pluginId;
+    this.version = prop.version;
+  }
 }