@@ -10,6 +10,6 @@ const ChatEmpty:React.FC = () => {
How can I help you today?
);
-}
+};
-export default ChatEmpty;
\ No newline at end of file
+export default ChatEmpty;
diff --git a/src/pages/playground/components/message-input.less b/src/pages/playground/components/message-input.less
index 77c32034..16fe360a 100644
--- a/src/pages/playground/components/message-input.less
+++ b/src/pages/playground/components/message-input.less
@@ -1,7 +1,7 @@
.ant-pro-footer-bar {
padding-block: 20px;
padding-bottom: 30px;
- border:none;
+ border: none;
.ant-pro-footer-bar-right {
width: 100%;
display: flex;
@@ -9,8 +9,8 @@
align-items: center;
}
}
-.messageInput{
- position:relative;
+.messageInput {
+ position: relative;
display: flex;
align-items: center;
justify-content: center;
@@ -29,35 +29,35 @@
background-color: var(--color-white-1);
}
}
-
+
&:hover {
background: var(--ant-color-fill-secondary);
transition: background 0.2s ease;
}
- textarea {
- padding: 16px;
- border-radius: 30px;
- background-color:transparent;
- }
- textarea::-webkit-scrollbar {
- width: 8px;
-}
+ textarea {
+ padding: 16px;
+ border-radius: 30px;
+ background-color: transparent;
+ }
+ textarea::-webkit-scrollbar {
+ width: 8px;
+ }
-textarea::-webkit-scrollbar-track {
- background-color: #f1f1f1;
-}
+ textarea::-webkit-scrollbar-track {
+ background-color: #f1f1f1;
+ }
-textarea::-webkit-scrollbar-thumb {
- background-color: #d9d9d9;
- border-radius: 6px;
+ textarea::-webkit-scrollbar-thumb {
+ background-color: #d9d9d9;
+ border-radius: 6px;
+ }
+ .send-btn {
+ position: absolute;
+ right: 10px;
+ bottom: 11px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ transform: rotate(-30deg);
+ }
}
- .send-btn {
- position: absolute;
- right: 10px;
- bottom: 11px;
- display: flex;
- justify-content: center;
- align-items: center;
- transform: rotate(-30deg);
- }
-}
\ No newline at end of file
diff --git a/src/pages/playground/components/params-settings.tsx b/src/pages/playground/components/params-settings.tsx
index b6a6036a..c862482f 100644
--- a/src/pages/playground/components/params-settings.tsx
+++ b/src/pages/playground/components/params-settings.tsx
@@ -1,13 +1,13 @@
-import { Form } from "antd";
-import { useState } from "react";
+import { Form } from 'antd';
+import { useState } from 'react';
-const ParamsSettings:React.FC = () => {
+const ParamsSettings: React.FC = () => {
const [params, setParams] = useState({
name: 'jack',
- age: 18
+ age: 18,
});
- return (
)
+ return
;
};
-export default ParamsSettings;
\ No newline at end of file
+export default ParamsSettings;
diff --git a/src/pages/playground/index.tsx b/src/pages/playground/index.tsx
index 4e54554b..27fa5189 100644
--- a/src/pages/playground/index.tsx
+++ b/src/pages/playground/index.tsx
@@ -1,59 +1,65 @@
-import { useState,useEffect} from 'react';
-import { Button, Select,Space,Input,Popover } from 'antd';
+import SealInput from '@/components/seal-form/seal-input';
import { ControlOutlined } from '@ant-design/icons';
import { PageContainer } from '@ant-design/pro-components';
-import SealInput from '@/components/seal-form/seal-input';
-import MessageInput from './components/messageInput';
+import { Button, Popover, Select, Space } from 'antd';
+import { useEffect, useState } from 'react';
import ChatContent from './components/chatContent';
+import MessageInput from './components/messageInput';
const dataList = [
- {value: 'llama3:latest', label: 'llama3:latest'},
- {value: 'wangfuyun/AnimateLCM', label: 'wangfuyun/AnimateLCM'},
- {value: 'Revanthraja/Text_to_Vision', label: 'Revanthraja/Text_to_Vision'},
-]
+ { value: 'llama3:latest', label: 'llama3:latest' },
+ { value: 'wangfuyun/AnimateLCM', label: 'wangfuyun/AnimateLCM' },
+ { value: 'Revanthraja/Text_to_Vision', label: 'Revanthraja/Text_to_Vision' }
+];
+
const Playground: React.FC = () => {
- const [ModelList, setModelList] = useState(dataList)
- const [messageList, setMessageList] = useState
([])
- const [selectedModel, setSelectedModel] = useState('llama3:latest')
+ const [ModelList, setModelList] = useState(dataList);
+ const [messageList, setMessageList] = useState([]);
+ const [selectedModel, setSelectedModel] = useState('llama3:latest');
const handleSelectChange = (value: string) => {
- setSelectedModel(value)
- }
+ setSelectedModel(value);
+ };
const getMessageList = () => {
// fetch message list from server
- setMessageList(['1'])
- }
+ setMessageList(['1']);
+ };
useEffect(() => {
- getMessageList()
- }, [selectedModel])
+ getMessageList();
+ }, [selectedModel]);
return (
-
+
- }>
-
+ }
+ >
-
]}
- footer={[
-
- ]}
- >
-
-
-
-
-
+ footer={[]}
+ >
+
+
+
+
);
};
-export default Playground;
\ No newline at end of file
+export default Playground;
diff --git a/tsconfig.json b/tsconfig.json
index 133cfd82..03da2f34 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,3 +1,24 @@
{
- "extends": "./src/.umi/tsconfig.json"
+ "compilerOptions": {
+ "baseUrl": "./",
+ "target": "esnext",
+ "moduleResolution": "node",
+ "jsx": "react-jsx",
+ "esModuleInterop": true,
+ "experimentalDecorators": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noImplicitReturns": true,
+ "noImplicitAny": true,
+ "declaration": true,
+ "skipLibCheck": true,
+ "resolveJsonModule": true,
+ "paths": {
+ "@/*": ["./src/*"],
+ "@@/*": ["./src/.umi/*"],
+ "@@test/*": ["./src/.umi-test/*"]
+ }
+ },
+ "include": ["./**/*.d.ts", "./**/*.ts", "./**/*.tsx"]
}
+
diff --git a/typings.d.ts b/typings.d.ts
index 74cffc30..40f11d06 100644
--- a/typings.d.ts
+++ b/typings.d.ts
@@ -1 +1,18 @@
-import '@umijs/max/typings';
+declare module 'slash2';
+declare module '*.css';
+declare module '*.less';
+declare module '*.scss';
+declare module '*.sass';
+declare module '*.svg';
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.gif';
+declare module '*.bmp';
+declare module '*.tiff';
+declare module 'omit.js';
+declare module 'numeral';
+declare module 'mockjs';
+declare module 'react-fittext';
+
+declare const REACT_APP_ENV: 'test' | 'dev' | 'pre' | false;