github/DB-GPT
1
0
Fork 0
mirror of https://github.com/csunny/DB-GPT.git synced 2025-08-14 14:34:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: 添加跳转topbar提示

Browse Source
This commit is contained in:
changhuiping.chp 2023-06-27 11:47:05 +08:00
parent 2ba65de806
commit 12c08ac899
9 changed files with 133 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
datacenter/app/layout.tsx
View File

@ -1,19 +1,23 @@
"use client" "use client"
import './globals.css' import './globals.css'
import './nprogress.css';
import LeftSider from '@/components/leftSider'; import LeftSider from '@/components/leftSider';
import { CssVarsProvider, ThemeProvider } from '@mui/joy/styles'; import { CssVarsProvider, ThemeProvider } from '@mui/joy/styles';
import { joyTheme } from './defaultTheme'; import { joyTheme } from './defaultTheme';
import TopProgressBar from '@/components/topProgressBar';
export default function RootLayout({ export default function RootLayout({
children, children,
}: { }: {
children: React.ReactNode children: React.ReactNode
}) { }) {
return ( return (
<html lang="en" className="min-h-full font-sans"> <html lang="en" className="min-h-full font-sans">
<body className={`min-h-screen font-sans`}> <body className={`min-h-screen font-sans`}>
<ThemeProvider theme={joyTheme}> <ThemeProvider theme={joyTheme}>
<CssVarsProvider theme={joyTheme} defaultMode="light"> <CssVarsProvider theme={joyTheme} defaultMode="light">
<TopProgressBar />
<div className='min-h-screen flex flex-col'> <div className='min-h-screen flex flex-col'>
<div className="flex flex-1 flex-row"> <div className="flex flex-1 flex-row">
<LeftSider /> <LeftSider />

32
datacenter/app/nprogress.css Normal file
View File

@ -0,0 +1,32 @@
/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--joy-palette-primary-500, #096BDE);
position: fixed;
z-index: 10031;
top: 0;
left: 0;
width: 100%;
height: 3px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--joy-palette-primary-500, #096BDE), 0 0 5px var(--joy-palette-primary-500, #096BDE);
opacity: 1;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}

5
datacenter/app/page.tsx
View File

@ -22,7 +22,7 @@ export default function Home() {
sendGetRequest('/v1/chat/dialogue/list', { sendGetRequest('/v1/chat/dialogue/list', {
}) })
} }
console.log(mode, 'mode', radioClasses, 'radioClasses')
useEffect(() => { useEffect(() => {
handleGetD(); handleGetD();
}, []); }, []);
@ -75,7 +75,6 @@ export default function Home() {
type="number" type="number"
value={temperatureNum / 10} value={temperatureNum / 10}
onChange={(e) => { onChange={(e) => {
console.log(Number(e.target.value) * 10, '===')
setTemperatureNum(Number(e.target.value) * 10); setTemperatureNum(Number(e.target.value) * 10);
}} }}
slotProps={{ slotProps={{
@ -92,7 +91,6 @@ export default function Home() {
value={temperatureNum} value={temperatureNum}
max={10} max={10}
onChange={(e, value) => { onChange={(e, value) => {
console.log(e, 'e', value, 'v')
setTemperatureNum(value); setTemperatureNum(value);
}} }}
/> />
@ -127,7 +125,6 @@ export default function Home() {
max={1024} max={1024}
step={64} step={64}
onChange={(e, value) => { onChange={(e, value) => {
console.log(e, 'e', value, 'v')
setTokenSize(value); setTokenSize(value);
}} }}
/> />

2
datacenter/components/chatBox.tsx
View File

@ -34,7 +34,7 @@ const ChatBoxComp = ({
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
const [firstMsg, setFirstMsg] = useState<Message>(); const [firstMsg, setFirstMsg] = useState<Message>();
const [hideTemplateMessages, setHideTemplateMessages] = useState(false); const [hideTemplateMessages, setHideTemplateMessages] = useState(false);
console.log(messages, 'mmm');
const methods = useForm<z.infer<typeof Schema>>({ const methods = useForm<z.infer<typeof Schema>>({
resolver: zodResolver(Schema), resolver: zodResolver(Schema),
defaultValues: {}, defaultValues: {},

5
datacenter/components/leftSider.tsx
View File

@ -37,6 +37,11 @@ const LeftSider = () => {
const [chatSelect, setChatSelect] = useState(); const [chatSelect, setChatSelect] = useState();
const menus = useMemo(() => { const menus = useMemo(() => {
return [{ return [{
label: 'Home',
icon: <SmartToyRoundedIcon fontSize="small" />,
route: '/',
active: pathname === '/',
}, {
label: 'Agents', label: 'Agents',
icon: <SmartToyRoundedIcon fontSize="small" />, icon: <SmartToyRoundedIcon fontSize="small" />,
route: '/agents', route: '/agents',

59
datacenter/components/topProgressBar.tsx Normal file
View File

@ -0,0 +1,59 @@
import Router from 'next/router';
import NProgress from 'nprogress';
let timer: any;
let state: any;
let activeRequests = 0;
const delay = 250;
function load() {
if (state === 'loading') {
return;
}
state = 'loading';
timer = setTimeout(function () {
NProgress.start();
}, delay); // only show progress bar if it takes longer than the delay
}
function stop() {
if (activeRequests > 0) {
return;
}
state = 'stop';
clearTimeout(timer);
NProgress.done();
}
Router.events.on('routeChangeStart', load);
Router.events.on('routeChangeComplete', stop);
Router.events.on('routeChangeError', stop);
const originalFetch = window.fetch;
window.fetch = async function (...args) {
if (activeRequests === 0) {
load();
}
activeRequests++;
try {
const response = await originalFetch(...args);
return response;
} catch (error) {
return Promise.reject(error);
} finally {
activeRequests -= 1;
if (activeRequests === 0) {
stop();
}
}
};
export default function TopProgressBar() {
return null;
}

2
datacenter/hooks/useAgentChat.ts
View File

@ -68,7 +68,6 @@ import {
signal: ctrl.signal, signal: ctrl.signal,
async onopen(response) { async onopen(response) {
console.log('onopen', response);
if ( if (
response.ok && response.ok &&
response.headers.get('content-type') === EventStreamContentType response.headers.get('content-type') === EventStreamContentType
@ -91,7 +90,6 @@ import {
throw new RetriableError(); throw new RetriableError();
}, },
onerror(err) { onerror(err) {
console.log('on error', err, Object.keys(err));
throw new Error(err); throw new Error(err);
// if (err instanceof FatalError) { // if (err instanceof FatalError) {
// ctrl.abort(); // ctrl.abort();

26
datacenter/package-lock.json generated
View File

@ -33,6 +33,7 @@
"moment": "^2.29.4", "moment": "^2.29.4",
"next": "13.4.7", "next": "13.4.7",
"next-auth": "^4.20.1", "next-auth": "^4.20.1",
"nprogress": "^0.2.0",
"postcss": "8.4.24", "postcss": "8.4.24",
"react": "18.2.0", "react": "18.2.0",
"react-dom": "18.2.0", "react-dom": "18.2.0",
@ -43,6 +44,9 @@
"tailwindcss": "3.3.2", "tailwindcss": "3.3.2",
"typescript": "5.1.3", "typescript": "5.1.3",
"zod": "^3.19.1" "zod": "^3.19.1"
},
"devDependencies": {
"@types/nprogress": "^0.2.0"
} }
}, },
"node_modules/@alloc/quick-lru": { "node_modules/@alloc/quick-lru": {
@ -2202,6 +2206,12 @@
"resolved": "https://registry.npmmirror.com/@types/node/-/node-20.3.1.tgz", "resolved": "https://registry.npmmirror.com/@types/node/-/node-20.3.1.tgz",
"integrity": "sha512-EhcH/wvidPy1WeML3TtYFGR83UzjxeWRen9V402T8aUGYsCHOmfoisV3ZSg03gAFIbLq8TnWOJ0f4cALtnSEUg==" "integrity": "sha512-EhcH/wvidPy1WeML3TtYFGR83UzjxeWRen9V402T8aUGYsCHOmfoisV3ZSg03gAFIbLq8TnWOJ0f4cALtnSEUg=="
}, },
"node_modules/@types/nprogress": {
"version": "0.2.0",
"resolved": "https://registry.npmmirror.com/@types/nprogress/-/nprogress-0.2.0.tgz",
"integrity": "sha512-1cYJrqq9GezNFPsWTZpFut/d4CjpZqA0vhqDUPFWYKF1oIyBz5qnoYMzR+0C/T96t3ebLAC1SSnwrVOm5/j74A==",
"dev": true
},
"node_modules/@types/parse-json": { "node_modules/@types/parse-json": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmmirror.com/@types/parse-json/-/parse-json-4.0.0.tgz", "resolved": "https://registry.npmmirror.com/@types/parse-json/-/parse-json-4.0.0.tgz",
@ -5670,6 +5680,11 @@
"node": ">=12" "node": ">=12"
} }
}, },
"node_modules/nprogress": {
"version": "0.2.0",
"resolved": "https://registry.npmmirror.com/nprogress/-/nprogress-0.2.0.tgz",
"integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
},
"node_modules/oauth": { "node_modules/oauth": {
"version": "0.9.15", "version": "0.9.15",
"resolved": "https://registry.npmmirror.com/oauth/-/oauth-0.9.15.tgz", "resolved": "https://registry.npmmirror.com/oauth/-/oauth-0.9.15.tgz",
@ -9711,6 +9726,12 @@
"resolved": "https://registry.npmmirror.com/@types/node/-/node-20.3.1.tgz", "resolved": "https://registry.npmmirror.com/@types/node/-/node-20.3.1.tgz",
"integrity": "sha512-EhcH/wvidPy1WeML3TtYFGR83UzjxeWRen9V402T8aUGYsCHOmfoisV3ZSg03gAFIbLq8TnWOJ0f4cALtnSEUg==" "integrity": "sha512-EhcH/wvidPy1WeML3TtYFGR83UzjxeWRen9V402T8aUGYsCHOmfoisV3ZSg03gAFIbLq8TnWOJ0f4cALtnSEUg=="
}, },
"@types/nprogress": {
"version": "0.2.0",
"resolved": "https://registry.npmmirror.com/@types/nprogress/-/nprogress-0.2.0.tgz",
"integrity": "sha512-1cYJrqq9GezNFPsWTZpFut/d4CjpZqA0vhqDUPFWYKF1oIyBz5qnoYMzR+0C/T96t3ebLAC1SSnwrVOm5/j74A==",
"dev": true
},
"@types/parse-json": { "@types/parse-json": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmmirror.com/@types/parse-json/-/parse-json-4.0.0.tgz", "resolved": "https://registry.npmmirror.com/@types/parse-json/-/parse-json-4.0.0.tgz",
@ -12544,6 +12565,11 @@
} }
} }
}, },
"nprogress": {
"version": "0.2.0",
"resolved": "https://registry.npmmirror.com/nprogress/-/nprogress-0.2.0.tgz",
"integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
},
"oauth": { "oauth": {
"version": "0.9.15", "version": "0.9.15",
"resolved": "https://registry.npmmirror.com/oauth/-/oauth-0.9.15.tgz", "resolved": "https://registry.npmmirror.com/oauth/-/oauth-0.9.15.tgz",

4
datacenter/package.json
View File

@ -34,6 +34,7 @@
"moment": "^2.29.4", "moment": "^2.29.4",
"next": "13.4.7", "next": "13.4.7",
"next-auth": "^4.20.1", "next-auth": "^4.20.1",
"nprogress": "^0.2.0",
"postcss": "8.4.24", "postcss": "8.4.24",
"react": "18.2.0", "react": "18.2.0",
"react-dom": "18.2.0", "react-dom": "18.2.0",
@ -44,5 +45,8 @@
"tailwindcss": "3.3.2", "tailwindcss": "3.3.2",
"typescript": "5.1.3", "typescript": "5.1.3",
"zod": "^3.19.1" "zod": "^3.19.1"
},
"devDependencies": {
"@types/nprogress": "^0.2.0"
} }
} }