feat: update eslint & prettier rules

web/src/app/home/models/page.tsx

@@ -1,116 +1,123 @@
-"use client"
+'use client';
 
-import {useState, useEffect} from "react";
-import {LLMCardVO} from "@/app/home/models/component/llm-card/LLMCardVO";
-import styles from "./LLMConfig.module.css"
-import EmptyAndCreateComponent from "@/app/home/components/empty-and-create-component/EmptyAndCreateComponent";
-import {Modal} from "antd";
-import LLMCard from "@/app/home/models/component/llm-card/LLMCard";
-import LLMForm from "@/app/home/models/component/llm-form/LLMForm";
-import CreateCardComponent from "@/app/infra/basic-component/create-card-component/CreateCardComponent";
-import { httpClient } from "@/app/infra/http/HttpClient";
-import { LLMModel } from "@/app/infra/api/api-types";
+import { useState, useEffect } from 'react';
+import { LLMCardVO } from '@/app/home/models/component/llm-card/LLMCardVO';
+import styles from './LLMConfig.module.css';
+import EmptyAndCreateComponent from '@/app/home/components/empty-and-create-component/EmptyAndCreateComponent';
+import { Modal } from 'antd';
+import LLMCard from '@/app/home/models/component/llm-card/LLMCard';
+import LLMForm from '@/app/home/models/component/llm-form/LLMForm';
+import CreateCardComponent from '@/app/infra/basic-component/create-card-component/CreateCardComponent';
+import { httpClient } from '@/app/infra/http/HttpClient';
+import { LLMModel } from '@/app/infra/api/api-types';
 
 export default function LLMConfigPage() {
-    const [cardList, setCardList] = useState<LLMCardVO[]>([])
-    const [modalOpen, setModalOpen] = useState<boolean>(false);
-    const [isEditForm, setIsEditForm] = useState(false)
-    const [nowSelectedLLM, setNowSelectedLLM] = useState<LLMCardVO | null>(null)
+  const [cardList, setCardList] = useState<LLMCardVO[]>([]);
+  const [modalOpen, setModalOpen] = useState<boolean>(false);
+  const [isEditForm, setIsEditForm] = useState(false);
+  const [nowSelectedLLM, setNowSelectedLLM] = useState<LLMCardVO | null>(null);
 
-    useEffect(() => {
-        getLLMModelList()
-    }, [])
+  useEffect(() => {
+    getLLMModelList();
+  }, []);
 
-    function getLLMModelList() {
-            httpClient.getProviderLLMModels().then((resp) => {
-                const llmModelList: LLMCardVO[] = resp.models.map((model: LLMModel) => {
-                    console.log("model", model)
-                    return new LLMCardVO({
-                        id: model.uuid,
-                        name: model.name,
-                        company: model.requester,
-                        URL: model.requester_config?.base_url,
-                    })
-                })
-                console.log("get llmModelList", llmModelList)
-                setCardList(llmModelList)
-            }).catch((err) => {
-                // TODO error toast
-                console.error("get LLM model list error", err)
-            })
-    }
+  function getLLMModelList() {
+    httpClient
+      .getProviderLLMModels()
+      .then((resp) => {
+        const llmModelList: LLMCardVO[] = resp.models.map((model: LLMModel) => {
+          console.log('model', model);
+          return new LLMCardVO({
+            id: model.uuid,
+            name: model.name,
+            company: model.requester,
+            URL: model.requester_config?.base_url,
+          });
+        });
+        console.log('get llmModelList', llmModelList);
+        setCardList(llmModelList);
+      })
+      .catch((err) => {
+        // TODO error toast
+        console.error('get LLM model list error', err);
+      });
+  }
 
-    function selectLLM(cardVO: LLMCardVO) {
-        setIsEditForm(true)
-        setNowSelectedLLM(cardVO)
-        console.log("set now vo", cardVO)
-        setModalOpen(true)
-    }
-    function handleCreateModelClick() {
-        setIsEditForm(false)
-        setNowSelectedLLM(null)
-        setModalOpen(true);
-    }
+  function selectLLM(cardVO: LLMCardVO) {
+    setIsEditForm(true);
+    setNowSelectedLLM(cardVO);
+    console.log('set now vo', cardVO);
+    setModalOpen(true);
+  }
+  function handleCreateModelClick() {
+    setIsEditForm(false);
+    setNowSelectedLLM(null);
+    setModalOpen(true);
+  }
 
-    return (
-        <div className={styles.configPageContainer}>
-            <Modal
-                title={isEditForm ? "预览模型" : "创建模型"}
-                centered
-                open={modalOpen}
-                destroyOnClose={true}
-                onOk={() => setModalOpen(false)}
-                onCancel={() => setModalOpen(false)}
-                width={700}
-                footer={null}
-            >
-                <LLMForm
-                    editMode={isEditForm}
-                    initLLMId={nowSelectedLLM?.id}
-                    onFormSubmit={() => {
-                        setModalOpen(false);
-                        getLLMModelList()
-                    }}
-                    onFormCancel={() => {
-                        setModalOpen(false);
-                    }}
-                    onLLMDeleted={() => {
-                        setModalOpen(false)
-                        getLLMModelList()
-                    }}
-                />
-            </Modal>
-            {
-                cardList.length > 0 &&
-                <div className={`${styles.modelListContainer}`}
-                >
-                    {cardList.map(cardVO => {
-                        return <div key={cardVO.id} onClick={() => {selectLLM(cardVO)}}>
-                            <LLMCard cardVO={cardVO}></LLMCard>
-                        </div>
-                    })}
-                    <CreateCardComponent
-                        width={360}
-                        height={200}
-                        plusSize={90}
-                        onClick={handleCreateModelClick}
-                    />
-                </div>
-            }
-
-            {
-                cardList.length === 0 &&
-                <div className={`${styles.emptyContainer}`}>
-                    <EmptyAndCreateComponent
-                        title={"模型列表空空如也～"}
-                        subTitle={"快去创建一个吧！"}
-                        buttonText={"创建模型 +"}
-                        onButtonClick={() => {
-                            handleCreateModelClick()
-                        }}
-                    />
-                </div>
-            }
+  return (
+    <div className={styles.configPageContainer}>
+      <Modal
+        title={isEditForm ? '预览模型' : '创建模型'}
+        centered
+        open={modalOpen}
+        destroyOnClose={true}
+        onOk={() => setModalOpen(false)}
+        onCancel={() => setModalOpen(false)}
+        width={700}
+        footer={null}
+      >
+        <LLMForm
+          editMode={isEditForm}
+          initLLMId={nowSelectedLLM?.id}
+          onFormSubmit={() => {
+            setModalOpen(false);
+            getLLMModelList();
+          }}
+          onFormCancel={() => {
+            setModalOpen(false);
+          }}
+          onLLMDeleted={() => {
+            setModalOpen(false);
+            getLLMModelList();
+          }}
+        />
+      </Modal>
+      {cardList.length > 0 && (
+        <div className={`${styles.modelListContainer}`}>
+          {cardList.map((cardVO) => {
+            return (
+              <div
+                key={cardVO.id}
+                onClick={() => {
+                  selectLLM(cardVO);
+                }}
+              >
+                <LLMCard cardVO={cardVO}></LLMCard>
+              </div>
+            );
+          })}
+          <CreateCardComponent
+            width={360}
+            height={200}
+            plusSize={90}
+            onClick={handleCreateModelClick}
+          />
         </div>
-    )
+      )}
+
+      {cardList.length === 0 && (
+        <div className={`${styles.emptyContainer}`}>
+          <EmptyAndCreateComponent
+            title={'模型列表空空如也～'}
+            subTitle={'快去创建一个吧！'}
+            buttonText={'创建模型 +'}
+            onButtonClick={() => {
+              handleCreateModelClick();
+            }}
+          />
+        </div>
+      )}
+    </div>
+  );
 }