zhouhongbo
/
JZ_QGNB
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/main'

Browse Source
main
liushujing 3 months ago
parent 7c56e7cd38 ccad35f169
commit f4020e2793
111 changed files with 3811 additions and 2675 deletions
Show Stats Download Patch File Download Diff File

4
DigitalHumanWeb/next.config.mjs
Unescape Escape View File

@ -26,7 +26,9 @@ const nextConfig = {
],
webVitalsAttribution: ['CLS', 'LCP'],
},
typescript: {
ignoreBuildErrors: true
},
async headers() {
return [
{

8
DigitalHumanWeb/package.json
Unescape Escape View File

@ -38,7 +38,7 @@
"db:push-test": "NODE_ENV=test drizzle-kit push",
"db:studio": "drizzle-kit studio",
"db:z-pull": "drizzle-kit introspect",
"dev": "next dev -p 3010",
"dev": "next dev -p 3011",
"docs:i18n": "lobe-i18n md && npm run lint:mdx",
"docs:seo": "lobe-seo && npm run lint:mdx",
"i18n": "npm run workflow:i18n && lobe-i18n",
@ -109,6 +109,7 @@
"@azure/core-rest-pipeline": "1.16.0",
"@azure/openai": "1.0.0-beta.12",
"@cfworker/json-schema": "^2.0.0",
"@chevrotain/regexp-to-ast": "^11.0.3",
"@clerk/localizations": "^3.0.4",
"@clerk/nextjs": "^5.3.3",
"@clerk/themes": "^2.1.27",
@ -144,6 +145,8 @@
"axios": "^1.7.9",
"brotli-wasm": "^3.0.1",
"chroma-js": "^2.6.0",
"csv-string": "^4.1.1",
"csv-stringify": "^6.5.2",
"dayjs": "^1.11.13",
"debug": "^4.3.6",
"dexie": "^3.2.7",
@ -228,7 +231,7 @@
"y-webrtc": "^10.3.0",
"yaml": "^2.5.0",
"yjs": "^13.6.18",
"zod": "^3.23.8",
"zod": "^3.24.1",
"zustand": "^4.5.5",
"zustand-utils": "^1.3.2"
},
@ -243,6 +246,7 @@
"@peculiar/webcrypto": "^1.5.0",
"@testing-library/jest-dom": "^6.4.8",
"@testing-library/react": "^16.0.0",
"@types/axios": "^0.14.4",
"@types/chroma-js": "^2.4.4",
"@types/debug": "^4.1.12",
"@types/diff": "^5.2.1",

BIN
DigitalHumanWeb/public/images/logo-3d.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

2
DigitalHumanWeb/src/app/(main)/@nav/_layout/Desktop/Avatar.tsx
Unescape Escape View File

@ -1,6 +1,6 @@
import {Image} from 'antd';
import { memo } from 'react';
import { Flexbox } from 'react-layout-kit';
// import { Flexbox } from 'react-layout-kit';
// import UserAvatar from '@/features/User/UserAvatar';
// import UserPanel from '@/features/User/UserPanel';

21
DigitalHumanWeb/src/app/(main)/@nav/_layout/Desktop/TopActions.tsx
Unescape Escape View File

@ -18,13 +18,13 @@ const useStyles = createStyles(({ css }) => ({
width: 48px;
height: 48px;
`,
iconSelectText: css`
color: #0044FF;
`,
iconText: css`
text-align: center;
color: #fff;
`,
iconSelectText: css`
color: #0044FF;
`,
linkUrl: css`
width: 100%;
display: inline-block;
@ -37,7 +37,8 @@ const useStyles = createStyles(({ css }) => ({
export interface TopActionProps {
tab?: SidebarTabKey;
}
const getUserId = (s) => s.user?.id
const getUserId = (s: { user?: { id?: any } }) => s.user?.id;
const TopActions = memo<TopActionProps>(() => {
const { t } = useTranslation('common');
const switchBackToChat = useGlobalStore((s) => s.switchBackToChat);
@ -63,19 +64,19 @@ const TopActions = memo<TopActionProps>(() => {
<div className={value === '/chat' ? cx(styles.iconText, styles.iconSelectText) : cx(styles.iconText) }>会话</div>
</Link>
{enableKnowledgeBase && (
<Link aria-label={t('tab.files')} className={value === '/discover/assistants' ? cx(styles.linkUrl, styles.linkclic) : cx(styles.linkUrl)} href={`/discover/assistants?userid=${userId}`} onClick={() => {setValue("/discover/assistants"); window.localStorage.setItem("nowChat", "")}}>
<Link aria-label={t('tab.files')} className={value === '/discover/assistants' ? cx(styles.linkUrl, styles.linkclic) : cx(styles.linkUrl)} href={`/discover/assistants`} onClick={() => {setValue("/discover/assistants"); window.localStorage.setItem("nowChat", "")}}>
<Image alt={"files"} className={cx(styles.iconImg)} preview={false} src="/images/zs.png" />
<div className={value === '/discover/assistants' ? cx(styles.iconText, styles.iconSelectText) : cx(styles.iconText) }>助手</div>
</Link>
)}
{showMarket && (
<Link aria-label={t('tab.discover')} className={value === '/files' ? cx(styles.linkUrl, styles.linkclic) : cx(styles.linkUrl)} href={'/files'} onClick={() => {setValue("/files"); window.localStorage.setItem("nowChat", "")}}>
<Link aria-label={t('tab.discover')} className={value === '/applicationset' ? cx(styles.linkUrl, styles.linkclic) : cx(styles.linkUrl)} href={'/applicationset'} onClick={() => {setValue("/applicationset"); window.localStorage.setItem("nowChat", "")}}>
<Image alt={"discover"} className={cx(styles.iconImg)} preview={false} src="/images/gj.png" />
<div className={value === '/files' ? cx(styles.iconText, styles.iconSelectText) : cx(styles.iconText) }>工具</div>
<div className={value === '/applicationset' ? cx(styles.iconText, styles.iconSelectText) : cx(styles.iconText) }>AI应用集</div>
</Link>
)}
{showMarket && (
<Link aria-label={t('tab.Model')} className={value === '/model' ? cx(styles.linkUrl, styles.linkclic) : cx(styles.linkUrl)} href={`/discover/models?userid=${userId}`} onClick={() => {setValue("/model"); window.localStorage.setItem("nowChat", "")}}>
<Link aria-label={t('tab.model')} className={value === '/model' ? cx(styles.linkUrl, styles.linkclic) : cx(styles.linkUrl)} href={`/discover/models`} onClick={() => {setValue("/model"); window.localStorage.setItem("nowChat", "")}}>
<Image alt={"model"} className={cx(styles.iconImg)} preview={false} src="/images/mx.png" />
<div className={value === '/model' ? cx(styles.iconText, styles.iconSelectText) : cx(styles.iconText) }>模型</div>
</Link>
@ -87,13 +88,13 @@ const TopActions = memo<TopActionProps>(() => {
</Link>
)}
{showMarket && (
<Link aria-label={t('tab.Plugins')} className={value === '/plugins' ? cx(styles.linkUrl, styles.linkclic) : cx(styles.linkUrl)} href={`/discover/plugins?userid=${userId}`} onClick={() => {setValue("/plugins"); window.localStorage.setItem("nowChat", "")}}>
<Link aria-label={t('tab.plugins')} className={value === '/plugins' ? cx(styles.linkUrl, styles.linkclic) : cx(styles.linkUrl)} href={`/discover/plugins`} onClick={() => {setValue("/plugins"); window.localStorage.setItem("nowChat", "")}}>
<Image alt={"plugins"} className={cx(styles.iconImg)} preview={false} src="/images/cj.png" />
<div className={value === '/plugins' ? cx(styles.iconText, styles.iconSelectText) : cx(styles.iconText) }>插件</div>
</Link>
)}
{showMarket && (
<Link aria-label={t('tab.Power')} className={value === '/power' ? cx(styles.linkUrl, styles.linkclic) : cx(styles.linkUrl)} href={'/power'} onClick={() => {setValue("/power"); window.localStorage.setItem("nowChat", "")}}>
<Link aria-label={t('tab.power')} className={value === '/power' ? cx(styles.linkUrl, styles.linkclic) : cx(styles.linkUrl)} href={'/power'} onClick={() => {setValue("/power"); window.localStorage.setItem("nowChat", "")}}>
<Image alt={"power"} className={cx(styles.iconImg)} preview={false} src="/images/sl.png" />
<div className={value === '/power' ? cx(styles.iconText, styles.iconSelectText) : cx(styles.iconText) }>算力</div>
</Link>

2
DigitalHumanWeb/src/app/(main)/@nav/_layout/Desktop/index.tsx
Unescape Escape View File

@ -13,7 +13,7 @@ const Nav = memo(() => {
return (
<SideNav
avatar={<Avatar />}
bottomActions={<></>}
bottomActions={<div></div>}
style={{ backgroundColor: '#2E62FF', height: '100%', width: '100px', zIndex: 100 }}
topActions={<TopActions tab={sidebarKey} />}
/>

59
DigitalHumanWeb/src/app/(main)/_layout/Desktop.tsx
Unescape Escape View File

@ -7,45 +7,45 @@ import { Flexbox } from 'react-layout-kit';
import CloudBanner, { BANNER_HEIGHT } from '@/features/AlertBanner/CloudBanner';
import { usePlatform } from '@/hooks/usePlatform';
import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
import { UserOutlined, SearchOutlined } from '@ant-design/icons';
import { UserOutlined } from '@ant-design/icons';
import { LayoutProps } from './type';
import { Divider, Avatar } from "antd";
const title = {
const title:{[key: string]: string } = {
"/chat": '会话',
"/discover/assistants": "助手",
"/files": "工具",
"/knowledge": "知识库",
"/model": "模型",
"/robot": "数字人",
"/plugins": "插件",
"/power": "算力",
"/knowledge": "知识库"
"/robot": "数字人",
}
const useStyles = createStyles(({ css, token }) => ({
topCenten: css`
width: 100%;
line-height: 60px;
background: #FFFFFF;
box-sizing: border-box;
/* 分割线颜色 */
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: rgba(187, 204, 253, 0.24);
`,
leftTitle: css`
font-size: 20px;
color: #3d3d3d;
display: inline-block
`,
const useStyles = createStyles(({ css }) => ({
dividerCen: css`
width: 1px;
height: 26px;
background-color: #d8d8d8;
margin: 8px 16px;
`,
inp: css`
width: 283px;
margin-right: 43px;
background: #F3F6FF;
&:hover, &:active, &:focus {
border-color: transparent !important;
background: #F3F6FF !important;
}
`,
ledDiv: css `
width: 50%;
display: inline-block;
`,
leftTitle: css`
font-size: 20px;
color: #3d3d3d;
display: inline-block
`,
nameSpn: css`
margin-right: 16px;
margin-left: 18px;
@ -55,14 +55,15 @@ const useStyles = createStyles(({ css, token }) => ({
color: #BCCEFF;
font-size: 24px;
`,
inp: css`
width: 283px;
margin-right: 43px;
background: #F3F6FF;
&:hover, &:active, &:focus {
border-color: transparent !important;
background: #F3F6FF !important;
}
topCenten: css`
width: 100%;
line-height: 60px;
background: #FFFFFF;
box-sizing: border-box;
/* 分割线颜色 */
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: rgba(187, 204, 253, 0.24);
`,
}))
@ -94,7 +95,7 @@ const Layout = memo<LayoutProps>(({ children, nav }) => {
<span className={cx(styles.leftTitle)}>{title[pathName]}</span>
</div>
<div className={cx(styles.ledDiv)} style={{ height: '42px', lineHeight: "42px", textAlign: 'right' }}>
<Avatar style={{ backgroundColor: '#90ACFF' }} icon={<UserOutlined />} />
<Avatar icon={<UserOutlined />} style={{ backgroundColor: '#90ACFF' }}/>
<span className={cx(styles.nameSpn)}> 张末末</span>
</div>
</div>

478
DigitalHumanWeb/src/app/(main)/files/filescon.tsx → DigitalHumanWeb/src/app/(main)/applicationset/applicationset.tsx
Unescape Escape View File

@ -1,10 +1,10 @@
'use client';
import {memo, useMemo, useEffect, useState} from 'react';
import {memo, useEffect, useState} from 'react';
import {createStyles} from "antd-style";
import {Anchor, Button, Card, Image, Avatar, ConfigProvider} from "antd";
import {Anchor, Button, Card, Image} from "antd";
import {RightCircleOutlined, LikeFilled, WechatFilled, HomeFilled, DribbbleSquareFilled, CopyFilled, MedicineBoxFilled, IeCircleFilled, IdcardFilled, HourglassFilled, InsuranceFilled} from "@ant-design/icons";
import Link from "next/link";
// import Link from "next/link";
import request from '@/app/api/request';
import Title from "@/app/(main)/discover/components/Title";
@ -526,94 +526,30 @@ import Title from "@/app/(main)/discover/components/Title";
const stList = [
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
des: "擅长产品功能分析与用户价值观广告文案创作。",
id: '1',
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
},
{
title: 'XXX助手',
date: '2024-02-03',
des: "擅长产品功能分析与用户价值观广告文案创作。"
}
]
const useStyles = createStyles(({css, token}) => ({
topBtn: css`
padding: 10px 0px;
background: rgba(239, 243, 255, 0.22);
box-sizing: border-box;
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: rgba(146, 154, 178, 0.2392);
const useStyles = createStyles(({css}) => ({
actionItem: css`
height: 56px;
line-height: 56px;
margin-right: 30px
`,
selectBtn: css`
background-color: #3B6FFF !important;
color: #fff !important;
actionItemIcon: css`
margin-right: 15px;
margin-left: 28px;
`,
actionSpan: css`
color: #2E62FF;
`,
avImg: css`
width: 55px;
height: 55px;
border-radius: 16px
`,
btn: css`
width: 136px;
@ -623,125 +559,132 @@ const useStyles = createStyles(({css, token}) => ({
border-color: #C2C2C2 !important;
color: #666 !important;
`,
actionItem: css`
height: 56px;
line-height: 56px;
margin-right: 30px
card: css`
width: 23%;
margin: 32px 1% 0;
display: inline-block;
`,
actionItemIcon: css`
margin-right: 15px;
margin-left: 28px;
cardCotain: css`
margin-top: -10px;
font-size: 12px;
color: #999
`,
first: css`
color: #FFAD01
cardMeta: css`
height: 80px
`,
sec: css`
color: #5BD941
container: css`
marginTop: -20px
`,
thd: css`
color: #003BFF
containerTitle: css`
font-size: 18px
`,
four: css`
color: #FF9B06
desImg: css`
width: 28px
`,
desText: css`
font-size: 12px;
color: #909090;
`,
egiht: css`
color: #5BD941
`,
fif: css`
color: #FF4D4D
`,
six: css`
color: #003BFF
first: css`
color: #FFAD01
`,
seven: css`
color: #0EDFFF
four: css`
color: #FF9B06
`,
egiht: css`
color: #5BD941
leftTitle: css`
font-size: 20px;
margin: 0 1%;
padding-top: 20px;
`,
nine: css`
color: #07D7F7
`,
ten: css`
color: #E138FF
rightCo: css`
font-size: 16px;
margin-left: 30px;
vertical-align: middle;
`,
seleFir: css`
background-color: #FFF3D9;
color: #FFAD01;
sec: css`
color: #5BD941
`,
seleSec: css`
background-color: #DCF9D6;
seleEight: css`
background-color: #D1FFE7;
color: #5BD941;
`,
seleThd: css`
background-color: #E3E9FF;
color: #003BFF;
seleFif: css`
background-color: #FFEBEB;
color: #FF4D4D;
`,
seleFir: css`
background-color: #FFF3D9;
color: #FFAD01;
`,
seleFou: css`
background-color: #FFFACD;
color: #FF9B06;
`,
seleFif: css`
background-color: #FFEBEB;
color: #FF4D4D;
seleNine: css`
background-color: #D1FFE7;
color: #07D7F7;
`,
seleSix: css`
background-color: #E3E9FF;
color: #003BFF;
seleSec: css`
background-color: #DCF9D6;
color: #5BD941;
`,
seleSeve: css`
background-color: #D8FAFF;
color: #0EDFFF;
`,
seleEight: css`
background-color: #D1FFE7;
color: #5BD941;
`,
seleNine: css`
background-color: D1FFE7;
color: #07D7F7;
seleSix: css`
background-color: #E3E9FF;
color: #003BFF;
`,
seleTen: css`
background-color: #FCEBFF;
color: #E138FF;
`,
leftTitle: css`
font-size: 20px;
margin: 0 1%;
padding-top: 20px;
seleThd: css`
background-color: #E3E9FF;
color: #003BFF;
`,
card: css`
width: 23%;
margin: 32px 1% 0;
display: inline-block;
selectBtn: css`
background-color: #3B6FFF !important;
color: #fff !important;
`,
rightCo: css`
font-size: 16px;
margin-left: 30px;
vertical-align: middle;
seven: css`
color: #0EDFFF
`,
avImg: css`
width: 55px;
height: 55px;
border-radius: 16px
six: css`
color: #003BFF
`,
desText: css`
font-size: 12px;
color: #909090;
ten: css`
color: #E138FF
`,
thd: css`
color: #003BFF
`,
title: css`
font-size: 18px
`,
cardMeta: css`
height: 80px
`,
actionSpan: css`
color: #2E62FF;
`,
desImg: css`
width: 28px
topBtn: css`
padding: 10px 0px;
background: rgba(239, 243, 255, 0.22);
box-sizing: border-box;
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: rgba(146, 154, 178, 0.2392);
`,
cardCotain: css`
margin-top: -10px;
font-size: 12px;
color: #999
verImg: css`
height: 2px;
width: 80%;
background-color: #DFE4FF;
display: inline-block
`,
zsds: css`
display: inline-block;
@ -758,21 +701,22 @@ const useStyles = createStyles(({css, token}) => ({
border: 2px solid #ddd;
display: inline-block
`,
verImg: css`
height: 2px;
width: 80%;
background-color: #DFE4FF;
display: inline-block
`,
container: css`
marginTop: -20px
`,
containerTitle: css`
font-size: 18px
`
}))
const Filescon = memo(() => {
const getContainer = () => document.querySelector("#fileRight")
const handleClickCard = (e) => {
window.open(e.website, '_blank');
}
const onClickAncho = (e) => {
e.preventDefault()
// let srcolls = document.querySelector(link.href)
// srcolls.scrollIntoView({
// behavior: 'smooth',
// block: 'start'
// })
}
const ApplicationSet = memo(() => {
const { styles, cx } = useStyles()
const [val, setVal] = useState("AI")
const [achVal, setAchVal] = useState("#rmtj")
@ -780,20 +724,19 @@ const Filescon = memo(() => {
useEffect(() => {
const fetchData = () => {
request({
url: "/flxai/api/robot/apptoolsset/getAllAiTools",
method: "get",
}).then(response => {
if (response.code == 0) {
console.log(response,222222222)
url: "/flxai/api/robot/apptoolsset/getAllAiTools",
}).then((response) => {
if (response.code === 0) {
console.log(response,"2222")
setStData(response.data);
}
}).catch(error => {
console.error('Error fetching data: ', error);
console.error('Error fetching data:', error);
})
};
fetchData();
}, []); // 空数组[]意味着仅在组件挂载时调用一次
const getContainer = () => document.getElementById("fileRight")
const handleClick = (e) => {
setVal(e)
@ -803,98 +746,86 @@ const Filescon = memo(() => {
setAchVal(e)
}
const handleClickCard = (e) => {
window.open(e.website, '_blank');
}
const onClickAncho = (e,link) => {
e.preventDefault()
let srcolls = document.querySelector(link.href)
srcolls.scrollIntoView({
behavior: 'smooth',
block: 'start'
})
}
return (
<>
<div className={cx(styles.topBtn)}>
<Button onClick={() => handleClick("AI")} className={cx(styles.btn, val=='AI'&&styles.selectBtn)}>AI应用集</Button>
<Button onClick={() => handleClick("tj")} className={cx(styles.btn, val=='tj'&&styles.selectBtn)}>推荐工具</Button>
<Button className={cx(styles.btn, val==='AI'&&styles.selectBtn)} onClick={() => handleClick("AI")}>AI应用集</Button>
<Button className={cx(styles.btn, val==='tj'&&styles.selectBtn)} onClick={() => handleClick("tj")}>推荐工具</Button>
</div>
<div style={{ display: 'flex', overflowY: 'scroll' }}>
{val == 'AI' ? <>
{val === 'AI' ?
<>
<Anchor
style={{width: '200px', background: "#fff"}}
affix={false}
onClick={onClickAncho}
getContainer={getContainer}
onChange={(e) => onChangeAnchor(e)}
items={[
{
key: '1',
href: '#rmtj',
title: <div className={cx(styles.actionItem, achVal == '#rmtj' && styles.seleFir)}><LikeFilled
key: '1',
title: <div className={cx(styles.actionItem, achVal === '#rmtj' && styles.seleFir)}><LikeFilled
className={cx(styles.actionItemIcon, styles.first)}/>热门推荐</div>,
},
{
key: '2',
href: '#ailt',
title: <div className={cx(styles.actionItem, achVal == '#ailt' && styles.seleSec)}><WechatFilled
key: '2',
title: <div className={cx(styles.actionItem, achVal === '#ailt' && styles.seleSec)}><WechatFilled
className={cx(styles.actionItemIcon, styles.sec)}/>AI聊天</div>,
},
{
key: '3',
href: '#aixz',
title: <div className={cx(styles.actionItem, achVal == '#aixz' && styles.seleThd)}><CopyFilled
key: '3',
title: <div className={cx(styles.actionItem, achVal === '#aixz' && styles.seleThd)}><CopyFilled
className={cx(styles.actionItemIcon, styles.thd)}/>AI写作</div>,
},
{
key: '4',
href: '#aihh',
title: <div className={cx(styles.actionItem, achVal == '#aihh' && styles.seleFou)}>
key: '4',
title: <div className={cx(styles.actionItem, achVal === '#aihh' && styles.seleFou)}>
<DribbbleSquareFilled className={cx(styles.actionItemIcon, styles.four)}/>AI绘画</div>,
},
{
key: '5',
href: '#aisp',
title: <div className={cx(styles.actionItem, achVal == '#aisp' && styles.seleFif)}><HomeFilled
key: '5',
title: <div className={cx(styles.actionItem, achVal === '#aisp' && styles.seleFif)}><HomeFilled
className={cx(styles.actionItemIcon, styles.fif)}/>AI视频</div>,
},
{
key: '6',
href: '#aibg',
title: <div className={cx(styles.actionItem, achVal == '#aibg' && styles.seleSix)}><HourglassFilled
key: '6',
title: <div className={cx(styles.actionItem, achVal === '#aibg' && styles.seleSix)}><HourglassFilled
className={cx(styles.actionItemIcon, styles.six)}/>AI办公</div>,
},
{
key: '7',
href: '#aiszr',
title: <div className={cx(styles.actionItem, achVal == '#aiszr' && styles.seleSeve)}><IdcardFilled
key: '7',
title: <div className={cx(styles.actionItem, achVal === '#aiszr' && styles.seleSeve)}><IdcardFilled
className={cx(styles.actionItemIcon, styles.seven)}/>AI数字人</div>,
},
{
key: '8',
href: '#aijy',
title: <div className={cx(styles.actionItem, achVal == '#aijy' && styles.seleEight)}><IeCircleFilled
key: '8',
title: <div className={cx(styles.actionItem, achVal === '#aijy' && styles.seleEight)}><IeCircleFilled
className={cx(styles.actionItemIcon, styles.egiht)}/>AI教育</div>,
},
{
key: '9',
href: '#aibc',
title: <div className={cx(styles.actionItem, achVal == '#aibc' && styles.seleNine)}><InsuranceFilled
key: '9',
title: <div className={cx(styles.actionItem, achVal === '#aibc' && styles.seleNine)}><InsuranceFilled
className={cx(styles.actionItemIcon, styles.nine)}/>AI编程</div>,
},
{
key: '10',
href: '#aiyp',
title: <div className={cx(styles.actionItem, achVal == '#aiyp' && styles.seleTen)}><MedicineBoxFilled
key: '10',
title: <div className={cx(styles.actionItem, achVal === '#aiyp' && styles.seleTen)}><MedicineBoxFilled
className={cx(styles.actionItemIcon, styles.ten)}/>AI音频</div>,
},
]}
onChange={(e) => onChangeAnchor(e)}
onClick={onClickAncho}
style={{ background: "#fff", width: '200px' }}
/>
<div id="fileRight" style={{width: "calc(100vw - 300px)", height: "100vh", overflowY: 'scroll'}}>
<div id="fileRight" style={{height: "100vh", overflowY: 'scroll', width: "calc(100vw - 300px)"}}>
<div id="rmtj">
<div className={cx(styles.leftTitle)}>热门推荐</div>
<div>
@ -902,15 +833,16 @@ const Filescon = memo(() => {
stData['rmtj'] && stData['rmtj'].map((e) => {
return (
<Card
className={cx(styles.card)}
actions={[<span onClick={() => handleClickCard(e)} className={styles.actionSpan}>立即前往<RightCircleOutlined
actions={[<span className={styles.actionSpan} key={e.id} onClick={() => handleClickCard(e)}>立即前往<RightCircleOutlined
className={styles.rightCo}/></span>]}
className={cx(styles.card)}
key={e.id}
>
<Card.Meta
avatar={<Image alt="" className={styles.avImg} preview={false} src={e.iconurl}/>}
className={styles.cardMeta}
avatar={<Image className={styles.avImg} alt="" preview={false} src={e.iconurl}/>}
title={<span className={styles.title}>{e.name}</span>}
description={<span className={styles.desText}>{e.remark}</span>}
title={<span className={styles.title}>{e.name}</span>}
/>
</Card>
)
@ -925,14 +857,15 @@ const Filescon = memo(() => {
stData['chat'] && stData['chat'].map((e) => {
return (
<Card
actions={[<span className={styles.actions} key={e.id} onClick={() => handleClickCard(e)}>立即前往<RightCircleOutlined className={styles.rightCo}/></span>]}
className={cx(styles.card)}
actions={[<span onClick={() => handleClickCard(e)} className={styles.actions}>立即前往<RightCircleOutlined className={styles.rightCo}/></span>]}
key={e.id}
>
<Card.Meta
avatar={<Image alt="" className={styles.avImg} preview={false} src={e.iconurl}/>}
className={styles.cardMeta}
avatar={<Image className={styles.avImg} alt="" preview={false} src={e.iconurl}/>}
title={<span className={styles.title}>{e.name}</span>}
description={<span className={styles.desText}>{e.remark}</span>}
title={<span className={styles.title}>{e.name}</span>}
/>
</Card>
)
@ -947,15 +880,16 @@ const Filescon = memo(() => {
stData['writing'] && stData['writing'].map((e) => {
return (
<Card
className={cx(styles.card)}
actions={[<span onClick={() => handleClickCard(e)} className={styles.actionSpan}>立即前往<RightCircleOutlined
actions={[<span className={styles.actionSpan} key={e.id} onClick={() => handleClickCard(e)}>立即前往<RightCircleOutlined
className={styles.rightCo}/></span>]}
className={cx(styles.card)}
key={e.id}
>
<Card.Meta
avatar={<Image alt="" className={styles.avImg} preview={false} src={e.iconurl}/>}
className={styles.cardMeta}
avatar={<Image className={styles.avImg} alt="" preview={false} src={e.iconurl}/>}
title={<span className={styles.title}>{e.name}</span>}
description={<span className={styles.desText}>{e.remark}</span>}
title={<span className={styles.title}>{e.name}</span>}
/>
</Card>
)
@ -970,15 +904,16 @@ const Filescon = memo(() => {
stData['conversation'] && stData['conversation'].map((e) => {
return (
<Card
className={cx(styles.card)}
actions={[<span onClick={() => handleClickCard(e)} className={styles.actionSpan}>立即前往<RightCircleOutlined
actions={[<span className={styles.actionSpan} key={e.id} onClick={() => handleClickCard(e)}>立即前往<RightCircleOutlined
className={styles.rightCo}/></span>]}
className={cx(styles.card)}
key={e.id}
>
<Card.Meta
avatar={<Image alt="" className={styles.avImg} preview={false} src={e.iconurl}/>}
className={styles.cardMeta}
avatar={<Image className={styles.avImg} alt="" preview={false} src={e.iconurl}/>}
title={<span className={styles.title}>{e.name}</span>}
description={<span className={styles.desText}>{e.remark}</span>}
title={<span className={styles.title}>{e.name}</span>}
/>
</Card>
)
@ -993,15 +928,16 @@ const Filescon = memo(() => {
stData['video'] && stData['video'].map((e) => {
return (
<Card
className={cx(styles.card)}
actions={[<span onClick={() => handleClickCard(e)} className={styles.actionSpan}>立即前往<RightCircleOutlined
actions={[<span className={styles.actionSpan} key={e.id} onClick={() => handleClickCard(e)}>立即前往<RightCircleOutlined
className={styles.rightCo}/></span>]}
className={cx(styles.card)}
key={e.id}
>
<Card.Meta
avatar={<Image alt="" className={styles.avImg} preview={false} src={e.iconurl}/>}
className={styles.cardMeta}
avatar={<Image className={styles.avImg} alt="" preview={false} src={e.iconurl}/>}
title={<span className={styles.title}>{e.name}</span>}
description={<span className={styles.desText}>{e.remark}</span>}
title={<span className={styles.title}>{e.name}</span>}
/>
</Card>
)
@ -1016,15 +952,16 @@ const Filescon = memo(() => {
stData['office'] && stData['office'].map((e) => {
return (
<Card
className={cx(styles.card)}
actions={[<span onClick={() => handleClickCard(e)} className={styles.actionSpan}>立即前往<RightCircleOutlined
actions={[<span className={styles.actionSpan} key={e.id} onClick={() => handleClickCard(e)}>立即前往<RightCircleOutlined
className={styles.rightCo}/></span>]}
className={cx(styles.card)}
key={e.id}
>
<Card.Meta
avatar={<Image alt="" className={styles.avImg} preview={false} src={e.iconurl}/>}
className={styles.cardMeta}
avatar={<Image className={styles.avImg} alt="" preview={false} src={e.iconurl}/>}
title={<span className={styles.title}>{e.name}</span>}
description={<span className={styles.desText}>{e.remark}</span>}
title={<span className={styles.title}>{e.name}</span>}
/>
</Card>
)
@ -1039,15 +976,16 @@ const Filescon = memo(() => {
stData['digitalPeople'] && stData['digitalPeople'].map((e) => {
return (
<Card
className={cx(styles.card)}
actions={[<span onClick={() => handleClickCard(e)} className={styles.actionSpan}>立即前往<RightCircleOutlined
actions={[<span className={styles.actionSpan} key={e.id} onClick={() => handleClickCard(e)}>立即前往<RightCircleOutlined
className={styles.rightCo}/></span>]}
className={cx(styles.card)}
key={e.id}
>
<Card.Meta
avatar={<Image alt="" className={styles.avImg} preview={false} src={e.iconurl}/>}
className={styles.cardMeta}
avatar={<Image className={styles.avImg} alt="" preview={false} src={e.iconurl}/>}
title={<span className={styles.title}>{e.name}</span>}
description={<span className={styles.desText}>{e.remark}</span>}
title={<span className={styles.title}>{e.name}</span>}
/>
</Card>
)
@ -1062,15 +1000,16 @@ const Filescon = memo(() => {
stData['education'] && stData['education'].map((e) => {
return (
<Card
className={cx(styles.card)}
actions={[<span onClick={() => handleClickCard(e)} className={styles.actionSpan}>立即前往<RightCircleOutlined
actions={[<span className={styles.actionSpan} key={e.id} onClick={() => handleClickCard(e)}>立即前往<RightCircleOutlined
className={styles.rightCo}/></span>]}
className={cx(styles.card)}
key={e.id}
>
<Card.Meta
style={{height: '80px'}}
avatar={<Image className={styles.avImg} alt="" preview={false} src={e.iconurl}/>}
title={<span onClick={(e) => handleClickCard(e)} className={styles.title}>{e.name}</span>}
avatar={<Image alt="" className={styles.avImg} preview={false} src={e.iconurl}/>}
className={styles.cardMeta}
description={<span className={styles.desText}>{e.remark}</span>}
title={<span className={styles.title}>{e.name}</span>}
/>
</Card>
)
@ -1085,15 +1024,16 @@ const Filescon = memo(() => {
stData['programming'] && stData['programming'].map((e) => {
return (
<Card
className={cx(styles.card)}
actions={[<span onClick={() => handleClickCard(e)} className={styles.actionSpan}>立即前往<RightCircleOutlined
actions={[<span className={styles.actionSpan} key={e.id} onClick={() => handleClickCard(e)}>立即前往<RightCircleOutlined
className={styles.rightCo}/></span>]}
className={cx(styles.card)}
key={e.id}
>
<Card.Meta
style={{height: '80px'}}
avatar={<Image className={styles.avImg} alt="" preview={false} src={e.iconurl}/>}
title={<span className={styles.title}>{e.name}</span>}
avatar={<Image alt="" className={styles.avImg} preview={false} src={e.iconurl}/>}
className={styles.cardMeta}
description={<span className={styles.desText}>{e.remark}</span>}
title={<span className={styles.title}>{e.name}</span>}
/>
</Card>
)
@ -1108,15 +1048,16 @@ const Filescon = memo(() => {
stData['audio'] && stData['audio'].map((e) => {
return (
<Card
className={cx(styles.card)}
actions={[<span onClick={() => handleClickCard(e)} className={styles.actionSpan}>立即前往<RightCircleOutlined
actions={[<span className={styles.actionSpan} key={e.id} onClick={() => handleClickCard(e)}>立即前往<RightCircleOutlined
className={styles.rightCo}/></span>]}
className={cx(styles.card)}
key={e.id}
>
<Card.Meta
style={{height: '80px'}}
avatar={<Image className={styles.avImg} alt="" preview={false} src={e.iconurl}/>}
title={<span className={styles.title}>{e.name}</span>}
avatar={<Image alt="" className={styles.avImg} preview={false} src={e.iconurl}/>}
className={styles.cardMeta}
description={<span className={styles.desText}>{e.remark}</span>}
title={<span className={styles.title}>{e.name}</span>}
/>
</Card>
)
@ -1127,28 +1068,28 @@ const Filescon = memo(() => {
</div>
</>
:
<>
<div style={{ width: '90%', margin: '0 auto'}}>
<div style={{margin: '0 auto', width: '90%'}}>
<Title tag={stList.length}>助手列表</Title>
<div>
{
stList.map((e) => {
return (
<Card
className={cx(styles.card)}
actions={[<span className={styles.actionSpan}>查看详情<RightCircleOutlined
actions={[<span className={styles.actionSpan} key={e.id}>查看详情<RightCircleOutlined
className={styles.rightCo}/></span>]}
className={cx(styles.card)}
key={e.id}
>
<div className={styles.containerTitle}>{e.title}</div>
<div className={styles.container}>
<div className={styles.verImg}></div>
<div className={styles.zsdsCardImg}>
<Image src="/images/gjImg.png" alt="" preview={false} />
<Image alt="" preview={false} src="/images/gjImg.png" />
</div>
</div>
<div className={styles.cardCotain}>
<div>
<Image clasName={styles.desImg} preview={false} alt="" src="/images/detaicon.png" />
<Image alt="" className={styles.desImg} preview={false} src="/images/detaicon.png" />
<span className={styles.zsds}>助手大师</span>
<span>{e.date}</span>
</div>
@ -1160,11 +1101,10 @@ const Filescon = memo(() => {
}
</div>
</div>
</>
}
</div>
</>
);
});
export default Filescon;
export default ApplicationSet;

50
DigitalHumanWeb/src/app/(main)/applicationset/page.tsx
Unescape Escape View File

@ -0,0 +1,50 @@
// import StructuredData from '@/components/StructuredData';
import { Locales } from '@/locales/resources';
// import { ldModule } from '@/server/ld';
import { metadataModule } from '@/server/metadata';
// import { DiscoverService } from '@/server/services/discover';
import { translation } from '@/server/translation';
// import { isMobileDevice } from '@/utils/responsive';
import ApplicationSet from "./applicationset";
// import {Button} from "antd";
type Props = { searchParams: { hl?: Locales } };
export const generateMetadata = async ({ searchParams }: Props) => {
const { t, locale } = await translation('metadata', searchParams?.hl);
return metadataModule.generate({
alternate: true,
description: t('files.description'),
locale,
title: t('files.title'),
url: '/files',
});
};
const Page = async () => {
// const { t, locale } = await translation('metadata', searchParams?.hl);
// const mobile = isMobileDevice();
// const discoverService = new DiscoverService();
// const items = await discoverService.getAssistantList(locale);
// const ld = ldModule.generate({
// description: t('files.description'),
// title: t('files.title'),
// url: '/files',
// webpage: {
// enable: true,
// search: '/files/search',
// },
// });
return (
<ApplicationSet />
);
};
Page.DisplayName = 'DiscoverAssistants';
export default Page;

2
DigitalHumanWeb/src/app/(main)/chat/(workspace)/@topic/features/SystemRole/SystemRoleContent.tsx
Unescape Escape View File

@ -70,7 +70,7 @@ const SystemRole = memo(() => {
/>
<Flexbox
className={styles.promptBox}
height={200}
height={175}
onClick={handleOpen}
onDoubleClick={(e) => {
if (e.altKey) handleOpenWithEdit();

49
DigitalHumanWeb/src/app/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/HeaderAction.tsx
Unescape Escape View File

@ -1,43 +1,40 @@
'use client';
// import { ActionIcon } from '@lobehub/ui';
// import { PanelRightClose, PanelRightOpen } from 'lucide-react';
import { ActionIcon } from '@lobehub/ui';
import { PanelRightClose, PanelRightOpen } from 'lucide-react';
import { memo } from 'react';
// import { useTranslation } from 'react-i18next';
import { useTranslation } from 'react-i18next';
// import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
// import { useGlobalStore } from '@/store/global';
// import { systemStatusSelectors } from '@/store/global/selectors';
// import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
import { useGlobalStore } from '@/store/global';
import { systemStatusSelectors } from '@/store/global/selectors';
import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
// import SettingButton from '../../../features/SettingButton';
import SettingButton from '../../../features/SettingButton';
// import ShareButton from '../../../features/ShareButton';
import {Button} from "antd";
import { useOpenChatSettings } from '@/hooks/useInterceptingRoutes';
import ShareText from '../../../features/ShareText';
const HeaderAction = memo(() => {
// const { t } = useTranslation('chat');
const { t } = useTranslation('chat');
// const [showAgentSettings, toggleConfig] = useGlobalStore((s) => [
// systemStatusSelectors.showChatSideBar(s),
// s.toggleChatSideBar,
// ]);
const [showAgentSettings, toggleConfig] = useGlobalStore((s) => [
systemStatusSelectors.showChatSideBar(s),
s.toggleChatSideBar,
]);
// const { isAgentEditable } = useServerConfigStore(featureFlagsSelectors);
const openChatSettings = useOpenChatSettings();
const { isAgentEditable } = useServerConfigStore(featureFlagsSelectors);
return (
<>
<Button onClick={() => openChatSettings()} shape="round" style={{ borderColor: '#2E62FF', color: "#2E62FF" }}>会话设置</Button>
<ShareText/>
{/*<ShareButton />*/}
{/*<ActionIcon*/}
{/* icon={showAgentSettings ? PanelRightClose : PanelRightOpen}*/}
{/* onClick={() => toggleConfig()}*/}
{/* size={DESKTOP_HEADER_ICON_SIZE}*/}
{/* title={t('roleAndArchive')}*/}
{/*/>*/}
{/*{isAgentEditable && <SettingButton />}*/}
{isAgentEditable && <SettingButton />}
<ActionIcon
icon={showAgentSettings ? PanelRightClose : PanelRightOpen}
onClick={() => toggleConfig()}
size={DESKTOP_HEADER_ICON_SIZE}
title={t('roleAndArchive')}
/>
</>
);
});

54
DigitalHumanWeb/src/app/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/Main.tsx
Unescape Escape View File

@ -1,28 +1,28 @@
'use client';
import { Avatar } from '@lobehub/ui';
import { ActionIcon, Avatar, ChatHeaderTitle } from '@lobehub/ui';
import { Skeleton } from 'antd';
// import { PanelLeftClose, PanelLeftOpen } from 'lucide-react';
import { PanelLeftClose, PanelLeftOpen } from 'lucide-react';
import { Suspense, memo } from 'react';
import { useTranslation } from 'react-i18next';
import { Flexbox } from 'react-layout-kit';
// import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
import { useOpenChatSettings } from '@/hooks/useInterceptingRoutes';
// import { useGlobalStore } from '@/store/global';
// import { systemStatusSelectors } from '@/store/global/selectors';
import { useGlobalStore } from '@/store/global';
import { systemStatusSelectors } from '@/store/global/selectors';
import { useSessionStore } from '@/store/session';
import { sessionMetaSelectors, sessionSelectors } from '@/store/session/selectors';
import { useInitAgentConfig } from '../../useInitAgentConfig';
// import Tags from './Tags';
import Tags from './Tags';
const Main = memo(() => {
const { t } = useTranslation('chat');
useInitAgentConfig();
const [init, isInbox, title, avatar, backgroundColor] = useSessionStore((s) => [
const [init, isInbox, title, description, avatar, backgroundColor] = useSessionStore((s) => [
sessionSelectors.isSomeSessionActive(s),
sessionSelectors.isInboxSession(s),
sessionMetaSelectors.currentAgentTitle(s),
@ -34,9 +34,9 @@ const Main = memo(() => {
const openChatSettings = useOpenChatSettings();
const displayTitle = isInbox ? t('inbox.title') : title;
// const displayDesc = isInbox ? t('inbox.desc') : description;
// const showSessionPanel = useGlobalStore(systemStatusSelectors.showSessionPanel);
// const updateSystemStatus = useGlobalStore((s) => s.updateSystemStatus);
const displayDesc = isInbox ? t('inbox.desc') : description;
const showSessionPanel = useGlobalStore(systemStatusSelectors.showSessionPanel);
const updateSystemStatus = useGlobalStore((s) => s.updateSystemStatus);
return !init ? (
<Flexbox horizontal>
@ -49,20 +49,20 @@ const Main = memo(() => {
</Flexbox>
) : (
<Flexbox align={'center'} gap={4} horizontal>
{/*{*/}
{/* <ActionIcon*/}
{/* aria-label={t('agents')}*/}
{/* icon={showSessionPanel ? PanelLeftClose : PanelLeftOpen}*/}
{/* onClick={() => {*/}
{/* updateSystemStatus({*/}
{/* sessionsWidth: showSessionPanel ? 0 : 320,*/}
{/* showSessionPanel: !showSessionPanel,*/}
{/* });*/}
{/* }}*/}
{/* size={DESKTOP_HEADER_ICON_SIZE}*/}
{/* title={t('agents')}*/}
{/* />*/}
{/*}*/}
{
<ActionIcon
aria-label={t('agents')}
icon={showSessionPanel ? PanelLeftClose : PanelLeftOpen}
onClick={() => {
updateSystemStatus({
sessionsWidth: showSessionPanel ? 0 : 320,
showSessionPanel: !showSessionPanel,
});
}}
size={DESKTOP_HEADER_ICON_SIZE}
title={t('agents')}
/>
}
<Avatar
avatar={avatar}
background={backgroundColor}
@ -70,11 +70,7 @@ const Main = memo(() => {
size={40}
title={title}
/>
<div>
<div style={{ fontSize: "15px" }}>{displayTitle}</div>
{/*<ChatHeaderTitle desc={displayDesc} title={displayTitle} />*/}
<div style={{ color: "#A7A0A0", fontSize: '12px' }}>{displayTitle}</div>
</div>
<ChatHeaderTitle desc={displayDesc} tag={<Tags />} title={displayTitle} />
</Flexbox>
);
});

58
DigitalHumanWeb/src/app/(main)/chat/(workspace)/_layout/Desktop/TopicPanel.tsx
Unescape Escape View File

@ -3,26 +3,21 @@
import { DraggablePanel, DraggablePanelContainer } from '@lobehub/ui';
import { createStyles, useResponsive } from 'antd-style';
import isEqual from 'fast-deep-equal';
import { memo, useEffect, useState } from 'react';
import { PropsWithChildren, memo, useEffect, useState } from 'react';
// import SafeSpacing from '@/components/SafeSpacing';
import SafeSpacing from '@/components/SafeSpacing';
import { CHAT_SIDEBAR_WIDTH } from '@/const/layoutTokens';
import { useChatStore } from '@/store/chat';
import { chatPortalSelectors } from '@/store/chat/slices/portal/selectors';
import { useGlobalStore } from '@/store/global';
import { systemStatusSelectors } from '@/store/global/selectors';
import {Form, Image} from "antd";
import {EditFilled} from "@ant-design/icons";
import TopicListContent from "@/app/(main)/chat/(workspace)/@topic/features/TopicListContent";
import Header from "@/app/(main)/chat/(workspace)/@topic/features/Header";
import { Image } from "antd";
const useStyles = createStyles(({ css, token }) => ({
content: css`
display: flex;
flex-direction: column;
height: calc(100% - 64px) !important;
margin-top: 64px;
width: 363px !important;
height: 100% !important;
`,
drawer: css`
z-index: 10;
@ -31,24 +26,10 @@ const useStyles = createStyles(({ css, token }) => ({
header: css`
border-block-end: 1px solid ${token.colorBorder};
`,
topEdit: css`
display: inline-block;
text-align: center;
width: 24px;
height: 24px;
background-color: #AFC1FF;
color: #fff;
`,
topTitle: css`
font-size: 18px;
display: inline-block;
width: calc(100% - 24px)
`,
}));
const TopicPanel = memo(() => {
const TopicPanel = memo(({ children }: PropsWithChildren) => {
const { styles } = useStyles();
const [form] = Form.useForm()
const { md = true, lg = true } = useResponsive();
const [showAgentSettings, toggleConfig] = useGlobalStore((s) => [
systemStatusSelectors.showChatSideBar(s),
@ -87,38 +68,13 @@ const TopicPanel = memo(() => {
style={{
flex: 'none',
height: '100%',
border: "1px solid #ddd",
maxHeight: '100vh',
minWidth: CHAT_SIDEBAR_WIDTH,
}}
>
<div style={{ padding: '15px 20px'}}>
<div className={styles.topTitle}>助手角色设定</div>
<div className={styles.topEdit}><EditFilled /></div>
</div>
<SafeSpacing />
<div><Image alt="头像" preview={false} src="/images/zsImage.png" /></div>
<Form colon={false} form={form} labelCol={{ span: 6 }} layout="horizontal" wrapperCol={{ span: 18 }}>
<Form.Item label="名称" name="name">
<span style={{ width: "18px" }}>Linda</span>
</Form.Item>
<Form.Item label="简介" name="jj">
<span style={{ color: "#999999", fontSize: '13px' }}>这是一段简介这是一段简介这是一段简介这是一段简介这是一段简介这是一段简介这是一段简介这是一段简介这是一段简介这是一段简介这是一段简介</span>
</Form.Item>
<Form.Item label="任务" name="rw">
<span style={{ color: "#999999", fontSize: '13px' }}>这是一段任务这是一段任务这是一段任务这是一段任务这是一段任务这是一段任务这是一段任务这是一段任务这是一段任务这是一段任务</span>
</Form.Item>
</Form>
{/*<div style={{ display: 'flex' }}>*/}
{/* <div style={{ width: '25%', textAlign: 'right' }}>话题</div>*/}
{/* <div style={{ width: '75%', height: 'calc(100vh - 800px)' }}>*/}
<div>
<Header />
<TopicListContent />
</div>
{/*</div>*/}
{/*</div>*/}
{/*<SafeSpacing />*/}
{/*{children}*/}
{children}
</DraggablePanelContainer>
</DraggablePanel>
)

21
DigitalHumanWeb/src/app/(main)/chat/(workspace)/features/SettingButton.tsx
Unescape Escape View File

@ -1,24 +1,19 @@
'use client';
import { ActionIcon } from '@lobehub/ui';
import { AlignJustify } from 'lucide-react';
// import { ActionIcon } from '@lobehub/ui';
// import { AlignJustify } from 'lucide-react';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { DESKTOP_HEADER_ICON_SIZE, MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
// import { useTranslation } from 'react-i18next';
import {Button} from "antd";
// import { DESKTOP_HEADER_ICON_SIZE, MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
import { useOpenChatSettings } from '@/hooks/useInterceptingRoutes';
const SettingButton = memo<{ mobile?: boolean }>(({ mobile }) => {
const { t } = useTranslation('common');
const SettingButton = memo<{ mobile?: boolean }>(() => {
// const { t } = useTranslation('common');
const openChatSettings = useOpenChatSettings();
return (
<ActionIcon
icon={AlignJustify}
onClick={() => openChatSettings()}
size={mobile ? MOBILE_HEADER_ICON_SIZE : DESKTOP_HEADER_ICON_SIZE}
title={t('header.session', { ns: 'setting' })}
/>
<Button onClick={() => openChatSettings()} shape="round" style={{borderColor: '#2E62FF', color: "#2E62FF", fontSize: '13px',height: '30px' }}>会话设置</Button>
);
});

4
DigitalHumanWeb/src/app/(main)/chat/(workspace)/features/ShareButton/style.ts
Unescape Escape View File

@ -2,7 +2,7 @@ import { createStyles } from 'antd-style';
import { imageUrl } from '@/const/url';
export const useStyles = createStyles(({ css, token, stylish, cx }, withBackground: boolean) => ({
export const useStyles = createStyles(({ css, token, cx }, withBackground: boolean) => ({
background: css`
padding: 24px;
@ -34,7 +34,7 @@ export const useStyles = createStyles(({ css, token, stylish, cx }, withBackgrou
border-block-end: 1px solid ${token.colorBorder};
`,
preview: cx(
stylish.noScrollbar,
// stylish.noScrollbar,
css`
overflow: hidden scroll;

16
DigitalHumanWeb/src/app/(main)/chat/(workspace)/features/ShareText/Preview.tsx
Unescape Escape View File

@ -0,0 +1,16 @@
import { Markdown } from '@lobehub/ui';
import { memo } from 'react';
import { useContainerStyles } from '../style';
const Preview = memo<{ content: string }>(({ content }) => {
const { styles } = useContainerStyles();
return (
<div className={styles.preview} style={{ padding: 12 }}>
<Markdown>{content}</Markdown>
</div>
);
});
export default Preview;

102
DigitalHumanWeb/src/app/(main)/chat/(workspace)/features/ShareText/index.tsx
Unescape Escape View File

@ -0,0 +1,102 @@
// import { Form, type FormItemProps, Icon, copyToClipboard } from '@lobehub/ui';
import { Button } from 'antd';
import isEqual from 'fast-deep-equal';
// import { CopyIcon } from 'lucide-react';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { Flexbox } from 'react-layout-kit';
// import { FORM_STYLE } from '@/const/layoutTokens';
import { useIsMobile } from '@/hooks/useIsMobile';
import { useAgentStore } from '@/store/agent';
import { agentSelectors } from '@/store/agent/selectors';
import { useChatStore } from '@/store/chat';
import { chatSelectors, topicSelectors } from '@/store/chat/selectors';
import { FieldType } from './type';
import { LOADING_FLAT } from '@/const/message';
import { stringify as csvStringify } from 'csv-stringify';
const DEFAULT_FIELD_VALUE: FieldType = {
includeTool: true,
includeUser: true,
withRole: true,
withSystemRole: false,
};
const ShareText = memo(() => {
// const [fieldValue, setFieldValue] = useState(DEFAULT_FIELD_VALUE);
const { t } = useTranslation(['chat', 'common']);
// const { message } = App.useApp();
const [systemRole] = useAgentStore((s) => [agentSelectors.currentAgentSystemRole(s)]);
const messages = useChatStore(chatSelectors.currentChats, isEqual);
const topic = useChatStore(topicSelectors.currentActiveTopic, isEqual);
console.log(systemRole,messages,'83737373737')
let messagesNew = messages
.filter((m) => m.content !== LOADING_FLAT)
.filter((m) => (!DEFAULT_FIELD_VALUE.includeUser ? m.role !== 'user' : true))
.filter((m) => (!DEFAULT_FIELD_VALUE.includeTool ? m.role !== 'tool' : true))
console.log(messagesNew,'111111111111111')
const topicTitle = topic?.title || t('shareModal.exportTitle');
console.log(topicTitle,'22222222222222222')
const isMobile = useIsMobile();
const downloadCSV = () => {
const data = [
["question", "answer"],
];
let arrItem:string[] = [];
messagesNew.forEach((chat)=> {
if (chat.role === 'assistant') {
arrItem.push(chat.content)
} else if(chat.role === 'user') {
arrItem.unshift(chat.content)
}
if(arrItem.length >= 2) {
data.push(arrItem)
arrItem = [];
}
})
console.log(data,'9999111111')
// 将数据转换为CSV字符串
let csvContent = "";
csvStringify(data, (err, output) => {
if (err) {
console.error('Error generating CSV:', err);
return;
}
// 输出 CSV 字符串
console.log(output,'66666666666666');
csvContent = output
// 创建一个Blob对象
const blob = new Blob([csvContent], { type: 'text/csv' });
// 创建一个URL并指向Blob对象
const url = URL.createObjectURL(blob);
// 创建一个隐藏的<a>标签并点击它以触发下载
const a = document.createElement('a');
a.setAttribute('hidden', '');
a.setAttribute('href', url);
a.setAttribute('download', topicTitle + '.csv');
document.body.append(a);
a.click();
// 移除<a>标签
a.remove();
// 释放URL对象
URL.revokeObjectURL(url);
});
}
return (
<Flexbox gap={16} horizontal={!isMobile}>
<Button onClick={() => downloadCSV()} shape="round" style={{borderColor: '#2E62FF', color: "#2E62FF",fontSize: '13px',height: '30px'}}>会话导出</Button>
</Flexbox>
);
});
export default ShareText;

178
DigitalHumanWeb/src/app/(main)/chat/(workspace)/features/ShareText/template.test.ts
Unescape Escape View File

@ -0,0 +1,178 @@
import { describe, expect, it } from 'vitest';
import { LOADING_FLAT } from '@/const/message';
import { ChatMessage } from '@/types/message';
import { generateMarkdown } from './template';
describe('generateMarkdown', () => {
// 创建测试用的消息数据
const mockMessages = [
{
id: '1',
content: 'Hello',
role: 'user',
createdAt: Date.now(),
},
{
id: '2',
content: 'Hi there',
role: 'assistant',
createdAt: Date.now(),
},
{
id: '3',
content: LOADING_FLAT,
role: 'assistant',
createdAt: Date.now(),
},
{
id: '4',
content: '{"result": "tool data"}',
role: 'tool',
createdAt: Date.now(),
tool_call_id: 'tool1',
},
{
id: '5',
content: 'Message with tools',
role: 'assistant',
createdAt: Date.now(),
tools: [{ name: 'calculator', result: '42' }],
},
] as ChatMessage[];
const defaultParams = {
messages: mockMessages,
title: 'Chat Title',
includeTool: false,
includeUser: true,
withSystemRole: false,
withRole: false,
systemRole: '',
};
it('should generate basic markdown with title', () => {
const result = generateMarkdown(defaultParams);
expect(result).toContain('# Chat Title');
expect(result).toContain('Hello');
expect(result).toContain('Hi there');
});
it('should include system role when withSystemRole is true', () => {
const systemRole = 'I am a helpful assistant';
const result = generateMarkdown({
...defaultParams,
withSystemRole: true,
systemRole,
});
expect(result).toContain('````md\nI am a helpful assistant\n````');
});
it('should not include system role when withSystemRole is false', () => {
const systemRole = 'I am a helpful assistant';
const result = generateMarkdown({
...defaultParams,
withSystemRole: false,
systemRole,
});
expect(result).not.toContain('```\nI am a helpful assistant\n```');
});
it('should add role labels when withRole is true', () => {
const result = generateMarkdown({
...defaultParams,
withRole: true,
});
expect(result).toContain('##### User:');
expect(result).toContain('##### Assistant:');
});
it('should not add role labels when withRole is false', () => {
const result = generateMarkdown({
...defaultParams,
withRole: false,
});
expect(result).not.toContain('##### User:');
expect(result).not.toContain('##### Assistant:');
});
it('should include tool messages when includeTool is true', () => {
const result = generateMarkdown({
...defaultParams,
includeTool: true,
withRole: true,
});
expect(result).toContain('##### Tools Calling:');
expect(result).toContain('```json\n{"result": "tool data"}\n```');
});
it('should exclude tool messages when includeTool is false', () => {
const result = generateMarkdown({
...defaultParams,
includeTool: false,
});
expect(result).not.toContain('{"result": "tool data"}');
});
it('should exclude user messages when includeUser is false', () => {
const result = generateMarkdown({
...defaultParams,
includeUser: false,
});
expect(result).not.toContain('Hello');
expect(result).toContain('Hi there');
});
it('should filter out loading messages', () => {
const result = generateMarkdown(defaultParams);
expect(result).not.toContain(LOADING_FLAT);
});
it('should include tools data when includeTool is true', () => {
const result = generateMarkdown({
...defaultParams,
includeTool: true,
});
expect(result).toContain('"name": "calculator"');
expect(result).toContain('"result": "42"');
});
it('should handle empty messages array', () => {
const result = generateMarkdown({
...defaultParams,
messages: [],
});
expect(result).toContain('# Chat Title');
// Should not throw error and should contain at least the title
});
it('should handle messages with special characters', () => {
const messagesWithSpecialChars = [
{
id: '1',
content: '**Bold** *Italic* `Code`',
role: 'user',
createdAt: Date.now(),
},
] as ChatMessage[];
const result = generateMarkdown({
...defaultParams,
messages: messagesWithSpecialChars,
});
expect(result).toContain('**Bold** *Italic* `Code`');
});
});

79
DigitalHumanWeb/src/app/(main)/chat/(workspace)/features/ShareText/template.ts
Unescape Escape View File

@ -0,0 +1,79 @@
import { template } from 'lodash-es';
import { LOADING_FLAT } from '@/const/message';
import { FieldType } from '@/features/ShareModal/ShareText/type';
import { ChatMessage } from '@/types/message';
const markdownTemplate = template(
`# {{title}}
<% if (systemRole) { %>
\`\`\`\`md
{{systemRole}}
\`\`\`\`
<% } %>
<% messages.forEach(function(chat) { %>
<% if (withRole) { %>
<% if (chat.role === 'user') { %>
##### User:
<% } else if (chat.role === 'assistant') { %>
##### Assistant:
<% } else if (chat.role === 'tool') { %>
##### Tools Calling:
<% } %>
<% } %>
<% if (chat.role === 'tool') { %>
\`\`\`json
{{chat.content}}
\`\`\`
<% } else { %>
{{chat.content}}
<% if (includeTool && chat.tools) { %>
\`\`\`json
{{JSON.stringify(chat.tools, null, 2)}}
\`\`\`
<% } %>
<% } %>
<% }); %>
`,
{
evaluate: /<%([\S\s]+?)%>/g,
interpolate: /{{([\S\s]+?)}}/g,
},
);
interface MarkdownParams extends FieldType {
messages: ChatMessage[];
systemRole: string;
title: string;
}
export const generateMarkdown = ({
messages,
title,
includeTool,
includeUser,
withSystemRole,
withRole,
systemRole,
}: MarkdownParams) =>
markdownTemplate({
includeTool,
messages: messages
.filter((m) => m.content !== LOADING_FLAT)
.filter((m) => (!includeUser ? m.role !== 'user' : true))
.filter((m) => (!includeTool ? m.role !== 'tool' : true)),
systemRole: withSystemRole ? systemRole : undefined,
title,
withRole,
});

6
DigitalHumanWeb/src/app/(main)/chat/(workspace)/features/ShareText/type.ts
Unescape Escape View File

@ -0,0 +1,6 @@
export type FieldType = {
includeTool: boolean;
includeUser: boolean;
withRole: boolean;
withSystemRole: boolean;
};

44
DigitalHumanWeb/src/app/(main)/chat/@session/_layout/Desktop/SessionHeader.tsx
Unescape Escape View File

@ -1,18 +1,18 @@
'use client';
import { ActionIcon } from '@lobehub/ui';
// import { ActionIcon } from '@lobehub/ui';
import { createStyles } from 'antd-style';
import { MessageSquarePlus } from 'lucide-react';
// import { MessageSquarePlus } from 'lucide-react';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
// import { useTranslation } from 'react-i18next';
import { Flexbox } from 'react-layout-kit';
import { ProductLogo } from '@/components/Branding';
import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
import SyncStatusTag from '@/features/SyncStatusInspector';
import { useActionSWR } from '@/libs/swr';
import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
import { useSessionStore } from '@/store/session';
// import { ProductLogo } from '@/components/Branding';
// import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
// import SyncStatusTag from '@/features/SyncStatusInspector';
// import { useActionSWR } from '@/libs/swr';
// import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
// import { useSessionStore } from '@/store/session';
import SessionSearchBar from '../../features/SessionSearchBar';
@ -30,31 +30,15 @@ export const useStyles = createStyles(({ css, token }) => ({
const Header = memo(() => {
const { styles } = useStyles();
const { t } = useTranslation('chat');
const [createSession] = useSessionStore((s) => [s.createSession]);
const { enableWebrtc, showCreateSession } = useServerConfigStore(featureFlagsSelectors);
// const { t } = useTranslation('chat');
// const [createSession] = useSessionStore((s) => [s.createSession]);
// const { enableWebrtc, showCreateSession } = useServerConfigStore(featureFlagsSelectors);
const { mutate, isValidating } = useActionSWR('session.createSession', () => createSession());
// const { mutate, isValidating } = useActionSWR('session.createSession', () => createSession());
return (
<Flexbox className={styles.top} gap={16} padding={16}>
{/*<Flexbox distribution={'space-between'} horizontal>*/}
{/* <Flexbox align={'center'} gap={4} horizontal>*/}
{/* <ProductLogo className={styles.logo} size={36} type={'text'} />*/}
{/* {enableWebrtc && <SyncStatusTag />}*/}
{/* </Flexbox>*/}
{/* {showCreateSession && (*/}
{/* <ActionIcon*/}
{/* icon={MessageSquarePlus}*/}
{/* loading={isValidating}*/}
{/* onClick={() => mutate()}*/}
{/* size={DESKTOP_HEADER_ICON_SIZE}*/}
{/* style={{ flex: 'none' }}*/}
{/* title={t('newAgent')}*/}
{/* />*/}
{/* )}*/}
{/*</Flexbox>*/}
{/*<SessionSearchBar />*/}
<SessionSearchBar />
</Flexbox>
);
});

17
DigitalHumanWeb/src/app/(main)/chat/@session/features/SessionListContent/Inbox/index.tsx
Unescape Escape View File

@ -2,38 +2,33 @@ import Link from 'next/link';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { DEFAULT_INBOX_AVATAR } from '@/const/meta';
// import { DEFAULT_INBOX_AVATAR } from '@/const/meta';
import { INBOX_SESSION_ID } from '@/const/session';
import { SESSION_CHAT_URL } from '@/const/url';
import { useServerConfigStore } from '@/store/serverConfig';
import { useSessionStore } from '@/store/session';
// import { useSessionStore } from '@/store/session';
import ListItem from '../ListItem';
// import ListItem from '../ListItem';
import { useSwitchSession } from '../useSwitchSession';
import {Image} from "antd";
const Inbox = memo(() => {
const { t } = useTranslation('chat');
const mobile = useServerConfigStore((s) => s.isMobile);
const activeId = useSessionStore((s) => s.activeId);
// const activeId = useSessionStore((s) => s.activeId);
const switchSession = useSwitchSession();
return (
<Link
style={{ textAlign: 'center' }}
aria-label={t('inbox.title')}
href={SESSION_CHAT_URL(INBOX_SESSION_ID, mobile)}
onClick={(e) => {
e.preventDefault();
switchSession(INBOX_SESSION_ID);
}}
style={{ textAlign: 'center' }}
>
<Image alt={'sbChat'} src="/images/sbChat.png" preview={false} />
{/*<ListItem*/}
{/* active={activeId === INBOX_SESSION_ID}*/}
{/* avatar={DEFAULT_INBOX_AVATAR}*/}
{/* title={t('inbox.title')}*/}
{/*/>*/}
<Image alt={'sbChat'} preview={false} src="/images/sbChat.png" />
</Link>
);
});

7
DigitalHumanWeb/src/app/(main)/chat/@session/features/SessionListContent/List/Item/index.tsx
Unescape Escape View File

@ -27,7 +27,6 @@ const SessionItem = memo<SessionItemProps>(({ id }) => {
const [active] = useSessionStore((s) => [s.activeId === id]);
const [loading] = useChatStore((s) => [chatSelectors.isAIGenerating(s) && id === s.activeId]);
const [pin, title, description, avatar, avatarBackground, updateAt, model, group] =
useSessionStore((s) => {
const session = sessionSelectors.getSessionById(id)(s);
@ -72,7 +71,6 @@ const SessionItem = memo<SessionItemProps>(({ id }) => {
return (
<>
<ListItem
style={{ position: "relative"}}
actions={actions}
active={active}
addon={addon}
@ -83,10 +81,11 @@ const SessionItem = memo<SessionItemProps>(({ id }) => {
loading={loading}
pin={pin}
showAction={open}
style={{ position: "relative"}}
title={title}
>
{window.localStorage.getItem("nowChat") == id ? <div style={{position: 'absolute', right: "40px", top: '15px', textAlign: 'center', color: '#1139FF'}}>
<AlignCenterOutlined rotate={90}/><br/>正在会话</div> : <></>}
{active ? <div style={{color: '#1139FF', position: 'absolute', right: "40px", textAlign: 'center', top: '15px'}}>
<AlignCenterOutlined rotate={90}/><br/>正在会话</div> : null}
</ListItem>
<CreateGroupModal
id={id}

1
DigitalHumanWeb/src/app/(main)/chat/@session/features/SessionListContent/List/index.tsx
Unescape Escape View File

@ -49,7 +49,6 @@ const SessionList = memo<SessionListProps>(({ dataSource, groupId, showAddButton
onClick={(e) => {
e.preventDefault();
switchSession(id);
localStorage.setItem("nowChat", id)
}}
>
<SessionItem id={id} />

2
DigitalHumanWeb/src/app/(main)/chat/_layout/Desktop/index.tsx
Unescape Escape View File

@ -10,7 +10,7 @@ const Layout = ({ children, session }: LayoutProps) => {
<Flexbox
height={'100%'}
horizontal
style={{ maxWidth: 'calc(100vw - 100px)', maxHeight: "calc(100vh - 46px)", overflow: 'hidden', position: 'relative' }}
style={{ maxHeight: "calc(100vh - 46px)", maxWidth: 'calc(100vw - 100px)', overflow: 'hidden', position: 'relative' }}
width={'100%'}
>
<SessionPanel>{session}</SessionPanel>

1
DigitalHumanWeb/src/app/(main)/chat/settings/modal/page.tsx
Unescape Escape View File

@ -14,6 +14,7 @@ const ChatSettingsModalFallback = () => {
const router = useQueryRoute();
useLayoutEffect(() => {
router.replace('/chat/settings', { query: { tab: '' } });
}, []);

47
DigitalHumanWeb/src/app/(main)/discover/(detail)/assistant/[slug]/features/Header.tsx
Unescape Escape View File

@ -16,11 +16,31 @@ import { DiscoverAssistantItem } from '@/types/discover';
import { useUserStore } from '@/store/user';
import GitHubAvatar from '../../../../components/GitHubAvatar';
import Actions from './Actions';
export const useStyles = createStyles(({ css, token }) => ({
conTitle: css`
width: 125px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 20px;
border-radius: 0px 129px 129px 0px;
opacity: 1;
background: linear-gradient(270deg, #2D65FF 0%, rgba(0, 166, 255, 0.52) 99%);
`,
description: css`
padding: 0 45px;
margin-top: 10px;
`,
// tag: css`
// color: ${token.colorTextSecondary};
// background: ${token.colorFillSecondary};
// border: none;
// `,
tag: css`
color: ${token.colorTextSecondary};
background: ${token.colorFillSecondary};
border: none;
padding: 0px 45px;
margin-bottom: 10px;
`,
time: css`
font-size: 12px;
@ -40,30 +60,11 @@ export const useStyles = createStyles(({ css, token }) => ({
border-color: rgba(187, 204, 253, 0.24);
padding: 20px 50px;
`,
conTitle: css`
width: 125px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 20px;
border-radius: 0px 129px 129px 0px;
opacity: 1;
background: linear-gradient(270deg, #2D65FF 0%, rgba(0, 166, 255, 0.52) 99%);
`,
topBtn: css`
border-radius: 20px;
color: #2E62FF;
border: 1px solid #2E62FF;
`,
description: css`
padding: 0 45px;
margin-top: 10px;
`,
tag: css`
padding: 0px 45px;
margin-bottom: 10px;
`,
}));
interface HeaderProps {
@ -71,7 +72,7 @@ interface HeaderProps {
identifier: string;
mobile?: boolean;
}
const getUserId = (s) => s.user?.id
const getUserId = (s: { user?: { id?: any } }) => s.user?.id;
const Header = memo<HeaderProps>(({ identifier, data, mobile }) => {
const { styles, theme } = useStyles();
const router = useRouter()

2
DigitalHumanWeb/src/app/(main)/discover/(detail)/assistant/[slug]/features/Temp.tsx
Unescape Escape View File

@ -21,7 +21,7 @@ interface ConversationExampleProps extends FlexboxProps {
const ConversationExample = memo<ConversationExampleProps>(({ data }) => {
// const { t } = useTranslation('discover');
const theme = useTheme();
console.log(data.config.systemRole,111111111)
console.log(data.config.systemRole)
return (
<Flexbox paddingInline={16} style={{padding: '0 45'}}>
{data.config.systemRole ? (

4
DigitalHumanWeb/src/app/(main)/discover/(detail)/assistant/[slug]/page.tsx
Unescape Escape View File

@ -7,7 +7,7 @@ import { ldModule } from '@/server/ld';
import { metadataModule } from '@/server/metadata';
import { DiscoverService } from '@/server/services/discover';
import { translation } from '@/server/translation';
import { DiscoverPlugintem } from '@/types/discover';
// import { DiscoverPlugintem } from '@/types/discover';
import { isMobileDevice } from '@/utils/responsive';
import DetailLayout from '../../features/DetailLayout';
@ -65,7 +65,7 @@ const Page = async ({ params, searchParams }: Props) => {
const data = await discoverService.getAssistantById(locale, identifier);
if (!data) return notFound();
console.log(data,'37373733737')
const { meta, createdAt, author, config } = data;
const { meta, createdAt, author } = data;
// let pluginData: DiscoverPlugintem[] = [];
// if (config?.plugins && config.plugins?.length > 0) {

2
DigitalHumanWeb/src/app/(main)/discover/(detail)/features/DetailLayout.tsx
Unescape Escape View File

@ -39,7 +39,7 @@ const DetailLayout = memo<DetailLayoutProps>(
<div style={{ backgroundColor: '#fff'}}>
{header}
<Flexbox gap={32} horizontal width={'100%'}>
<Flexbox flex={1} gap={48} style={{ overflow: 'hidden', position: 'relative',padding: '0 30px' }}>
<Flexbox flex={1} gap={48} style={{ overflow: 'hidden', padding: '0 30px', position: 'relative'}}>
{children}
<Footer />
</Flexbox>

53
DigitalHumanWeb/src/app/(main)/discover/(detail)/model/[...slugs]/features/Header.tsx
Unescape Escape View File

@ -3,7 +3,7 @@
import { ModelIcon } from '@lobehub/icons';
import { Button } from 'antd';
import { createStyles } from 'antd-style';
import Link from 'next/link';
// import Link from 'next/link';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { Flexbox } from 'react-layout-kit';
@ -12,13 +12,32 @@ import { DiscoverModelItem } from '@/types/discover';
import { useRouter } from 'next/navigation';
import { useUserStore } from '@/store/user';
import ModelFeatureTags from '../../../../features/ModelFeatureTags';
import Back from '../../../features/Back';
// import Back from '../../../features/Back';
export const useStyles = createStyles(({ css, token }) => ({
conTitle: css`
width: 125px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 20px;
border-radius: 0px 129px 129px 0px;
opacity: 1;
background: linear-gradient(270deg, #2D65FF 0%, rgba(0, 166, 255, 0.52) 99%);
`,
description: css`
padding: 0 45px;
margin-top: 10px;
`,
// tag: css`
// color: ${token.colorTextSecondary};
// background: ${token.colorFillSecondary};
// border: none;
// `,
tag: css`
color: ${token.colorTextSecondary};
background: ${token.colorFillSecondary};
border: none;
padding: 0px 45px;
margin-bottom: 10px;
`,
time: css`
font-size: 12px;
@ -43,25 +62,6 @@ export const useStyles = createStyles(({ css, token }) => ({
color: #2E62FF;
border: 1px solid #2E62FF;
`,
conTitle: css`
width: 125px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 20px;
border-radius: 0px 129px 129px 0px;
opacity: 1;
background: linear-gradient(270deg, #2D65FF 0%, rgba(0, 166, 255, 0.52) 99%);
`,
description: css`
padding: 0 45px;
margin-top: 10px;
`,
tag: css`
padding: 0px 45px;
margin-bottom: 10px;
`,
}));
interface HeaderProps {
@ -70,18 +70,19 @@ interface HeaderProps {
mobile?: boolean;
}
const getUserId = (s: { user?: { id?: any } }) => s.user?.id;
const Header = memo<HeaderProps>(({ identifier, data, mobile }) => {
const { styles, theme } = useStyles();
const router = useRouter()
const { t } = useTranslation(['discover', 'models']);
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
const handleBack = () => {
router.push('/discover/models?userid=' + userId)
}
return (
<Flexbox gap={12} width={'100%'}>
<Flexbox align={'center'} gap={8} horizontal justify={'space-between'} width={'100%'} className={styles.top}>
<Flexbox align={'center'} className={styles.top} gap={8} horizontal justify={'space-between'} width={'100%'}>
<Flexbox align={'center'} gap={16} horizontal justify={'flex-start'}>
<ModelIcon model={identifier} size={48} type={'avatar'} />
<Flexbox gap={2}>

4
DigitalHumanWeb/src/app/(main)/discover/(detail)/model/[...slugs]/page.tsx
Unescape Escape View File

@ -11,9 +11,9 @@ import { DiscoverProviderItem } from '@/types/discover';
import { isMobileDevice } from '@/utils/responsive';
import DetailLayout from '../../features/DetailLayout';
import Actions from './features/Actions';
// import Actions from './features/Actions';
import Header from './features/Header';
import InfoSidebar from './features/InfoSidebar';
// import InfoSidebar from './features/InfoSidebar';
import ParameterList from './features/ParameterList';
import ProviderList from './features/ProviderList';

19
DigitalHumanWeb/src/app/(main)/discover/(detail)/plugin/[slug]/features/Actions.tsx
Unescape Escape View File

@ -2,12 +2,12 @@
import { memo } from 'react';
import { Flexbox, FlexboxProps } from 'react-layout-kit';
import urlJoin from 'url-join';
// import urlJoin from 'url-join';
import { OFFICIAL_URL } from '@/const/url';
// import { OFFICIAL_URL } from '@/const/url';
import { DiscoverPlugintem } from '@/types/discover';
import ShareButton from '../../../features/ShareButton';
// import ShareButton from '../../../features/ShareButton';
import InstallTool from './InstallPlugin';
interface PluginActionsProps extends FlexboxProps {
@ -15,19 +15,10 @@ interface PluginActionsProps extends FlexboxProps {
identifier: string;
}
const PluginActions = memo<PluginActionsProps>(({ identifier, data }) => {
const PluginActions = memo<PluginActionsProps>(({ identifier }) => {
return (
<Flexbox align={'center'} gap={8} horizontal>
<Flexbox align={'center'} gap={8} horizontal style={{marginLeft: 100}}>
<InstallTool identifier={identifier} />
<ShareButton
meta={{
avatar: data.meta.avatar,
desc: data.meta.description,
hashtags: data.meta.tags,
title: data.meta.title,
url: urlJoin(OFFICIAL_URL, '/discover/plugin', identifier),
}}
/>
</Flexbox>
);
});

59
DigitalHumanWeb/src/app/(main)/discover/(detail)/plugin/[slug]/features/Header.tsx
Unescape Escape View File

@ -1,26 +1,41 @@
'use client';
import { Avatar, Icon, Tag } from '@lobehub/ui';
import { Avatar, Tag } from '@lobehub/ui';
import { Button } from 'antd';
import { createStyles } from 'antd-style';
import { startCase } from 'lodash-es';
import { ChevronRight } from 'lucide-react';
// import { ChevronRight } from 'lucide-react';
import Link from 'next/link';
import qs from 'query-string';
// import qs from 'query-string';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
// import { useTranslation } from 'react-i18next';
import { Flexbox } from 'react-layout-kit';
import urlJoin from 'url-join';
// import urlJoin from 'url-join';
import { useUserStore } from '@/store/user';
import { useRouter } from 'next/navigation';
import { DiscoverPlugintem } from '@/types/discover';
import Actions from './Actions';
// import Back from '../../../features/Back';
import Back from '../../../features/Back';
export const useStyles = createStyles(({ css, token }) => ({
conTitle: css`
width: 125px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 20px;
border-radius: 0px 129px 129px 0px;
opacity: 1;
background: linear-gradient(270deg, #2D65FF 0%, rgba(0, 166, 255, 0.52) 99%);
`,
description: css`
padding: 0 45px;
margin-top: 10px;
`,
tag: css`
color: ${token.colorTextSecondary};
background: ${token.colorFillSecondary};
border: none;
padding: 0px 45px;
margin-bottom: 10px;
`,
time: css`
font-size: 12px;
@ -45,25 +60,6 @@ export const useStyles = createStyles(({ css, token }) => ({
color: #2E62FF;
border: 1px solid #2E62FF;
`,
conTitle: css`
width: 125px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 20px;
border-radius: 0px 129px 129px 0px;
opacity: 1;
background: linear-gradient(270deg, #2D65FF 0%, rgba(0, 166, 255, 0.52) 99%);
`,
description: css`
padding: 0 45px;
margin-top: 10px;
`,
tag: css`
padding: 0px 45px;
margin-bottom: 10px;
`,
}));
interface HeaderProps {
@ -71,19 +67,19 @@ interface HeaderProps {
identifier: string;
mobile?: boolean;
}
const getUserId = (s: { user?: { id?: any } }) => s.user?.id;
const Header = memo<HeaderProps>(({ identifier, data, mobile }) => {
const { styles, theme } = useStyles();
const router = useRouter()
const { t } = useTranslation('discover');
const getUserId = (s: UserStore) => s.user?.id
// const { t } = useTranslation('discover');
const userId = getUserId(useUserStore.getState())
const handleBack = () => {
router.push('/discover/plugins?userid=' + userId)
}
return (
<Flexbox gap={12} width={'100%'}>
<Flexbox align={'center'} gap={8} horizontal justify={'space-between'} width={'100%'} className={styles.top}>
<Flexbox align={'center'} className={styles.top} gap={8} horizontal justify={'space-between'} width={'100%'}>
<Flexbox align={'center'} gap={16} horizontal justify={'flex-start'}>
<Avatar
alt={identifier}
@ -104,6 +100,7 @@ const Header = memo<HeaderProps>(({ identifier, data, mobile }) => {
</time>
</Flexbox>
</Flexbox>
<Actions data={data} identifier={identifier} />
</Flexbox>
{!mobile && (
<Flexbox align={'center'} gap={4} horizontal justify={'flex-end'}>

8
DigitalHumanWeb/src/app/(main)/discover/(detail)/plugin/[slug]/features/InstallPlugin.tsx
Unescape Escape View File

@ -10,9 +10,10 @@ import { pluginSelectors, pluginStoreSelectors } from '@/store/tool/selectors';
const useStyles = createStyles(({ css }) => ({
button: css`
button {
width: 100%;
}
background-color: #fff;
border: 1px solid #2E62FF;
border-radius: 20px;
color: #2E62FF !important;
`,
}));
@ -77,7 +78,6 @@ const InstallPlugin = memo<{ identifier: string }>(({ identifier }) => {
}}
size={'large'}
style={{ flex: 1, width: 'unset' }}
type={installed ? 'default' : 'primary'}
>
{t(installed ? 'plugins.installed' : 'plugins.install')}
</Button>

4
DigitalHumanWeb/src/app/(main)/discover/(detail)/plugin/[slug]/page.tsx
Unescape Escape View File

@ -10,9 +10,9 @@ import { translation } from '@/server/translation';
import { isMobileDevice } from '@/utils/responsive';
import DetailLayout from '../../features/DetailLayout';
import Actions from './features/Actions';
// import Actions from './features/Actions';
import Header from './features/Header';
import InfoSidebar from './features/InfoSidebar';
// import InfoSidebar from './features/InfoSidebar';
import ParameterList from './features/ParameterList';
import Schema from './features/Schema';

2
DigitalHumanWeb/src/app/(main)/discover/(list)/(home)/features/ModelList.tsx
Unescape Escape View File

@ -3,7 +3,7 @@ import Link from 'next/link';
import { memo } from 'react';
import urlJoin from 'url-join';
import { DiscoverModelItem } from '@/typesgpt-4o-mini';
import { DiscoverModelItem } from '@/types/discover';
import Card from '../../models/features/Card';

2
DigitalHumanWeb/src/app/(main)/discover/(list)/_layout/Desktop/index.tsx
Unescape Escape View File

@ -4,7 +4,7 @@ import { Flexbox } from 'react-layout-kit';
import Footer from '@/features/Setting/Footer';
import { MAX_WIDTH, SCROLL_PARENT_ID } from '../../../features/const';
import Nav from './Nav';
// import Nav from './Nav';
const Layout = ({ children }: PropsWithChildren) => {
return (

5
DigitalHumanWeb/src/app/(main)/discover/(list)/assistants/[slug]/page.tsx
Unescape Escape View File

@ -8,7 +8,6 @@ import { DiscoverService } from '@/server/services/discover';
import { translation } from '@/server/translation';
import { AssistantCategory } from '@/types/discover';
import { isMobileDevice } from '@/utils/responsive';
import request from '@/app/api/request';
import List from '../features/List';
type Props = { params: { slug: AssistantCategory }; searchParams: { hl?: Locales } };
@ -31,9 +30,9 @@ const Page = async ({ params, searchParams }: Props) => {
const { t: td } = await translation('discover', searchParams?.hl);
const mobile = isMobileDevice();
const discoverService = new DiscoverService();
console.log(params.slug,3333333)
// console.log(params.slug,"3333333")
const items = await discoverService.getAssistantCategory(locale, params.slug);
console.log(8272772727,items)
// console.log("8272772727",items)
const ld = ldModule.generate({
description: t('discover.assistants.description'),
title: [td(`category.assistant.${params.slug}`), t('discover.assistants.title')].join(' · '),

76
DigitalHumanWeb/src/app/(main)/discover/(list)/assistants/features/Card.tsx
Unescape Escape View File

@ -1,12 +1,12 @@
import { Avatar, Tag } from '@lobehub/ui';
import { Skeleton, Typography, App } from 'antd';
import { Typography, App } from 'antd';
import { createStyles } from 'antd-style';
import { startCase } from 'lodash-es';
import dynamic from 'next/dynamic';
import qs from 'query-string';
// import dynamic from 'next/dynamic';
// import qs from 'query-string';
import { memo, useState } from 'react';
import { Center, Flexbox, FlexboxProps } from 'react-layout-kit';
import urlJoin from 'url-join';
// import urlJoin from 'url-join';
import request from '@/app/api/request';
import { DiscoverAssistantItem } from '@/types/discover';
import CardBanner from '../../../components/CardBanner';
@ -15,10 +15,11 @@ import { useCategoryItem } from '../../assistants/features/useCategory';
import { StarOutlined } from '@ant-design/icons';
import { useUserStore } from '@/store/user';
import { useTranslation } from 'react-i18next';
const Link = dynamic(() => import('next/link'), {
loading: () => <Skeleton.Button size={'small'} style={{ height: 22 }} />,
ssr: false,
});
// const Link = dynamic(() => import('next/link'), {
// loading: () => <Skeleton.Button size={'small'} style={{ height: 22 }} />,
// ssr: false,
// });
const { Paragraph, Title } = Typography;
@ -26,6 +27,15 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({
banner: css`
opacity: ${isDarkMode ? 0.9 : 0.4};
`,
collectBtn: css`
font-size: 12px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
background: #FFF3D9;
text-align: center;
`,
container: css`
cursor: pointer;
@ -60,15 +70,6 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({
margin-block-end: 0 !important;
font-weight: bold;
`,
collectBtn: css`
font-size: 12px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
background: #FFF3D9;
text-align: center;
`,
}));
export interface AssistantCardProps
extends Omit<DiscoverAssistantItem, 'suggestions' | 'socialData' | 'config'>,
@ -77,6 +78,8 @@ export interface AssistantCardProps
variant?: 'default' | 'compact';
}
const getUserId = (s: { user?: { id?: any } }) => s.user?.id
const AssistantCard = memo<AssistantCardProps>(
({ showCategory, className, meta, createdAt, author, variant, ...rest }) => {
const { avatar, title, description, tags = [], category } = meta;
@ -86,41 +89,40 @@ const AssistantCard = memo<AssistantCardProps>(
const { message } = App.useApp();
const categoryItem = useCategoryItem(category, 12);
const isCompact = variant === 'compact';
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
// console.log(tags,avatar,author,9383737)
console.log(userId,9999999999)
// console.log(userId,"9999999999")
const [val, setVal] = useState('')
const handleCollect = (e) => {
console.log(e,8844848)
console.log(e,"8844848")
e.preventDefault()
e.stopPropagation()
const params = {
"author": author,
"avatar": avatar,
"category": category,
"createAt": createAt,
"createdAt": createdAt,
"description": description,
"homepage": homepage,
"identifier": identifier,
"avatar": avatar,
"description": description,
"schemaVersion": schemaVersion,
"tags": tags.join(','),
"title": title,
"category": category,
"schemaVersion": schemaVersion,
"userid": userId,
}
request({
url: "/flxai/api/robot/appaiassistant",
data: params,
method: "post",
data: params
url: "/flxai/api/robot/appaiassistant",
}).then(response => {
console.log(response,222222222)
if (response.code == 0) {
// console.log(response,"222222222")
if (response.code === 0) {
message.success(t('collectSuccess'));
setVal("1")
}
}).catch(error => {
console.error('Error fetching data: ', error);
console.error('Error fetching data:', error);
})
}
const user = (
@ -135,11 +137,11 @@ const AssistantCard = memo<AssistantCardProps>(
</Flexbox>
);
const renderElement = () => {
if (classify != 'collect') {
if(status == "1" || val == "1") {
if (classify !== 'collect') {
if(status === "1" || val === "1") {
return <div className={styles.collectBtn} onClick={(e) => {e.stopPropagation()}}><StarOutlined style={{color: '#FFAD01'}}/></div>
} else {
return <div className={styles.collectBtn} style={{background: '#F1F1F1'}} onClick={(e) => handleCollect(e)}><StarOutlined style={{color: '#D6D6D6'}}/></div>
return <div className={styles.collectBtn} onClick={(e) => handleCollect(e)} style={{background: '#F1F1F1'}} ><StarOutlined style={{color: '#D6D6D6'}}/></div>
}
} else {
return;
@ -212,12 +214,12 @@ const AssistantCard = memo<AssistantCardProps>(
.slice(0, 4)
.filter(Boolean)
.map((tag: string, index) => {
const url = qs.stringifyUrl({
query: { q: tag, type: 'assistants' },
url: '/discover/search',
});
// const url = qs.stringifyUrl({
// query: { q: tag, type: 'assistants' },
// url: '/discover/search',
// });
return (
<Tag style={{ margin: '0 5' }}>{startCase(tag).trim()}</Tag>
<Tag key={index} style={{ margin: '0 5' }}>{startCase(tag).trim()}</Tag>
);
})
)}

3
DigitalHumanWeb/src/app/(main)/discover/(list)/assistants/features/Category.tsx
Unescape Escape View File

@ -11,6 +11,8 @@ import { useUserStore } from '@/store/user';
import CategoryMenu from '../../../components/CategoryMenu';
import { useCategory } from './useCategory';
const getUserId = (s) => s.user?.id;
const Category = memo(() => {
const items = useCategory();
const pathname = usePathname();
@ -21,7 +23,6 @@ const Category = memo(() => {
return 'all';
}, [pathname]);
const router = useQueryRoute();
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
console.log(userId,'category333333')
return (

39
DigitalHumanWeb/src/app/(main)/discover/(list)/assistants/features/List.tsx
Unescape Escape View File

@ -1,8 +1,8 @@
'use client';
import { Grid } from '@lobehub/ui';
import {Button, Empty, Image, Tag} from 'antd';
import Link from 'next/link';
import { Empty } from 'antd';
// import Link from 'next/link';
import {memo, useMemo, useEffect, useState} from 'react';
import { useTranslation } from 'react-i18next';
import urlJoin from 'url-join';
@ -15,22 +15,23 @@ import VirtuosoGridList from '../../../components/VirtuosoGridList';
import Card from './Card';
import request from '@/app/api/request';
import { useUserStore } from '@/store/user';
export interface ListProps {
category?: string;
items?: DiscoverAssistantItem[];
mobile?: boolean;
searchKeywords?: string;
}
const getUserId = (s: { user?: { id?: any } }) => s.user?.id
const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] }) => {
const { t } = useTranslation('discover');
const router = useRouter()
const [stData, setStData] = useState(items)
const recentLength = mobile ? 4 : 8;
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
console.log(userId,'zhushou---3837373266262266')
console.log('zhushou--------------',items)
// console.log(userId,'zhushou---3837373266262266')
// console.log('zhushou--------------',items)
const { all, recent, last } = useMemo(() => {
return {
all: stData,
@ -40,32 +41,32 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
}, [stData, mobile]);
useEffect(() => {
const fetchData = async() => {
if(category == "collect") {
if(category === "collect") {
const res = await request({
url: "/flxai/api/robot/appaiassistant/getAllAiAssistant",
method: "get",
params: {
userid: userId
}
},
url: "/flxai/api/robot/appaiassistant/getAllAiAssistant"
})
setStData(res?.data.map((item,index)=> {
setStData(res?.data.map((item)=> {
item.classify = 'collect';
return item
}))
} else {
const res = await request({
url: "/flxai/api/robot/appaiassistant/getAllAiAssistant",
method: "get",
params: {
userid: userId
}
},
url: "/flxai/api/robot/appaiassistant/getAllAiAssistant"
})
const array2Object = {};
res?.data?.forEach((item) => {
array2Object[item.identifier] = item;
});
console.log('chajian22222222222222222222222222222--------------')
setStData(stData.map((item,index)=> {
// console.log('chajian22222222222222222222222222222--------------')
setStData(stData.map((item)=> {
const matchingItem = array2Object[item.identifier];
if (matchingItem) {
matchingItem.status = '1';
@ -79,7 +80,7 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
};
fetchData();
}, []); // 空数组[]意味着仅在组件挂载时调用一次
console.log(category,recent,last,92929292)
// console.log(category,recent,last,"92929292")
const handleClickCard = (item) => {
console.log(item)
router.push(urlJoin('/discover/assistant/', item.identifier))
@ -107,14 +108,14 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
}
return (
<>
{category == "collect"?(
<div>
{category === "collect"?(
<>
<Title tag={all.length}>收藏列表</Title>
<Grid maxItemWidth={280} rows={4}>
{all.map((item) => (
// <Link href={urlJoin('/discover/assistant/', item.identifier)} key={item.identifier}>
<Card onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
<Card key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
// </Link>
))}
</Grid>
@ -125,7 +126,7 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
<Grid maxItemWidth={280} rows={4}>
{recent.map((item) => (
// <Link href={urlJoin('/discover/assistant/', item.identifier)} key={item.identifier}>
<Card onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
<Card key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
// </Link>
))}
</Grid>
@ -147,7 +148,7 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
)}
</>
)}
</>
</div>
);
});

9
DigitalHumanWeb/src/app/(main)/discover/(list)/assistants/features/useCategory.tsx
Unescape Escape View File

@ -1,20 +1,15 @@
import { Icon } from '@lobehub/ui';
import { useTheme } from 'antd-style';
// import { useTheme } from 'antd-style';
import {
BadgeDollarSignIcon,
BriefcaseIcon,
Coffee,
DramaIcon,
GamepadIcon,
GraduationCapIcon,
ImageIcon,
LanguagesIcon,
LaughIcon,
Layers,
LayoutPanelTop,
MicroscopeIcon,
PencilIcon,
PrinterIcon,
TerminalSquareIcon,
Star,
} from 'lucide-react';
@ -25,7 +20,7 @@ import { AssistantCategory } from '@/types/discover';
import { ICON_SIZE } from '../../../components/CategoryMenu';
export const useCategory = (fontsize?: number) => {
const theme = useTheme();
// const theme = useTheme();
const { t } = useTranslation('discover');

6
DigitalHumanWeb/src/app/(main)/discover/(list)/assistants/page.tsx
Unescape Escape View File

@ -6,7 +6,7 @@ import { DiscoverService } from '@/server/services/discover';
import { translation } from '@/server/translation';
import { isMobileDevice } from '@/utils/responsive';
import List from './features/List';
import urlJoin from 'url-join';
type Props = { searchParams: { hl?: Locales } };
export const generateMetadata = async ({ searchParams }: Props) => {
@ -25,12 +25,12 @@ const Page = async ({ searchParams }: Props) => {
const { t, locale } = await translation('metadata', searchParams?.hl);
const mobile = isMobileDevice();
const discoverService = new DiscoverService();
console.log(searchParams,22222222222)
console.log(searchParams,"22222222222")
const items = await discoverService.getAssistantList(locale);
const ld = ldModule.generate({
description: t('discover.assistants.description'),
title: t('discover.assistants.title'),
url: urlJoin('/discover/assistants?userid=',searchParams.userid),
url: '/discover/assistants',
webpage: {
enable: true,
search: '/discover/search',

2
DigitalHumanWeb/src/app/(main)/discover/(list)/models/[slug]/page.tsx
Unescape Escape View File

@ -36,7 +36,7 @@ const Page = async ({ params, searchParams }: Props) => {
const discoverService = new DiscoverService();
const list = await discoverService.getProviderList(locale);
const cate = list.find((cate) => cate.identifier === params.slug);
console.log(params.slug,3333333)
// console.log(params.slug,"3333333")
const items = await discoverService.getModelCategory(locale, params.slug);
const ld = ldModule.generate({
description: t('discover.models.description'),

60
DigitalHumanWeb/src/app/(main)/discover/(list)/models/features/Card.tsx
Unescape Escape View File

@ -9,12 +9,22 @@ import { DiscoverModelItem } from '@/types/discover';
import { StarOutlined } from '@ant-design/icons';
import ModelFeatureTags from '../../../features/ModelFeatureTags';
import request from '@/app/api/request';
const { Paragraph, Title } = Typography;
const useStyles = createStyles(({ css, token, isDarkMode }) => ({
banner: css`
opacity: ${isDarkMode ? 0.9 : 0.4};
`,
collectBtn: css`
font-size: 12px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
background: #FFF3D9;
text-align: center;
`,
container: css`
cursor: pointer;
@ -65,21 +75,12 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({
token: css`
font-family: ${token.fontFamilyCode};
`,
collectBtn: css`
font-size: 12px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
background: #FFF3D9;
text-align: center;
`,
}));
export interface ModelCardProps extends DiscoverModelItem, FlexboxProps {
showCategory?: boolean;
}
const getUserId = (s: { user?: { id?: any } }) => s.user?.id
const ModelCard = memo<ModelCardProps>(({ className, meta, socialData, identifier, ...rest }) => {
const { title, description, functionCall, vision, tokens, category, id, displayName, enabled } = meta;
const { conversations, likes, tokens: socialDataToken } = socialData;
@ -89,50 +90,49 @@ const ModelCard = memo<ModelCardProps>(({ className, meta, socialData, identifie
const { t:d } = useTranslation('discover');
const { cx, styles } = useStyles();
const { message } = App.useApp();
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
const [val, setVal] = useState(status)
const handleCollect = (e) => {
console.log(e,8844848)
// console.log(e,"8844848")
e.preventDefault()
e.stopPropagation()
const params = {
"identifier": identifier,
"metaId": id,
"displayname": displayName,
"description": description,
"title": title,
"category": category,
"conversations": conversations,
"createdAt": createdAt,
"description": description,
"displayname": displayName,
"enabled": enabled,
"identifier": identifier,
"likes": likes,
"metaId": id,
"metaTokens": tokens,
"createdAt": createdAt,
"tokens": socialDataToken,
"suggestions": suggestions.join(','),
"category": category,
"providers": providers.join(','),
"likes": likes,
"suggestions": suggestions.join(','),
"title": title,
"tokens": socialDataToken,
"userid": userId,
}
request({
url: "/flxai/api/robot/appaimodel",
data: params,
method: "post",
data: params
url: "/flxai/api/robot/appaimodel",
}).then(response => {
console.log(response,222222222)
if (response.code == 0) {
// console.log(response,"222222222")
if (response.code === 0) {
message.success(d('collectSuccess'));
setVal("1")
}
}).catch(error => {
console.error('Error fetching data: ', error);
console.error('Error fetching data:', error);
})
}
const renderElement = () => {
if (classify != 'collect') {
if(val == "1") {
if (classify !== 'collect') {
if(val === "1") {
return <div className={styles.collectBtn} onClick={(e) => {e.stopPropagation()}}><StarOutlined style={{color: '#FFAD01'}}/></div>
} else {
return <div className={styles.collectBtn} style={{background: '#F1F1F1'}} onClick={(e) => handleCollect(e)}><StarOutlined style={{color: '#D6D6D6'}}/></div>
return <div className={styles.collectBtn} onClick={(e) => handleCollect(e)} style={{background: '#F1F1F1'}}><StarOutlined style={{color: '#D6D6D6'}}/></div>
}
} else {
return;

7
DigitalHumanWeb/src/app/(main)/discover/(list)/models/features/Category.tsx
Unescape Escape View File

@ -3,14 +3,13 @@
import { ProviderIcon } from '@lobehub/icons';
import { Icon } from '@lobehub/ui';
import { MenuProps } from 'antd';
import { useTheme } from 'antd-style';
// import { useTheme } from 'antd-style';
import { LayoutPanelTop,Star } from 'lucide-react';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
import { memo, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
import urlJoin from 'url-join';
import { useUserStore } from '@/store/user';
import { useQueryRoute } from '@/hooks/useQueryRoute';
import { DiscoverProviderItem } from '@/types/discover';
@ -25,9 +24,7 @@ const Category = memo<{ data: DiscoverProviderItem[] }>(({ data }) => {
return 'all';
}, [pathname]);
const router = useQueryRoute();
const theme = useTheme();
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
// const theme = useTheme();
const { t } = useTranslation('discover');
const items: MenuProps['items'] = [
{

68
DigitalHumanWeb/src/app/(main)/discover/(list)/models/features/List.tsx
Unescape Escape View File

@ -1,8 +1,8 @@
'use client';
import { Empty } from 'antd';
import Link from 'next/link';
import { memo } from 'react';
// import Link from 'next/link';
import { memo, useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import urlJoin from 'url-join';
import { useRouter } from 'next/navigation';
@ -14,68 +14,78 @@ import VirtuosoGridList from '../../../components/VirtuosoGridList';
import Card from './Card';
import request from '@/app/api/request';
import { useUserStore } from '@/store/user';
export interface ListProps {
category?: string;
items?: DiscoverModelItem[];
mobile?: boolean;
searchKeywords?: string;
}
const getUserId = (s: { user?: { id?: any } }) => s.user?.id
const List = memo<ListProps>(async ({ category, searchKeywords, items = [] }) => {
const { t } = useTranslation('discover');
const router = useRouter()
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
console.log(userId,'models---3837373266262266')
console.log('models---99999999',items)
if(category == "collect") {
const [stData, setStData] = useState(items)
// console.log(userId,'models---3837373266262266')
// console.log('models---99999999',items)
useEffect(() => {
const fetchData = async() => {
if(category === "collect") {
const res = await request({
url: "/flxai/api/robot/appaimodel/getAllAiModel",
method: "get",
params: {
userid: userId
}
},
url: "/flxai/api/robot/appaimodel/getAllAiModel",
})
items = res.data;
items = items.map((item,index)=> {
setStData(res?.data.map((item)=> {
item.classify = 'collect';
return item
})
}))
// items = res.data;
// items = items.map((item)=> {
// item.classify = 'collect';
// return item
// })
} else {
const res = await request({
url: "/flxai/api/robot/appaimodel/getAllAiModel",
method: "get",
params: {
userid: userId
}
},
url: "/flxai/api/robot/appaimodel/getAllAiModel",
})
const array2Object = {};
res?.data?.forEach(item => {
array2Object[item.identifier] = item;
});
items = items.map((item,index)=> {
setStData(stData.map((item)=> {
const matchingItem = array2Object[item.identifier];
if (matchingItem) {
console.log('3838383838',matchingItem);
matchingItem.status = '1';
return matchingItem
} else {
item.status = '0';
return item
}
})
}))
}
};
fetchData();
}, []); // 空数组[]意味着仅在组件挂载时调用一次
const handleClickCard = (item) => {
console.log(item)
router.push(urlJoin('/discover/model/', item.identifier))
}
if (searchKeywords) {
if (!items || items?.length === 0) return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
if (!stData || stData?.length === 0) return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
return (
<>
<SearchResultCount count={items.length} keyword={searchKeywords} />
<SearchResultCount count={stData.length} keyword={searchKeywords} />
<VirtuosoGridList
data={items}
data={stData}
initialItemCount={24}
itemContent={(_, item) => (
// <Link href={urlJoin('/discover/model/', item.identifier)} key={item.identifier}>
@ -91,27 +101,27 @@ const List = memo<ListProps>(async ({ category, searchKeywords, items = [] }) =>
}
return (
<div>
{category === "collect"?(
<>
{category == "collect"?(
<>
<Title tag={items.length}>收藏列表</Title>
<Title tag={stData.length}>收藏列表</Title>
<Grid maxItemWidth={280} rows={4}>
{items.map((item) => (
{stData.map((item) => (
// <Link href={urlJoin('/discover/assistant/', item.identifier)} key={item.identifier}>
<Card onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
<Card key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
// </Link>
))}
</Grid>
</>
):(
<>
<Title tag={items.length}>{t('models.list')}</Title>
<Title tag={stData.length}>{t('models.list')}</Title>
<VirtuosoGridList
data={items}
data={stData}
initialItemCount={24}
itemContent={(_, item) => (
// <Link href={urlJoin('/discover/model/', item.identifier)} key={item.identifier}>
<Card onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
<Card key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
// </Link>
)}
style={{
@ -120,7 +130,7 @@ const List = memo<ListProps>(async ({ category, searchKeywords, items = [] }) =>
/>
</>
)}
</>
</div>
);
});

6
DigitalHumanWeb/src/app/(main)/discover/(list)/models/page.tsx
Unescape Escape View File

@ -8,7 +8,7 @@ import { translation } from '@/server/translation';
import { isMobileDevice } from '@/utils/responsive';
import List from './features/List';
import urlJoin from 'url-join';
type Props = { searchParams: { hl?: Locales } };
export const generateMetadata = async ({ searchParams }: Props) => {
@ -28,12 +28,12 @@ const Page = async ({ searchParams }: Props) => {
const mobile = isMobileDevice();
const discoverService = new DiscoverService();
const items = await discoverService.getModelList(locale);
console.log(8272772727,'jiangxucong')
// console.log("8272772727",'jiangxucong')
const ld = ldModule.generate({
description: t('discover.models.description'),
title: t('discover.models.title'),
url: urlJoin('/discover/models?userid=',searchParams.userid),
url: '/discover/models',
webpage: {
enable: true,
search: '/discover/search',

88
DigitalHumanWeb/src/app/(main)/discover/(list)/plugins/features/Card.tsx
Unescape Escape View File

@ -1,12 +1,12 @@
import { Avatar, Tag } from '@lobehub/ui';
import { Skeleton, Typography, App } from 'antd';
import { Typography, App } from 'antd';
import { createStyles } from 'antd-style';
import { startCase } from 'lodash-es';
import dynamic from 'next/dynamic';
import qs from 'query-string';
// import dynamic from 'next/dynamic';
// import qs from 'query-string';
import { memo, useState } from 'react';
import { Center, Flexbox, FlexboxProps } from 'react-layout-kit';
import urlJoin from 'url-join';
// import urlJoin from 'url-join';
import { useTranslation } from 'react-i18next';
import { DiscoverPlugintem } from '@/types/discover';
import { useUserStore } from '@/store/user';
@ -14,10 +14,11 @@ import CardBanner from '../../../components/CardBanner';
import { useCategoryItem } from './useCategory';
import { StarOutlined } from '@ant-design/icons';
import request from '@/app/api/request';
const Link = dynamic(() => import('next/link'), {
loading: () => <Skeleton.Button size={'small'} style={{ height: 22 }} />,
ssr: false,
});
// const Link = dynamic(() => import('next/link'), {
// loading: () => <Skeleton.Button size={'small'} style={{ height: 22 }} />,
// ssr: false,
// });
const { Paragraph, Title } = Typography;
@ -25,6 +26,15 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({
banner: css`
opacity: ${isDarkMode ? 0.9 : 0.4};
`,
collectBtn: css`
font-size: 12px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
background: #FFF3D9;
text-align: center;
`,
container: css`
cursor: pointer;
@ -62,15 +72,6 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({
font-size: 18px !important;
font-weight: bold;
`,
collectBtn: css`
font-size: 12px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
background: #FFF3D9;
text-align: center;
`,
}));
interface PluginCardProps
@ -79,62 +80,61 @@ interface PluginCardProps
showCategory?: boolean;
variant?: 'default' | 'compact';
}
const getUserId = (s: { user?: { id?: any } }) => s.user?.id
const PluginCard = memo<PluginCardProps>(
({ className, showCategory, meta, createdAt, author, variant, ...rest }) => {
const { avatar, title, description, tags = [], category } = meta;
const { createAt, homepage, identifier, schemaVersion, status, classify, manifest,locale } = {...rest}
const { homepage, identifier, schemaVersion, status, classify, manifest,locale } = {...rest}
const categoryItem = useCategoryItem(category, 12);
const { cx, styles, theme } = useStyles();
const { t } = useTranslation('discover');
const { message } = App.useApp();
const isCompact = variant === 'compact';
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
console.log(status,"9383737-------------------------------------")
console.log(manifest,locale,"plugins9999999999-------------------")
// console.log(status,"9383737-------------------------------------")
// console.log(manifest,locale,"plugins9999999999-------------------")
const [val, setVal] = useState('')
const handleCollect = (e) => {
console.log(e,8844848)
// console.log(e,"8844848")
e.preventDefault()
e.stopPropagation()
const params = {
"author": author,
"avatar": avatar,
"category": category,
"createdAt": createdAt,
"description": description,
"homepage": homepage,
"identifier": identifier,
"avatar": avatar,
"description": description,
"locale": locale,
"manifest": manifest,
"schemaVersion": schemaVersion,
"tags": tags.join(','),
"title": title,
"category": category,
"schemaVersion": schemaVersion,
"manifest": manifest,
"locale": locale,
"userid": userId,
}
request({
url: "/flxai/api/robot/appaiplugin",
data: params,
method: "post",
data: params
url: "/flxai/api/robot/appaiplugin",
}).then(response => {
console.log(response,222222222)
if (response.code == 0) {
// console.log(response,"222222222")
if (response.code === 0) {
message.success(t('collectSuccess'));
setVal("1")
}
}).catch(error => {
console.error('Error fetching data: ', error);
console.error('Error fetching data:', error);
})
}
const renderElement = () => {
console.log(classify,'66666----------------------')
if (classify != 'collect') {
console.log(status,"222222222--------------------------")
if(status == "1" || val == "1") {
// console.log(classify,'66666----------------------')
if (classify !== 'collect') {
// console.log(status,"222222222--------------------------")
if(status === "1" || val === "1") {
return <div className={styles.collectBtn} onClick={(e) => {e.stopPropagation()}}><StarOutlined style={{color: '#FFAD01'}}/></div>
} else {
return <div className={styles.collectBtn} style={{background: '#F1F1F1'}} onClick={(e) => handleCollect(e)}><StarOutlined style={{color: '#D6D6D6'}}/></div>
return <div className={styles.collectBtn} onClick={(e) => handleCollect(e)} style={{background: '#F1F1F1'}}><StarOutlined style={{color: '#D6D6D6'}}/></div>
}
} else {
return;
@ -195,12 +195,12 @@ const PluginCard = memo<PluginCardProps>(
.slice(0, 4)
.filter(Boolean)
.map((tag: string, index) => {
const url = qs.stringifyUrl({
query: { q: tag, type: 'plugins' },
url: '/discover/search',
});
// const url = qs.stringifyUrl({
// query: { q: tag, type: 'plugins' },
// url: '/discover/search',
// });
return (
<Tag style={{ margin: '0 5' }}>{startCase(tag).trim()}</Tag>
<Tag key={index} style={{ margin: '0 5' }}>{startCase(tag).trim()}</Tag>
);
})
)}

3
DigitalHumanWeb/src/app/(main)/discover/(list)/plugins/features/Category.tsx
Unescape Escape View File

@ -7,7 +7,6 @@ import urlJoin from 'url-join';
import { useQueryRoute } from '@/hooks/useQueryRoute';
import { PluginCategory } from '@/types/discover';
import { useUserStore } from '@/store/user';
import CategoryMenu from '../../../components/CategoryMenu';
import { useCategory } from './useCategory';
@ -21,8 +20,6 @@ const Category = memo(() => {
return 'all';
}, [pathname]);
const router = useQueryRoute();
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
return (
<CategoryMenu
items={items.map((item: any) => ({

42
DigitalHumanWeb/src/app/(main)/discover/(list)/plugins/features/List.tsx
Unescape Escape View File

@ -2,7 +2,7 @@
import { Grid } from '@lobehub/ui';
import { Empty } from 'antd';
import Link from 'next/link';
// import Link from 'next/link';
import { memo, useMemo, useEffect,useState } from 'react';
import { useTranslation } from 'react-i18next';
import urlJoin from 'url-join';
@ -15,22 +15,22 @@ import VirtuosoGridList from '../../../components/VirtuosoGridList';
import Card from './Card';
import request from '@/app/api/request';
import { useUserStore } from '@/store/user';
export interface ListProps {
category?: string;
items: DiscoverPlugintem[];
mobile?: boolean;
searchKeywords?: string;
}
const getUserId = (s: { user?: { id?: any } }) => s.user?.id
const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] }) => {
const { t } = useTranslation('discover');
const router = useRouter()
const [stData, setStData] = useState(items)
const recentLength = mobile ? 4 : 8;
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
console.log(userId,'chajian---3837373266262266')
console.log('chajian33333333--------------',items)
// console.log(userId,'chajian---3837373266262266')
// console.log('chajian33333333--------------',items)
const { all, recent, last } = useMemo(() => {
return {
all: stData,
@ -40,32 +40,32 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
}, [stData, mobile]);
useEffect(() => {
const fetchData = async() => {
if(category == "collect") {
if(category === "collect") {
const res = await request({
url: "/flxai/api/robot/appaiplugin/getAllAiPlugin",
method: "get",
params: {
userid: userId
}
},
url: "/flxai/api/robot/appaiplugin/getAllAiPlugin",
})
setStData(res?.data.map((item,index)=> {
setStData(res?.data.map((item)=> {
item.classify = 'collect';
return item
}))
} else {
const res = await request({
url: "/flxai/api/robot/appaiplugin/getAllAiPlugin",
method: "get",
params: {
userid: userId
}
},
url: "/flxai/api/robot/appaiplugin/getAllAiPlugin",
})
const array2Object = {};
res?.data?.forEach((item) => {
array2Object[item.identifier] = item;
});
console.log('chajian22222222222222222222222222222--------------')
setStData(stData.map((item,index)=> {
// console.log('chajian22222222222222222222222222222--------------')
setStData(stData.map((item)=> {
const matchingItem = array2Object[item.identifier];
if (matchingItem) {
matchingItem.status = '1';
@ -80,7 +80,7 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
fetchData();
}, []); // 空数组[]意味着仅在组件挂载时调用一次
console.log('chajian999999999999999--------------',stData)
// console.log('chajian999999999999999--------------',stData)
const handleClickCard = (item) => {
console.log(item)
@ -96,7 +96,7 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
data={all}
initialItemCount={24}
itemContent={(_, item) => (
<Card onClick={() => handleClickCard(item)} showCategory variant={'compact'} {...item} />
<Card key={item.identifier} onClick={() => handleClickCard(item)} showCategory variant={'compact'} {...item} />
)}
style={{
minHeight: '75vh',
@ -107,14 +107,14 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
}
return (
<>
{category == "collect"?(
<div>
{category === "collect"?(
<>
<Title tag={all.length}>收藏列表</Title>
<Grid maxItemWidth={280} rows={4}>
{all?.map((item) => (
// <Link href={urlJoin('/discover/assistant/', item.identifier)} key={item.identifier}>
<Card onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
<Card key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
// </Link>
))}
</Grid>
@ -124,7 +124,7 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
<Title>{t('plugins.recentSubmits')}</Title>
<Grid maxItemWidth={280} rows={4}>
{recent?.map((item) => (
<Card onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
<Card key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
))}
</Grid>
{last && last?.length > 0 && (
@ -134,7 +134,7 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
data={last}
initialItemCount={12}
itemContent={(_, item) => (
<Card onClick={() => handleClickCard(item)} showCategory={!category} variant={'compact'} {...item} />
<Card key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} variant={'compact'} {...item} />
)}
style={{
minHeight: '75vh',
@ -144,7 +144,7 @@ const List = memo<ListProps>(({ category, mobile, searchKeywords, items = [] })
)}
</>
)}
</>
</div>
);
});

4
DigitalHumanWeb/src/app/(main)/discover/(list)/plugins/features/useCategory.tsx
Unescape Escape View File

@ -1,5 +1,5 @@
import { Icon } from '@lobehub/ui';
import { useTheme } from 'antd-style';
// import { useTheme } from 'antd-style';
import {
Gamepad2,
ImagePlay,
@ -19,7 +19,7 @@ import { PluginCategory } from '@/types/discover';
import { ICON_SIZE } from '../../../components/CategoryMenu';
export const useCategory = (fontsize?: number) => {
const theme = useTheme();
// const theme = useTheme();
const { t } = useTranslation('discover');

4
DigitalHumanWeb/src/app/(main)/discover/(list)/plugins/page.tsx
Unescape Escape View File

@ -6,7 +6,7 @@ import { DiscoverService } from '@/server/services/discover';
import { translation } from '@/server/translation';
import { isMobileDevice } from '@/utils/responsive';
import List from './features/List';
import urlJoin from 'url-join';
type Props = { searchParams: { hl?: Locales } };
export const generateMetadata = async ({ searchParams }: Props) => {
@ -31,7 +31,7 @@ const Page = async ({ searchParams }: Props) => {
const ld = ldModule.generate({
description: t('discover.plugins.description'),
title: t('discover.plugins.title'),
url: urlJoin('/discover/plugins?userid=',searchParams.userid),
url: '/discover/plugins',
webpage: {
enable: true,
search: '/discover/search',

67
DigitalHumanWeb/src/app/(main)/discover/_layout/Desktop/Header.tsx
Unescape Escape View File

@ -1,39 +1,40 @@
'use client';
import { ChatHeader } from '@lobehub/ui';
import Link from 'next/link';
// import Link from 'next/link';
import { memo } from 'react';
import {createStyles, useTheme} from 'antd-style';
import { ProductLogo } from '@/components/Branding';
import {createStyles} from 'antd-style';
// import { ProductLogo } from '@/components/Branding';
import { Divider, Avatar } from "antd";
import { UserOutlined, SearchOutlined } from '@ant-design/icons';
import CreateButton from '../../features/CreateButton';
import { UserOutlined } from '@ant-design/icons';
// import CreateButton from '../../features/CreateButton';
import StoreSearchBar from '../../features/StoreSearchBar';
const useStyles = createStyles(({ css, token }) => ({
topCenten: css`
width: 100%;
background: #FFFFFF;
box-sizing: border-box;
/* 分割线颜色 */
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: rgba(187, 204, 253, 0.24);
`,
leftTitle: css`
font-size: 20px;
color: #3d3d3d;
display: inline-block
`,
const useStyles = createStyles(({ css }) => ({
dividerCen: css`
width: 1px;
height: 26px;
background-color: #d8d8d8;
margin: 8px 16px;
`,
inp: css`
width: 283px;
margin-right: 43px;
background: #F3F6FF;
&:hover, &:active, &:focus {
border-color: transparent !important;
background: #F3F6FF !important;
}
`,
ledDiv: css `
line-height: 52px;
display: inline-block;
`,
leftTitle: css`
font-size: 20px;
color: #3d3d3d;
display: inline-block
`,
nameSpn: css`
margin-left: 8px;
display: inline-block;
@ -42,25 +43,25 @@ const useStyles = createStyles(({ css, token }) => ({
color: #BCCEFF;
font-size: 24px;
`,
inp: css`
width: 283px;
margin-right: 43px;
background: #F3F6FF;
&:hover, &:active, &:focus {
border-color: transparent !important;
background: #F3F6FF !important;
}
topCenten: css`
width: 100%;
background: #FFFFFF;
box-sizing: border-box;
/* 分割线颜色 */
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: rgba(187, 204, 253, 0.24);
`,
}))
const title = {
"/chat": '会话',
"/discover/assistants": "助手",
"/files": "工具",
"/knowledge": "知识库",
"/model": "模型",
"/robot": "数字人",
"/plugins": "插件",
"/power": "算力",
"/knowledge": "知识库"
"/robot": "数字人",
}
const Header = memo(() => {
const { styles, cx } = useStyles()
@ -70,17 +71,17 @@ const Header = memo(() => {
<div className={cx(styles.ledDiv)}>
<span className={cx(styles.leftTitle)}>集智AI</span>
<Divider className={cx(styles.dividerCen)} type="vertical" />
<span className={cx(styles.leftTitle)}>{title[window?.location?.pathname]}</span>
<span className={cx(styles.leftTitle)}>{title[window.location.pathname]}</span>
</div>
}
right={<>
<Avatar style={{ backgroundColor: '#90ACFF' }} icon={<UserOutlined />} />
<Avatar icon={<UserOutlined />} style={{ backgroundColor: '#90ACFF' }}/>
<span className={cx(styles.nameSpn)}>张末末</span>
</>}
style={{
background: '#fff',
position: 'relative',
zIndex: 10,
background: '#fff',
}}
styles={{
center: { flex: 1, maxWidth: 1440 },

2
DigitalHumanWeb/src/app/(main)/discover/_layout/Desktop/index.tsx
Unescape Escape View File

@ -9,7 +9,7 @@ const Layout = ({ children }: PropsWithChildren) => {
return (
<>
<NProgress />
<Flexbox height={'100%'} style={{ overflow: 'hidden', position: 'relative',marginTop: '-64px' }} width={'100%'}>
<Flexbox height={'100%'} style={{ marginTop: '-64px', overflow: 'hidden', position: 'relative' }} width={'100%'}>
<Header />
{children}
</Flexbox>

4
DigitalHumanWeb/src/app/(main)/discover/components/CategoryMenu.tsx
Unescape Escape View File

@ -1,13 +1,13 @@
'use client';
import { ConfigProvider, Menu, MenuProps } from 'antd';
import { useTheme } from 'antd-style';
// import { useTheme } from 'antd-style';
import { memo } from 'react';
export const ICON_SIZE = { fontSize: '1.25em' };
const CategoryMenu = memo<MenuProps>(({ style, ...rest }) => {
const theme = useTheme();
// const theme = useTheme();
return (
<ConfigProvider

5
DigitalHumanWeb/src/app/(main)/discover/features/StoreSearchBar.tsx
Unescape Escape View File

@ -14,6 +14,7 @@ import { DiscoverTab } from '@/types/discover';
import { useNav } from './useNav';
import { useUserStore } from '@/store/user';
export const useStyles = createStyles(({ css, prefixCls, token }) => ({
active: css`
box-shadow: ${token.boxShadow};
@ -28,7 +29,7 @@ export const useStyles = createStyles(({ css, prefixCls, token }) => ({
interface StoreSearchBarProps extends SearchBarProps {
mobile?: boolean;
}
const getUserId = (s) => s.user?.id
const StoreSearchBar = memo<StoreSearchBarProps>(({ mobile, onBlur, onFocus, ...rest }) => {
const [active, setActive] = useState(false);
const pathname = usePathname();
@ -41,7 +42,6 @@ const StoreSearchBar = memo<StoreSearchBarProps>(({ mobile, onBlur, onFocus, ...
const router = useQueryRoute();
const activeType = activeKey === DiscoverTab.Home ? DiscoverTab.Assistants : activeKey;
const getUserId = (s: UserStore) => s.user?.id
const userId = getUserId(useUserStore.getState())
useEffect(() => {
if (!pathname.includes('/discover/search')) return;
@ -50,6 +50,7 @@ const StoreSearchBar = memo<StoreSearchBarProps>(({ mobile, onBlur, onFocus, ...
}, [q, pathname, activeType]);
const handleSearch = (value: string) => {
console.log(userId,'33333333333333333333-----------')
router.push('/discover/search', { query: { q: value, type: activeType, userid: userId } });
};

4
DigitalHumanWeb/src/app/(main)/discover/search/_layout/Desktop.tsx
Unescape Escape View File

@ -3,9 +3,9 @@ import { Flexbox } from 'react-layout-kit';
import Footer from '@/features/Setting/Footer';
import CategoryContainer from '../../components/CategoryContainer';
// import CategoryContainer from '../../components/CategoryContainer';
import { MAX_WIDTH, SCROLL_PARENT_ID } from '../../features/const';
import Category from '../features/Category';
// import Category from '../features/Category';
const Layout = async ({ children }: PropsWithChildren) => {
return (

9
DigitalHumanWeb/src/app/(main)/discover/search/features/AssistantsResult.tsx
Unescape Escape View File

@ -16,11 +16,11 @@ const AssistantsResult = async ({
userid: string;
}) => {
const res = await request({
url: "/flxai/api/robot/appaiassistant/getAllAiAssistant",
method: "get",
params: {
userid: userid
}
},
url: "/flxai/api/robot/appaiassistant/getAllAiAssistant",
})
const array2Object = {};
res?.data?.forEach(item => {
@ -28,7 +28,7 @@ const AssistantsResult = async ({
});
const discoverService = new DiscoverService();
let items = await discoverService.searchAssistant(locale, q);
items = items.map((item,index)=> {
items = items.map((item)=> {
const matchingItem = array2Object[item.identifier];
if (matchingItem) {
matchingItem.status = '1';
@ -39,10 +39,9 @@ const AssistantsResult = async ({
}
})
console.log(locale,q,userid,'383737363636363')
const backUrl = '/discover/assistants?userid=' + userid
return (
<>
{!mobile && <Back href={backUrl} style={{ marginBottom: 0 }} />}
{!mobile && <Back href={'/discover/assistants'} style={{ marginBottom: 0 }} />}
<List items={items} mobile={mobile} searchKeywords={q} />
</>
);

29
DigitalHumanWeb/src/app/(main)/discover/search/features/ModelsResult.tsx
Unescape Escape View File

@ -1,21 +1,44 @@
import { Locales } from '@/locales/resources';
import { DiscoverService } from '@/server/services/discover';
import request from '@/app/api/request';
import Back from '../../(detail)/features/Back';
import List from '../../(list)/models/features/List';
const ModelsResult = async ({
locale,
q,
userid,
mobile,
}: {
locale: Locales;
mobile?: boolean;
q: string;
userid: string;
}) => {
const res = await request({
method: "get",
params: {
userid: userid
},
url: "/flxai/api/robot/appaimodel/getAllAiModel",
})
const array2Object = {};
res?.data?.forEach(item => {
array2Object[item.identifier] = item;
});
const discoverService = new DiscoverService();
const items = await discoverService.searchModel(locale, q);
let items = await discoverService.searchModel(locale, q);
items = items.map((item)=> {
const matchingItem = array2Object[item.identifier];
if (matchingItem) {
matchingItem.status = '1';
return matchingItem
} else {
item.status = '0';
return item
}
})
console.log(locale,q,userid,'383737363636363')
return (
<>
{!mobile && <Back href={'/discover/models'} style={{ marginBottom: 0 }} />}

28
DigitalHumanWeb/src/app/(main)/discover/search/features/PluginsResult.tsx
Unescape Escape View File

@ -1,20 +1,44 @@
import { Locales } from '@/locales/resources';
import { DiscoverService } from '@/server/services/discover';
import request from '@/app/api/request';
import Back from '../../(detail)/features/Back';
import List from '../../(list)/plugins/features/List';
const PluginsResult = async ({
locale,
q,
userid,
mobile,
}: {
locale: Locales;
mobile?: boolean;
q: string;
userid: string;
}) => {
const res = await request({
method: "get",
params: {
userid: userid
},
url: "/flxai/api/robot/appaiplugin/getAllAiPlugin",
})
const array2Object = {};
res?.data?.forEach(item => {
array2Object[item.identifier] = item;
});
const discoverService = new DiscoverService();
const items = await discoverService.searchPlugin(locale, q);
let items = await discoverService.searchPlugin(locale, q);
items = items.map((item)=> {
const matchingItem = array2Object[item.identifier];
if (matchingItem) {
matchingItem.status = '1';
return matchingItem
} else {
item.status = '0';
return item
}
})
console.log(locale,q,userid,'383737363636363')
return (
<>

4
DigitalHumanWeb/src/app/(main)/discover/search/page.tsx
Unescape Escape View File

@ -66,8 +66,8 @@ const Page = async ({ searchParams }: Props) => {
<>
<StructuredData ld={ld} />
{type === 'assistants' && <AssistantsResult locale={locale} mobile={mobile} q={keywords} userid={userid} />}
{type === 'plugins' && <PluginsResult locale={locale} mobile={mobile} q={keywords} />}
{type === 'models' && <ModelsResult locale={locale} mobile={mobile} q={keywords} />}
{type === 'plugins' && <PluginsResult locale={locale} mobile={mobile} q={keywords} userid={userid} />}
{type === 'models' && <ModelsResult locale={locale} mobile={mobile} q={keywords} userid={userid} />}
{type === 'providers' && <ProvidersResult locale={locale} mobile={mobile} q={keywords} />}
</>
);

52
DigitalHumanWeb/src/app/(main)/files/page.tsx
Unescape Escape View File

@ -1,52 +0,0 @@
import StructuredData from '@/components/StructuredData';
import { Locales } from '@/locales/resources';
import { ldModule } from '@/server/ld';
import { metadataModule } from '@/server/metadata';
import { DiscoverService } from '@/server/services/discover';
import { translation } from '@/server/translation';
import { isMobileDevice } from '@/utils/responsive';
import Filescon from "./filescon";
import {Button} from "antd";
type Props = { searchParams: { hl?: Locales } };
export const generateMetadata = async ({ searchParams }: Props) => {
const { t, locale } = await translation('metadata', searchParams?.hl);
return metadataModule.generate({
alternate: true,
description: t('files.description'),
locale,
title: t('files.title'),
url: '/files',
});
};
const Page = async ({ searchParams }: Props) => {
const { t, locale } = await translation('metadata', searchParams?.hl);
const mobile = isMobileDevice();
const discoverService = new DiscoverService();
const items = await discoverService.getAssistantList(locale);
const ld = ldModule.generate({
description: t('files.description'),
title: t('files.title'),
url: '/files',
webpage: {
enable: true,
search: '/files/search',
},
});
return (
<>
<Filescon />
</>
);
};
Page.DisplayName = 'DiscoverAssistants';
export default Page;

76
DigitalHumanWeb/src/app/(main)/knowledge/components/KnowledgeCreateForm.js
Unescape Escape View File

@ -0,0 +1,76 @@
import { Col, Form, Input, Modal, Row } from 'antd';
import React from 'react';
import { createStyles } from 'antd-style';
const { TextArea } = Input;
const FormItem = Form.Item;
const useStyles = createStyles(({ css }) => ({
formStyle: css`
.ant-form-item-label {
width: 100px !important;
}
`,
modalStyle: css`
.ant-modal-body {
padding: 20px 0;
}
.ant-modal-footer {
.ant-btn:nth-child(1) {
width: 73px;
height: 36px;
border-radius: 4px;
opacity: 1;
background: #EBF4FF;
box-sizing: border-box;
border: 1px solid #B8D8FF;
color: #177FFF;
}
.ant-btn:nth-child(2) {
width: 73px;
height: 36px;
border-radius: 4px;
opacity: 1;
background: #80B9FF;
}
}
`,
}));
const KnowledgeCreateForm = (props) => {
const { styles } = useStyles();
const [form] = Form.useForm();
const { open, handleAdd, handleModalVisible } = props;
const okHandle = () => {
form.validateFields()
.then((fieldsValue) => {
form.resetFields();
handleAdd(fieldsValue);
})
.catch(() => {});
};
return (
<Modal className={styles.modalStyle} destroyOnClose onCancel={() => handleModalVisible(false)} onOk={okHandle} open={open} title="创建知识库" >
<Form className={styles.formStyle} form={form}>
<Row gutter={{ lg: 24, md: 8, xl: 48 }}>
<Col md={24} sm={24}>
<FormItem label="知识库名称" name="name" rules={[{ message: '请输入！', min: 1, required: true}]}>
<Input placeholder="请输入" />
</FormItem>
</Col>
</Row>
<Row gutter={{ lg: 24, md: 8, xl: 48 }}>
<Col md={24} sm={24}>
<FormItem label="知识库描述" name="description" rules={[{ message: '请输入！', min: 1 , required: false}]}>
<TextArea maxLength={255} placeholder="请输入" rows={4} />
</FormItem>
</Col>
</Row>
</Form>
</Modal>
);
};
export default KnowledgeCreateForm;

714
DigitalHumanWeb/src/app/(main)/knowledge/components/KnowledgeList.tsx
View File

File diff suppressed because it is too large Load Diff

83
DigitalHumanWeb/src/app/(main)/knowledge/components/KnowledgeUpdateForm.js
Unescape Escape View File

@ -0,0 +1,83 @@
import { Col, Form, Input, Modal, Row } from 'antd';
import React from 'react';
import { createStyles } from 'antd-style';
const { TextArea } = Input;
const FormItem = Form.Item;
const useStyles = createStyles(({ css }) => ({
formStyle: css`
.ant-form-item-label {
width: 100px !important;
}
`,
modalStyle: css`
.ant-modal-body {
padding: 20px 0;
}
.ant-modal-footer {
.ant-btn:nth-child(1) {
width: 73px;
height: 36px;
border-radius: 4px;
opacity: 1;
background: #EBF4FF;
box-sizing: border-box;
border: 1px solid #B8D8FF;
color: #177FFF;
}
.ant-btn:nth-child(2) {
width: 73px;
height: 36px;
border-radius: 4px;
opacity: 1;
background: #80B9FF;
}
}
`,
}));
const KnowledgeUpdateForm = (props) => {
const { styles } = useStyles();
const [form] = Form.useForm();
const { handleUpdate, open, handleUpdateModalVisible, values } = props;
React.useEffect(() => {
form.setFieldsValue({
description: props.values.description,
id: props.values.id,
title: props.values.title,
});
}, []);
const handleLocalUpdate = () => {
form.validateFields()
.then((fieldsValue) => {
handleUpdate({ ...values, ...fieldsValue });
})
.catch(() => {});
};
return (
<Modal afterClose={() => handleUpdateModalVisible()} className={styles.modalStyle} destroyOnClose onCancel={() => handleUpdateModalVisible(false, values)} onOk={() => handleLocalUpdate()} open={open} title="编辑知识库">
<Form className={styles.formStyle} form={form}>
<Row gutter={{ lg: 24, md: 8, xl: 48 }}>
<Col md={24} sm={24}>
<FormItem label="知识库名称" name="title" rules={[{ message: '请输入！', min: 1, required: true }]}>
<Input placeholder="请输入" />
</FormItem>
</Col>
</Row>
<Row gutter={{ lg: 24, md: 8,xl: 48 }}>
<Col md={24} sm={24}>
<FormItem label="知识库描述" name="description" rules={[{ message: '请输入！', min: 1, required: false }]}>
<TextArea maxLength={255} placeholder="请输入" rows={4} />
</FormItem>
</Col>
</Row>
</Form>
</Modal>
);
};
export default KnowledgeUpdateForm;

24
DigitalHumanWeb/src/app/(main)/knowledge/page.tsx
Unescape Escape View File

@ -1,12 +1,11 @@
import { WelcomeLogo } from '@/components/Branding';
import StructuredData from '@/components/StructuredData';
// import StructuredData from '@/components/StructuredData';
import { BRANDING_NAME } from '@/const/branding';
import { ldModule } from '@/server/ld';
// import { ldModule } from '@/server/ld';
import { metadataModule } from '@/server/metadata';
import { translation } from '@/server/translation';
import { isMobileDevice } from '@/utils/responsive';
import {Card, Button, List } from "antd";
// import { isMobileDevice } from '@/utils/responsive';
import KnowledgeList from './components/KnowledgeList';
export const generateMetadata = async () => {
const { t } = await translation('metadata');
return metadataModule.generate({
@ -17,18 +16,17 @@ export const generateMetadata = async () => {
};
const Page = async () => {
const mobile = isMobileDevice();
const { t } = await translation('metadata');
const ld = ldModule.generate({
description: t('knowledge.description', { appName: BRANDING_NAME }),
title: t('knowledge.title', { appName: BRANDING_NAME }),
url: '/knowledge',
});
// const mobile = isMobileDevice();
// const { t } = await translation('metadata');
// const ld = ldModule.generate({
// description: t('knowledge.description', { appName: BRANDING_NAME }),
// title: t('knowledge.title', { appName: BRANDING_NAME }),
// url: '/knowledge',
// });
return (
<>
{/*<StructuredData ld={ld} />*/}
{/*<WelcomeLogo mobile={mobile} />*/}
<KnowledgeList/>
</>
);

38
DigitalHumanWeb/src/app/(main)/model/page.tsx
Unescape Escape View File

@ -1,38 +0,0 @@
import { WelcomeLogo } from '@/components/Branding';
import StructuredData from '@/components/StructuredData';
import { BRANDING_NAME } from '@/const/branding';
import { ldModule } from '@/server/ld';
import { metadataModule } from '@/server/metadata';
import { translation } from '@/server/translation';
import { isMobileDevice } from '@/utils/responsive';
export const generateMetadata = async () => {
const { t } = await translation('metadata');
return metadataModule.generate({
description: t('model.description', { appName: BRANDING_NAME }),
title: t('model.title', { appName: BRANDING_NAME }),
url: '/model',
});
};
const Page = async () => {
const mobile = isMobileDevice();
const { t } = await translation('metadata');
const ld = ldModule.generate({
description: t('model.description', { appName: BRANDING_NAME }),
title: t('model.title', { appName: BRANDING_NAME }),
url: '/model',
});
return (
<>
{/*<StructuredData ld={ld} />*/}
{/*<WelcomeLogo mobile={mobile} />*/}
<div>模型</div>
</>
);
};
Page.displayName = 'Model';
export default Page;

38
DigitalHumanWeb/src/app/(main)/plugins/page.tsx
Unescape Escape View File

@ -1,38 +0,0 @@
import { WelcomeLogo } from '@/components/Branding';
import StructuredData from '@/components/StructuredData';
import { BRANDING_NAME } from '@/const/branding';
import { ldModule } from '@/server/ld';
import { metadataModule } from '@/server/metadata';
import { translation } from '@/server/translation';
import { isMobileDevice } from '@/utils/responsive';
export const generateMetadata = async () => {
const { t } = await translation('metadata');
return metadataModule.generate({
description: t('plugins.description', { appName: BRANDING_NAME }),
title: t('plugins.title', { appName: BRANDING_NAME }),
url: '/plugins',
});
};
const Page = async () => {
const mobile = isMobileDevice();
const { t } = await translation('metadata');
const ld = ldModule.generate({
description: t('plugins.description', { appName: BRANDING_NAME }),
title: t('plugins.title', { appName: BRANDING_NAME }),
url: '/plugins',
});
return (
<>
{/*<StructuredData ld={ld} />*/}
{/*<WelcomeLogo mobile={mobile} />*/}
<div>插件</div>
</>
);
};
Page.displayName = 'Robot';
export default Page;

22
DigitalHumanWeb/src/app/(main)/power/page.tsx
Unescape Escape View File

@ -1,10 +1,10 @@
import { WelcomeLogo } from '@/components/Branding';
import StructuredData from '@/components/StructuredData';
// import { WelcomeLogo } from '@/components/Branding';
// import StructuredData from '@/components/StructuredData';
import { BRANDING_NAME } from '@/const/branding';
import { ldModule } from '@/server/ld';
// import { ldModule } from '@/server/ld';
import { metadataModule } from '@/server/metadata';
import { translation } from '@/server/translation';
import { isMobileDevice } from '@/utils/responsive';
// import { isMobileDevice } from '@/utils/responsive';
export const generateMetadata = async () => {
const { t } = await translation('metadata');
@ -16,13 +16,13 @@ export const generateMetadata = async () => {
};
const Page = async () => {
const mobile = isMobileDevice();
const { t } = await translation('metadata');
const ld = ldModule.generate({
description: t('power.description', { appName: BRANDING_NAME }),
title: t('power.title', { appName: BRANDING_NAME }),
url: '/power',
});
// const mobile = isMobileDevice();
// const { t } = await translation('metadata');
// const ld = ldModule.generate({
// description: t('power.description', { appName: BRANDING_NAME }),
// title: t('power.title', { appName: BRANDING_NAME }),
// url: '/power',
// });
return (
<>

610
DigitalHumanWeb/src/app/(main)/robot/components/RobotList.tsx
Unescape Escape View File

@ -1,59 +1,35 @@
'use client';
import { Avatar, Icon } from '@lobehub/ui';
import { Card, Button, List, Image, Flex, Tabs, Table, Space, Input, Select, Upload, Slider, InputNumber, Carousel } from "antd";
import { StarOutlined, StarFilled, StarTwoTone, CloudUploadOutlined} from '@ant-design/icons';
// import { Avatar, Icon } from '@lobehub/ui';
import { Card, Button, List, Image, Flex, Input, Select, Slider, Carousel } from "antd";
import { createStyles } from 'antd-style';
import { LucideArrowUpRightFromSquare, TelescopeIcon } from 'lucide-react';
import Link from 'next/link';
import { memo, useState, useRef } from 'react';
import { useTranslation } from 'react-i18next';
import { Flexbox } from 'react-layout-kit';
import Notification from '@/components/Notification';
import { BRANDING_NAME } from '@/const/branding';
import { PRIVACY_URL } from '@/const/url';
import { useServerConfigStore } from '@/store/serverConfig';
import { serverConfigSelectors } from '@/store/serverConfig/selectors';
import { useUserStore } from '@/store/user';
import { preferenceSelectors } from '@/store/user/selectors';
import styled from 'styled-components';
const { Search } = Input;
const { Dragger } = Upload;
const useStyles = createStyles(({ css, token }) => ({
listStyle: css`
border: none !important;
`,
cardStyle: css`
box-shadow: 1px 0px 12px 0px rgba(42, 77, 255, 0.19);
border: none;
border-radius: 8px;
padding: 10px 0;
width: 100%;
height: 100%;
overflow: auto;
`,
cardRobotStyle: css`
box-shadow: 1px 0px 12px 0px rgba(42, 77, 255, 0.19);
border: none;
border-radius: 8px;
padding: 10px 0;
width: 100%;
height: 100%;
.ant-card-body {
padding: 0 24px;
// import { useTranslation } from 'react-i18next';
// import { Flexbox } from 'react-layout-kit';
const useStyles = createStyles(({ css }) => ({
buttonDelete: css`
background: url(/images/delete.png) center center no-repeat;
background-size: 14px;
&:before {
content: "11";
visibility: hidden;
}
`,
iconImg: css`
width: 48px;
height: 48px;
`,
title: css`
font-size: 18px;
font-weight: 700;
buttonEdit: css`
background: url(/images/edit.png) center center no-repeat;
background-size: 14px;
&:before {
content: "11";
visibility: hidden;
}
`,
dec: css`
color: #666666;
buttonManage: css`
background: url(/images/manage.png) center center no-repeat;
background-size: 14px;
&:before {
content: "11";
visibility: hidden;
}
`,
buttonStyle: css`
font-size: 16px;
@ -85,99 +61,49 @@ const useStyles = createStyles(({ css, token }) => ({
color: #fff !important;
}
`,
importButtonStyle: css`
font-size: 16px;
color: #0044FF;
cardRobotStyle: css`
box-shadow: 1px 0px 12px 0px rgba(42, 77, 255, 0.19);
border: none;
padding: 18px 30px !important;
box-sizing: border-box;
background-color: rgba(0, 68, 255, 0.102);
margin-left: 50px;
&:hover {
color: #0044FF !important;
background-color: rgba(0, 68, 255, 0.102) !important;
}
`,
buttonManage: css`
background: url(/images/manage.png) center center no-repeat;
background-size: 14px;
&:before {
content: "11";
visibility: hidden;
}
`,
buttonEdit: css`
background: url(/images/edit.png) center center no-repeat;
background-size: 14px;
&:before {
content: "11";
visibility: hidden;
border-radius: 8px;
padding: 10px 0;
width: 100%;
height: 100%;
.ant-card-body {
padding: 0 24px;
}
`,
buttonDelete: css`
background: url(/images/delete.png) center center no-repeat;
background-size: 14px;
&:before {
content: "11";
visibility: hidden;
}
cardStyle: css`
box-shadow: 1px 0px 12px 0px rgba(42, 77, 255, 0.19);
border: none;
border-radius: 8px;
padding: 10px 0;
width: 100%;
height: 100%;
overflow: auto;
`,
tableHead: css`
.ant-table-thead {
.ant-table-cell {
background-color: #F1F8FF !important
}
checkButtonStyle: css`
font-size: 16px;
color: #fff;
padding: 15px 30px !important;
box-shadow: 0px 2px 9px 0px rgba(95, 135, 255, 0.4);
box-sizing: border-box;
border-color: #0044FF;
background-color: #0044FF;
&:hover {
border-color: #0044FF !important;
background-color: #0044FF !important;
color: #fff !important;
}
`,
tabStyle: css`
.ant-tabs-tab {
margin-right: 40px !important;
}
.ant-tabs-tab-btn {
color: #648EFF
}
.ant-tabs-tab.ant-tabs-tab-active {
.ant-tabs-tab-btn {
color: #0044FF
}
}
.ant-pagination {
.ant-pagination-item-active {
border-color: #0056FF !important
a {
color: #0056FF !important
}
}
}
checkItem: css`
margin-top: 15px;
`,
searchStyle: css`
.ant-input-affix-wrapper {
border: none;
background-color: #F3F6FF;
}
.ant-input-search-button {
border: none;
background-color: #F3F6FF;
&:hover {
background-color: #F3F6FF !important;
}
.ant-btn-icon {
color: #0044FF !important;
}
}
checkTitle: css`
color: #0044FF;
margin-right: 5px;
`,
selectStyle: css`
.ant-select-selector {
border: none !important;
background-color: #F0F3FD !important;
}
.ant-select-selection-item {
color: #4A73FF
}
.ant-select-arrow {
color: #2959FF
}
margin-bottom: 15px;
dec: css`
color: #666666;
`,
documentCard: css`
width: 100%;
@ -197,11 +123,31 @@ const useStyles = createStyles(({ css, token }) => ({
box-sizing: border-box;
border: 1px solid #0044FF;
`,
iconImg: css`
width: 48px;
height: 48px;
`,
importButtonStyle: css`
font-size: 16px;
color: #0044FF;
border: none;
padding: 18px 30px !important;
box-sizing: border-box;
background-color: rgba(0, 68, 255, 0.102);
margin-left: 50px;
&:hover {
color: #0044FF !important;
background-color: rgba(0, 68, 255, 0.102) !important;
}
`,
importFileCard: css`
.ant-card-body {
height: 100%
}
`,
listStyle: css`
border: none !important;
`,
previewContainer: css`
width: 100%;
height: 100%;
@ -209,57 +155,29 @@ const useStyles = createStyles(({ css, token }) => ({
text-align: center;
padding: 30% 0;
`,
testContent: css`
width: 100%;
height: 500px;
margin-top: 15px;
padding: 10px;
border-radius: 2px;
border: 1px solid #D9D9D9;
`,
checkButtonStyle: css`
font-size: 16px;
color: #fff;
padding: 15px 30px !important;
box-shadow: 0px 2px 9px 0px rgba(95, 135, 255, 0.4);
box-sizing: border-box;
border-color: #0044FF;
background-color: #0044FF;
&:hover {
border-color: #0044FF !important;
background-color: #0044FF !important;
color: #fff !important;
}
`,
viewButtonStyle: css`
font-size: 16px;
color: #0044FF;
border-color: #BECFFF;
padding: 10px 15px !important;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0) !important;
&:hover {
border-color: #BECFFF !important;
color: #0044FF !important;
background-color: rgba(255, 255, 255, 0) !important;
}
`,
checkTitle: css`
color: #0044FF;
margin-right: 5px;
`,
checkItem: css`
margin-top: 15px;
`,
robotAvatarLeftContainer: css`
margin-bottom: 10px;
`,
robotAvatarLeft: css`
margin-bottom: 5px;
background: #DFE7FF;
border-radius: 8px;
padding: 5px 0;
`,
robotAvatarLeftContainer: css`
margin-bottom: 10px;
`,
robotBg: css`
width: 120px !important;
height: 80px !important;
margin-top: 10px;
margin-botom: 5px;
border-radius: 8px;
`,
robotImg: css`
margin: 30px 0;
width: 100%;
.ant-image {
width: 100%;
}
`,
robotSetHead: css`
height: 60px;
line-height: 60px;
@ -280,34 +198,34 @@ const useStyles = createStyles(({ css, token }) => ({
font-size: 16px;
width: 100px;
`,
tagStyle: css`
width: 70px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
opacity: 1;
background: #F6F6F6;
color: #999999;
margin-right: 20px;
cursor: pointer;
`,
tagStyleActive: css`
width: 70px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
opacity: 1;
background-color: #0044FF;
color: #fff !important;
margin-right: 20px;
cursor: pointer;
searchStyle: css`
.ant-input-affix-wrapper {
border: none;
background-color: #F3F6FF;
}
.ant-input-search-button {
border: none;
background-color: #F3F6FF;
&:hover {
border-color: #0044FF !important;
background-color: #0044FF !important;
color: #fff !important;
background-color: #F3F6FF !important;
}
.ant-btn-icon {
color: #0044FF !important;
}
}
`,
selectStyle: css`
.ant-select-selector {
border: none !important;
background-color: #F0F3FD !important;
}
.ant-select-selection-item {
color: #4A73FF
}
.ant-select-arrow {
color: #2959FF
}
margin-bottom: 15px;
`,
sliderStyle: css`
.ant-slider-handle {
@ -389,48 +307,116 @@ const useStyles = createStyles(({ css, token }) => ({
color: #3A61CB;
cursor: pointer;
`,
switchRightButton: css`
switchLeftButton: css`
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
width: 30px;
line-height: 100px;
box-shadow: -1px 0px 6px 0px rgba(139, 162, 229, 0.2392);
`,
switchLeftButton: css`
switchRightButton: css`
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 30px;
line-height: 100px;
box-shadow: -1px 0px 6px 0px rgba(139, 162, 229, 0.2392);
`,
robotBg: css`
width: 120px !important;
height: 80px !important;
margin-top: 10px;
margin-botom: 5px;
border-radius: 8px;
tabStyle: css`
.ant-tabs-tab {
margin-right: 40px !important;
}
.ant-tabs-tab-btn {
color: #648EFF
}
.ant-tabs-tab.ant-tabs-tab-active {
.ant-tabs-tab-btn {
color: #0044FF
}
}
.ant-pagination {
.ant-pagination-item-active {
border-color: #0056FF !important
a {
color: #0056FF !important
}
}
}
`,
robotImg: css`
margin: 30px 0;
width: 100%;
.ant-image {
tableHead: css`
.ant-table-thead {
.ant-table-cell {
background-color: #F1F8FF !important
}
}
`,
tagStyle: css`
width: 70px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
opacity: 1;
background: #F6F6F6;
color: #999999;
margin-right: 20px;
cursor: pointer;
`,
tagStyleActive: css`
width: 70px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
opacity: 1;
background-color: #0044FF;
color: #fff !important;
margin-right: 20px;
cursor: pointer;
&:hover {
border-color: #0044FF !important;
background-color: #0044FF !important;
color: #fff !important;
}
`,
testContent: css`
width: 100%;
height: 500px;
margin-top: 15px;
padding: 10px;
border-radius: 2px;
border: 1px solid #D9D9D9;
`,
title: css`
font-size: 18px;
font-weight: 700;
`,
viewButtonStyle: css`
font-size: 16px;
color: #0044FF;
border-color: #BECFFF;
padding: 10px 15px !important;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0) !important;
&:hover {
border-color: #BECFFF !important;
color: #0044FF !important;
background-color: rgba(255, 255, 255, 0) !important;
}
`,
}));
const RobotList = memo<{ mobile?: boolean }>(() => {
const { cx, styles, theme } = useStyles();
const { cx, styles } = useStyles();
const [value, setValue] = useState(1);
const [inputValue, setInputValue] = useState(1);
const [selectedTags, setSelectedTags] = useState(new Set());
const carouselRef = useRef(null);
const carouselBgRef = useRef(null);
const { t } = useTranslation('common');
// const { t } = useTranslation('common');
const tags = ['默认', '新闻', '小说', '知识'];
const data = [
{
@ -483,9 +469,9 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
setSelectedTags(newSelectedTags);
};
const handleChange = () => {
// const handleChange = () => {
}
// }
const handleSwitchNext = () => {
carouselRef.current.next();
@ -503,52 +489,50 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
carouselBgRef.current.prev();
}
const afterChange = (index) => {
// 当Carousel的activeIndex改变时，如果是第一次，则获取索引并存储
if (index === 0) {
// const afterChange = (index) => {
// // 当Carousel的activeIndex改变时，如果是第一次，则获取索引并存储
// if (index === 0) {
}
};
const renderItem = () => {}
// }
// };
return (
<>
<div style={{display: value == 1 ? 'block': 'none'}}>
<div style={{ marginLeft: '60px', fontSize: '20px', height: '70px', lineHeight: '70px'}}>
<div style={{display: value === 1 ? 'block': 'none',height: '100%'}}>
<div style={{ fontSize: '20px', height: '70px', lineHeight: '70px', marginLeft: '60px' }}>
我的数字形象
<Button className={styles.buttonStyle} style={{marginLeft: '24px'}} type="link" shape="round" size="small" variant="solid" onClick={(val)=>handleSwitch(2)}>
<Button className={styles.buttonStyle} onClick={()=>handleSwitch(2)} shape="round" size="small" style={{marginLeft: '24px'}} type="link" variant="solid">
制作数字形象
</Button>
</div>
<div style={{height: '100%'}}>
<List
dataSource={data}
grid={{
gutter: 80,
xs: 1,
sm: 2,
md: 4,
lg: 5,
md: 4,
sm: 2,
xl: 5,
xs: 1,
xxl: 5,
}}
dataSource={data}
style={{padding: '0 50px',marginTop: '10px'}}
renderItem={(item) => (
renderItem={() => (
<List.Item className={styles.listStyle}>
<Card className={styles.cardStyle} style={{padding: '0 !important'}}>
<div style={{background: '#EFEFEF',textAlign: 'center',padding: '40px 0'}}>
<div style={{background: '#EFEFEF', padding: '40px 0', textAlign: 'center'}}>
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot.png" />
</div>
<div style={{marginTop: '30px'}}>
<Flex justify='space-between' style={{height: '100%'}}>
<div style={{lineHeight: '36px',fontWeight: '700'}}>
<div style={{fontWeight: '700', lineHeight: '36px'}}>
Oliva
</div>
<div>
<Button type="link" style={{color: '#005EFF',paddingRight: '0'}} onClick={(val)=>handleSwitch(2)}>
<Button onClick={()=>handleSwitch(2)} style={{color: '#005EFF',paddingRight: '0'}} type="link">
<span className={styles.buttonEdit}></span>
</Button>
<Button type="link" style={{color: '#FF0C0C', paddingRight: '0'}}>
<Button style={{color: '#FF0C0C', paddingRight: '0'}} type="link">
<span className={styles.buttonDelete}></span>
</Button>
</div>
@ -557,21 +541,23 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
</Card>
</List.Item>
)}
style={{marginTop: '10px', padding: '0 50px'}}
/>
</div>
<div style={{display: value == 2 ? 'block': 'none',height: '100%'}}>
</div>
<div style={{display: value === 2 ? 'block': 'none',height: '100%'}}>
<Flex justify='space-between' style={{margin: '15px 0'}} >
<div style={{ marginLeft: '60px',fontSize: '20px',lineHeight: '42px' }}>
<div style={{ fontSize: '20px',lineHeight: '42px',marginLeft: '60px' }}>
我的数字形象
</div>
<Button className={styles.buttonStyle} style={{marginRight: '150px'}} type="text" onClick={(val)=>handleSwitch(1)} shape="round" size="small" variant="solid">
<Button className={styles.buttonStyle} onClick={()=>handleSwitch(1)} shape="round" size="small" style={{marginRight: '150px'}} type="text" variant="solid">
返回形象列表
</Button>
</Flex>
<div style={{padding: '0 150px 0 50px',height: '100%'}}>
<Flex justify='space-between' gap={30} style={{height: '100%'}}>
<div style={{width: '6%',height: '85%'}}>
<Card className={styles.cardStyle} style={{textAlign: 'center',padding: '0'}}>
<div style={{height: '100%', padding: '0 150px 0 50px'}}>
<Flex gap={30} justify='space-between' style={{height: '100%'}}>
<div style={{height: '85%', width: '6%'}}>
<Card className={styles.cardStyle} style={{padding: '0', textAlign: 'center'}}>
<div className={styles.robotAvatarLeftContainer}>
<div className={styles.robotAvatarLeft}>
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot1.png" />
@ -622,108 +608,110 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
</div>
</Card>
</div>
<div style={{width: '52%',height: '85%'}}>
<Card className={styles.cardRobotStyle} style={{padding: '0 !important', height: '120px'}}>
<Carousel infinite={false} afterChange={afterChange} ref={carouselRef}>
<div style={{height: '85%', width: '52%'}}>
<Card className={styles.cardRobotStyle} style={{height: '120px', padding: '0 !important'}}>
<Carousel infinite={false}
// afterChange={afterChange}
ref={carouselRef}>
<div>
<Flex gap={50}>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
</Flex>
</div>
<div>
<div>
<Flex gap={50}>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
<div>
<div className={styles.soundCardAvatar}>
<Image className={cx(styles.iconImg)} style={{marginTop: '12px',marginBotom: '5px'}} preview={false} src="/images/robot2.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/robot2.png" style={{marginBotom: '5px', marginTop: '12px'}} />
</div>
<div style={{textAlign: 'center'}}>Ellen</div>
</div>
@ -731,17 +719,19 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
</div>
</Carousel>
<div className={styles.switchLeftButton} onClick={handleSwitchPrev}>
<Image className={cx(styles.iconImg)} style={{transform: 'rotate(-180deg)'}} preview={false} src="/images/next.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/next.png" style={{transform: 'rotate(-180deg)'}} />
</div>
<div className={styles.switchRightButton} onClick={handleSwitchNext}>
<Image className={cx(styles.iconImg)} preview={false} src="/images/next.png" />
</div>
</Card>
<div className={styles.robotImg}>
<Image preview={false} style={{width: '100%',height: '600px'}} src="/images/robot_img.png" />
<Image preview={false} src="/images/robot_img.png" style={{height: '600px', width: '100%'}}/>
</div>
<Card className={styles.cardRobotStyle} style={{padding: '0 !important', height: '120px'}}>
<Carousel infinite={false} afterChange={afterChange} ref={carouselBgRef}>
<Card className={styles.cardRobotStyle} style={{height: '120px', padding: '0 !important'}}>
<Carousel infinite={false}
// afterChange={afterChange}
ref={carouselBgRef}>
<div>
<Flex gap={30}>
<div>
@ -794,14 +784,14 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
</div>
</Carousel>
<div className={styles.switchLeftButton} onClick={handleSwitchBgPrev}>
<Image className={cx(styles.iconImg)} style={{transform: 'rotate(-180deg)'}} preview={false} src="/images/next.png" />
<Image className={cx(styles.iconImg)} preview={false} src="/images/next.png" style={{transform: 'rotate(-180deg)'}}/>
</div>
<div className={styles.switchRightButton} onClick={handleSwitchBgNext}>
<Image className={cx(styles.iconImg)} preview={false} src="/images/next.png" />
</div>
</Card>
</div>
<div style={{width: '42%',height: '85%'}}>
<div style={{height: '85%',width: '42%'}}>
<Card className={styles.cardStyle} style={{ padding: '0' }}>
<div className={styles.robotSetHead}>
声音设置
@ -813,18 +803,18 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
</div>
<div>
<Select
defaultValue="普通话"
style={{
width: 200,
}}
onChange={handleChange}
className={styles.selectStyle}
defaultValue="普通话"
// onChange={handleChange}
options={[
{
value: '普通话',
label: '普通话',
value: '普通话',
},
]}
style={{
width: 200,
}}
/>
</div>
</Flex>
@ -837,7 +827,7 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
<div style={{marginTop: '25px'}}>
<Flex justify='space-between'>
{tags.map((tagText) => (
<div key={tagText} onClick={() => handleTagClick(tagText)} className={`${selectedTags.has(tagText) ? styles.tagStyleActive : styles.tagStyle}`}>
<div className={`${selectedTags.has(tagText) ? styles.tagStyleActive : styles.tagStyle}`} key={tagText} onClick={() => handleTagClick(tagText)}>
{tagText}
</div>
))}
@ -853,24 +843,24 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
<div style={{marginTop: '25px'}}>
<Flex>
<Slider
min={0}
max={2}
className={styles.sliderStyle}
defaultValue={1}
max={2}
min={0}
onChange={onChange}
style={{width: '300px'}}
className={styles.sliderStyle}
value={typeof inputValue === 'number' ? inputValue : 0}
/>
<Input
min={0}
max={2}
min={0}
onChange={onChange}
style={{
width: '40px',
marginLeft: '20px',
textAlign: 'center'
textAlign: 'center',
width: '40px'
}}
value={inputValue}
onChange={onChange}
/>
</Flex>
</div>
@ -884,24 +874,24 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
<div style={{marginTop: '25px'}}>
<Flex>
<Slider
min={0}
max={2}
className={styles.sliderStyle}
defaultValue={1}
max={2}
min={0}
onChange={onChange}
style={{width: '300px'}}
className={styles.sliderStyle}
value={typeof inputValue === 'number' ? inputValue : 0}
/>
<Input
min={0}
max={2}
min={0}
onChange={onChange}
style={{
width: '40px',
marginLeft: '20px',
textAlign: 'center'
textAlign: 'center',
width: '40px'
}}
value={inputValue}
onChange={onChange}
/>
</Flex>
</div>
@ -915,24 +905,24 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
<div style={{marginTop: '25px'}}>
<Flex>
<Slider
min={0}
max={2}
className={styles.sliderStyle}
defaultValue={1}
max={2}
min={0}
onChange={onChange}
style={{width: '300px'}}
className={styles.sliderStyle}
value={typeof inputValue === 'number' ? inputValue : 0}
/>
<Input
min={0}
max={2}
min={0}
onChange={onChange}
style={{
width: '40px',
marginLeft: '20px',
textAlign: 'center'
textAlign: 'center',
width: '40px'
}}
value={inputValue}
onChange={onChange}
/>
</Flex>
</div>
@ -945,18 +935,17 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
</div>
<div style={{marginTop: '25px'}}>
<List
dataSource={data}
grid={{
gutter: 80,
xs: 1,
sm: 2,
md: 4,
lg: 5,
md: 4,
sm: 2,
xl: 5,
xs: 1,
xxl: 5,
}}
dataSource={data}
style={{padding: '0 50px',marginTop: '10px'}}
renderItem={(item) => (
renderItem={() => (
<List.Item className={styles.listStyle}>
<div className={styles.soundCard}>
<div className={styles.soundCardAvatar}>
@ -968,6 +957,7 @@ const RobotList = memo<{ mobile?: boolean }>(() => {
</div>
</List.Item>
)}
style={{marginTop: '10px', padding: '0 50px'}}
/>
</div>
</Flex>

25
DigitalHumanWeb/src/app/(main)/robot/page.tsx
Unescape Escape View File

@ -1,13 +1,12 @@
import { WelcomeLogo } from '@/components/Branding';
import StructuredData from '@/components/StructuredData';
// import { WelcomeLogo } from '@/components/Branding';
// import StructuredData from '@/components/StructuredData';
import { BRANDING_NAME } from '@/const/branding';
import { ldModule } from '@/server/ld';
// import { ldModule } from '@/server/ld';
import { metadataModule } from '@/server/metadata';
import { translation } from '@/server/translation';
import { isMobileDevice } from '@/utils/responsive';
import {Button} from "antd";
import {createStyles} from "antd-style";
// import { isMobileDevice } from '@/utils/responsive';
import RobotList from './components/RobotList';
export const generateMetadata = async () => {
const { t } = await translation('metadata');
return metadataModule.generate({
@ -18,13 +17,13 @@ export const generateMetadata = async () => {
};
const Page = async () => {
const mobile = isMobileDevice();
const { t } = await translation('metadata');
const ld = ldModule.generate({
description: t('robot.description', { appName: BRANDING_NAME }),
title: t('robot.title', { appName: BRANDING_NAME }),
url: '/robot',
});
// const mobile = isMobileDevice();
// const { t } = await translation('metadata');
// const ld = ldModule.generate({
// description: t('robot.description', { appName: BRANDING_NAME }),
// title: t('robot.title', { appName: BRANDING_NAME }),
// url: '/robot',
// });
return (
<>

2
DigitalHumanWeb/src/app/(main)/settings/_layout/Desktop/SideBar.tsx
Unescape Escape View File

@ -32,7 +32,7 @@ const SidebarLayout = ({ children, className, title, desc, ...rest }: SidebarLay
width={280}
{...rest}
>
<PanelTitle desc={desc || t('header.desc')} title={title || t('header.session')} />
<PanelTitle desc={desc || t('header.desc')} title={title || t('header.title')} />
{children}
<BrandWatermark paddingInline={12} />
</Flexbox>

150
DigitalHumanWeb/src/app/(main)/settings/about/index.tsx
Unescape Escape View File

@ -1,32 +1,144 @@
'use client';
import isEqual from 'fast-deep-equal';
import { SiDiscord, SiGithub, SiMedium, SiRss, SiX } from '@icons-pack/react-simple-icons';
import { Form } from '@lobehub/ui';
import { Divider } from 'antd';
import { createStyles } from 'antd-style';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { Flexbox } from 'react-layout-kit';
import { INBOX_SESSION_ID } from '@/const/session';
import { AgentSettingAbout } from '@/features/AgentSetting';
import { useUserStore } from '@/store/user';
import { settingsSelectors } from '@/store/user/selectors';
import { BRANDING_NAME } from '@/const/branding';
import {
BLOG,
DISCORD,
EMAIL_BUSINESS,
EMAIL_SUPPORT,
GITHUB,
MEDIDUM,
OFFICIAL_SITE,
PRIVACY_URL,
TERMS_URL,
X,
mailTo,
} from '@/const/url';
import { useServerConfigStore } from '@/store/serverConfig';
import { serverConfigSelectors } from '@/store/serverConfig/selectors';
const Page = memo(() => {
const config = useUserStore(settingsSelectors.defaultAgentConfig, isEqual);
const meta = useUserStore(settingsSelectors.defaultAgentMeta, isEqual);
const [updateAgent] = useUserStore((s) => [s.updateDefaultAgent]);
import AboutList from './features/AboutList';
import Analytics from './features/Analytics';
import ItemCard from './features/ItemCard';
import ItemLink from './features/ItemLink';
import Version from './features/Version';
const useStyles = createStyles(({ css, token }) => ({
title: css`
font-size: 14px;
font-weight: bold;
color: ${token.colorTextSecondary};
`,
}));
const Page = memo<{ mobile?: boolean }>(({ mobile }) => {
const { t } = useTranslation('common');
const { styles } = useStyles();
const enabledTelemetryChat = useServerConfigStore(serverConfigSelectors.enabledTelemetryChat);
return (
<AgentSettingAbout
config={config}
id={INBOX_SESSION_ID}
meta={meta}
onConfigChange={(config) => {
updateAgent({ config });
}}
onMetaChange={(meta) => {
updateAgent({ meta });
}}
<>
<Form.Group
style={{ width: '100%' }}
title={`${t('about')} ${BRANDING_NAME}`}
variant={'pure'}
>
<Flexbox gap={20} paddingBlock={20} width={'100%'}>
<div className={styles.title}>{t('version')}</div>
<Version mobile={mobile} />
<Divider style={{ marginBlock: 0 }} />
<div className={styles.title}>{t('contact')}</div>
<AboutList
ItemRender={ItemLink}
items={[
{
href: OFFICIAL_SITE,
label: t('officialSite'),
value: 'officialSite',
},
{
href: mailTo(EMAIL_SUPPORT),
label: t('mail.support'),
value: 'support',
},
{
href: mailTo(EMAIL_BUSINESS),
label: t('mail.business'),
value: 'business',
},
]}
/>
<Divider style={{ marginBlock: 0 }} />
<div className={styles.title}>{t('information')}</div>
<AboutList
ItemRender={ItemCard}
grid
items={[
{
href: BLOG,
icon: SiRss,
label: t('blog'),
value: 'blog',
},
{
href: GITHUB,
icon: SiGithub,
label: 'GitHub',
value: 'feedback',
},
{
href: DISCORD,
icon: SiDiscord,
label: 'Discord',
value: 'discord',
},
{
href: X,
icon: SiX as any,
label: 'X / Twitter',
value: 'x',
},
{
href: MEDIDUM,
icon: SiMedium,
label: 'Medium',
value: 'medium',
},
]}
/>
<Divider style={{ marginBlock: 0 }} />
<div className={styles.title}>{t('legal')}</div>
<AboutList
ItemRender={ItemLink}
items={[
{
href: TERMS_URL,
label: t('terms'),
value: 'terms',
},
{
href: PRIVACY_URL,
label: t('privacy'),
value: 'privacy',
},
]}
/>
</Flexbox>
</Form.Group>
{enabledTelemetryChat && <Analytics />}
</>
);
});
Page.displayName = 'AboutSetting';
export default Page;

360
DigitalHumanWeb/src/app/(main)/settings/common/features/Theme/index.tsx
Unescape Escape View File

@ -1,13 +1,12 @@
'use client';
// import { Form, type ItemGroup, SelectWithImg, SliderWithInput } from '@lobehub/ui';
import { Form, type ItemGroup, SelectWithImg, SliderWithInput } from '@lobehub/ui';
import { Select } from 'antd';
import isEqual from 'fast-deep-equal';
import { Monitor, Moon, Sun } from 'lucide-react';
import { useRouter } from 'next/navigation';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import {Form, Select} from "antd";
import {EditFilled} from "@ant-design/icons";
import { useSyncSettings } from '@/app/(main)/settings/hooks/useSyncSettings';
import { FORM_STYLE } from '@/const/layoutTokens';
@ -23,247 +22,140 @@ import {
import { switchLang } from '@/utils/client/switchLang';
import { ThemeSwatchesNeutral, ThemeSwatchesPrimary } from './ThemeSwatches';
import {createStyles} from "antd-style";
// type SettingItemGroup = ItemGroup;
const useStyles = createStyles(({ css, token }) => ({
cricle: css`
width: 8px;
height: 8px;
border-radius: 8px;
display: inline-block;
margin-right: 15px;
background-color: #4F4F4F;
`,
onlyDiv: css`
padding: 15px 40px;
`,
leftText: css`
width: 200px;
font-size: 18px;
color: #333;
display: inline-block
`,
leftDir: css`
color: #999999;
font-size: 16px;
display: inline-block;
margin-left: 5px;
`,
rightText: css`
width: calc(100% - 215px);
text-align: right;
color: #333333;
font-size: 16px;
display: inline-block;
margin-right: 15px;
`,
childrenLeftText: css`
margin-left: 50px;
`,
childrenRightText: css`
width: calc(100% - 265px);
`,
childrenlangText: css`
margin-left: 50px;
width: calc(100% - 65px);
text-align: left;
`,
topTitle: css`
font-size: 18px;
font-weight: bold;
color: #333333;
`,
topEdit: css`
display: inline-block;
text-align: center;
width: 24px;
height: 24px;
background-color: #AFC1FF;
color: #fff;
`,
}))
type SettingItemGroup = ItemGroup;
const Theme = memo(() => {
const { t } = useTranslation('setting');
const router = useRouter();
const { styles, cx } = useStyles()
const [form] = Form.useForm();
// const settings = useUserStore(settingsSelectors.currentSettings, isEqual);
// const themeMode = useUserStore(userGeneralSettingsSelectors.currentThemeMode);
// const [setThemeMode, setSettings, enableAuth] = useUserStore((s) => [
// s.switchThemeMode,
// s.setSettings,
// authSelectors.enabledAuth(s),
// ]);
const settings = useUserStore(settingsSelectors.currentSettings, isEqual);
const themeMode = useUserStore(userGeneralSettingsSelectors.currentThemeMode);
const [setThemeMode, setSettings, enableAuth] = useUserStore((s) => [
s.switchThemeMode,
s.setSettings,
authSelectors.enabledAuth(s),
]);
useSyncSettings(form);
// useSyncSettings(form);
//
// const handleLangChange = (value: Locales) => {
// switchLang(value);
// router.refresh();
// };
const handleLangChange = (value: Locales) => {
switchLang(value);
router.refresh();
};
// const theme: SettingItemGroup = {
// children: [
// {
// children: <AvatarWithUpload />,
// hidden: enableAuth,
// label: t('settingTheme.avatar.title'),
// minWidth: undefined,
// },
// {
// children: (
// <SelectWithImg
// height={60}
// onChange={setThemeMode}
// options={[
// {
// icon: Sun,
// img: imageUrl('theme_light.webp'),
// label: t('settingTheme.themeMode.light'),
// value: 'light',
// },
// {
// icon: Moon,
// img: imageUrl('theme_dark.webp'),
// label: t('settingTheme.themeMode.dark'),
// value: 'dark',
// },
// {
// icon: Monitor,
// img: imageUrl('theme_auto.webp'),
// label: t('settingTheme.themeMode.auto'),
// value: 'auto',
// },
// ]}
// unoptimized={false}
// value={themeMode}
// width={100}
// />
// ),
// label: t('settingTheme.themeMode.title'),
// minWidth: undefined,
// },
// {
// children: (
// <Select
// onChange={handleLangChange}
// options={[{ label: t('settingTheme.lang.autoMode'), value: 'auto' }, ...localeOptions]}
// />
// ),
// label: t('settingTheme.lang.title'),
// name: ['general', 'language'],
// },
// {
// children: (
// <SliderWithInput
// marks={{
// 12: {
// label: 'A',
// style: {
// fontSize: 12,
// marginTop: 4,
// },
// },
// 14: {
// label: t('settingTheme.fontSize.marks.normal'),
// style: {
// fontSize: 14,
// marginTop: 4,
// },
// },
// 18: {
// label: 'A',
// style: {
// fontSize: 18,
// marginTop: 4,
// },
// },
// }}
// max={18}
// min={12}
// step={1}
// />
// ),
// desc: t('settingTheme.fontSize.desc'),
// label: t('settingTheme.fontSize.title'),
// name: ['general', 'fontSize'],
// },
// {
// children: <ThemeSwatchesPrimary />,
// desc: t('settingTheme.primaryColor.desc'),
// label: t('settingTheme.primaryColor.title'),
// minWidth: undefined,
// },
// {
// children: <ThemeSwatchesNeutral />,
// desc: t('settingTheme.neutralColor.desc'),
// label: t('settingTheme.neutralColor.title'),
// minWidth: undefined,
// },
// ],
// title: t('settingTheme.title'),
// };
const theme: SettingItemGroup = {
children: [
{
children: <AvatarWithUpload />,
hidden: enableAuth,
label: t('settingTheme.avatar.title'),
minWidth: undefined,
},
{
children: (
<SelectWithImg
height={60}
onChange={setThemeMode}
options={[
{
icon: Sun,
img: imageUrl('theme_light.webp'),
label: t('settingTheme.themeMode.light'),
value: 'light',
},
{
icon: Moon,
img: imageUrl('theme_dark.webp'),
label: t('settingTheme.themeMode.dark'),
value: 'dark',
},
{
icon: Monitor,
img: imageUrl('theme_auto.webp'),
label: t('settingTheme.themeMode.auto'),
value: 'auto',
},
]}
unoptimized={false}
value={themeMode}
width={100}
/>
),
label: t('settingTheme.themeMode.title'),
minWidth: undefined,
},
{
children: (
<Select
onChange={handleLangChange}
options={[{ label: t('settingTheme.lang.autoMode'), value: 'auto' }, ...localeOptions]}
/>
),
label: t('settingTheme.lang.title'),
name: ['general', 'language'],
},
{
children: (
<SliderWithInput
marks={{
12: {
label: 'A',
style: {
fontSize: 12,
marginTop: 4,
},
},
14: {
label: t('settingTheme.fontSize.marks.normal'),
style: {
fontSize: 14,
marginTop: 4,
},
},
18: {
label: 'A',
style: {
fontSize: 18,
marginTop: 4,
},
},
}}
max={18}
min={12}
step={1}
/>
),
desc: t('settingTheme.fontSize.desc'),
label: t('settingTheme.fontSize.title'),
name: ['general', 'fontSize'],
},
{
children: <ThemeSwatchesPrimary />,
desc: t('settingTheme.primaryColor.desc'),
label: t('settingTheme.primaryColor.title'),
minWidth: undefined,
},
{
children: <ThemeSwatchesNeutral />,
desc: t('settingTheme.neutralColor.desc'),
label: t('settingTheme.neutralColor.title'),
minWidth: undefined,
},
],
title: t('settingTheme.title'),
};
return (
// <Form
// form={form}
// initialValues={settings}
// items={[theme]}
// itemsType={'group'}
// onValuesChange={setSettings}
// variant={'pure'}
// {...FORM_STYLE}
// />
<Form form={form}>
<div className={cx(styles.onlyDiv, styles.topTitle)}>
<div className={cx(styles.leftText)}>数字人形象</div>
<div className={styles.rightText}><div className={cx(styles.topEdit)}><EditFilled /></div></div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}><span className={cx(styles.cricle)}></span>角色<span className={cx(styles.leftDir)}>/Role</span></div>
<div className={cx(styles.rightText)}>老师</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}><span className={cx(styles.cricle)}></span>基本设定<span className={cx(styles.leftDir)}>/Profile</span></div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText, styles.childrenLeftText)}>创建者<span className={cx(styles.leftDir)}>/Author</span></div>
<div className={cx(styles.rightText, styles.childrenRightText)}>adoadadu</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText, styles.childrenLeftText)}>版本<span className={cx(styles.leftDir)}>/Version</span></div>
<div className={cx(styles.rightText, styles.childrenRightText)}>1.02</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText, styles.childrenLeftText)}>语言<span className={cx(styles.leftDir)}>/Language</span></div>
<div className={cx(styles.rightText, styles.childrenRightText)}>中文</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText, styles.childrenLeftText)}>描述<span className={cx(styles.leftDir)}>/Description</span></div>
<div className={cx(styles.rightText, styles.childrenRightText)}>这是一段描述文字，这是一段描述文字，这是一段描述文字，这是一段</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}><span className={cx(styles.cricle)}></span>背景<span className={cx(styles.leftDir)}>/Background</span></div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.rightText, styles.childrenlangText)}>这是一段描述文字，这是一段描述文字，这是一段描述文字，这是一段这是一段描述文字，这是一段描述文字，这是一段描述文字，这是一段，这是一段描述文字，这是一段描述文字，这是一段</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}><span className={cx(styles.cricle)}></span>目标<span className={cx(styles.leftDir)}>/Goals</span></div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.rightText, styles.childrenlangText)}>这是一段描述文字，这是一段描述文字，这是一段描述文字，这是一段这是一段描述文字，这是一段描述文字，这是一段描述文字，这是一段，这是一段描述文字，这是一段描述文字，这是一段</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}><span className={cx(styles.cricle)}></span>规则<span className={cx(styles.leftDir)}>/Rules</span></div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.rightText, styles.childrenlangText)}>这是一段描述文字，这是一段描述文字，这是一段描述文字，这是一段这是一段描述文字，这是一段描述文字，这是一段描述文字，这是一段，这是一段描述文字，这是一段描述文字，这是一段</div>
</div>
</Form>
<Form
form={form}
initialValues={settings}
items={[theme]}
itemsType={'group'}
onValuesChange={setSettings}
variant={'pure'}
{...FORM_STYLE}
/>
);
});

4
DigitalHumanWeb/src/app/(main)/settings/common/index.tsx
Unescape Escape View File

@ -1,13 +1,11 @@
import Common from './features/Common';
import Theme from './features/Theme';
import {Form} from "antd";
const Page = () => {
return (
<>
<Theme />
{/*<Common />*/}
<Common />
</>
);
};

59
DigitalHumanWeb/src/app/(main)/settings/hooks/useCategory.tsx
Unescape Escape View File

@ -18,15 +18,6 @@ export const useCategory = () => {
const cateItems: MenuProps['items'] = useMemo(
() =>
[
{
icon: <Icon icon={Bot} />,
key: SettingsTabs.Agent,
label: (
<Link href={'/settings/agent'} onClick={(e) => e.preventDefault()}>
{t('tab.agent')}
</Link>
),
},
{
icon: <Icon icon={Settings2} />,
key: SettingsTabs.Common,
@ -45,21 +36,21 @@ export const useCategory = () => {
</Link>
),
},
// {
// icon: <Icon icon={Cloudy} />,
// key: SettingsTabs.Sync,
// label: (
// <Link href={'/settings/sync'} onClick={(e) => e.preventDefault()}>
// <Flexbox align={'center'} gap={8} horizontal>
// {t('tab.sync')}
// <Tag bordered={false} color={'warning'}>
// {t('tab.experiment')}
// </Tag>
// </Flexbox>
// </Link>
// ),
// },
{
enableWebrtc && {
icon: <Icon icon={Cloudy} />,
key: SettingsTabs.Sync,
label: (
<Link href={'/settings/sync'} onClick={(e) => e.preventDefault()}>
<Flexbox align={'center'} gap={8} horizontal>
{t('tab.sync')}
<Tag bordered={false} color={'warning'}>
{t('tab.experiment')}
</Tag>
</Flexbox>
</Link>
),
},
showLLM && {
icon: <Icon icon={Brain} />,
key: SettingsTabs.LLM,
label: (
@ -69,7 +60,7 @@ export const useCategory = () => {
),
},
{
enableSTT && {
icon: <Icon icon={Mic2} />,
key: SettingsTabs.TTS,
label: (
@ -79,20 +70,20 @@ export const useCategory = () => {
),
},
{
icon: <Icon icon={Info} />,
key: SettingsTabs.About,
icon: <Icon icon={Bot} />,
key: SettingsTabs.Agent,
label: (
<Link href={'/settings/about'} onClick={(e) => e.preventDefault()}>
{t('tab.about')}
<Link href={'/settings/agent'} onClick={(e) => e.preventDefault()}>
{t('tab.agent')}
</Link>
),
},
{
icon: <Icon icon={Cloudy} />,
key: SettingsTabs.Szr,
!hideDocs && {
icon: <Icon icon={Info} />,
key: SettingsTabs.About,
label: (
<Link href={'/settings/szr'} onClick={(e) => e.preventDefault()}>
{t('tab.szr')}
<Link href={'/settings/about'} onClick={(e) => e.preventDefault()}>
{t('tab.about')}
</Link>
),
},

35
DigitalHumanWeb/src/app/(main)/settings/llm/index.tsx
Unescape Escape View File

@ -1,32 +1,23 @@
'use client';
import isEqual from 'fast-deep-equal';
import { memo } from 'react';
import { Flexbox } from 'react-layout-kit';
import { INBOX_SESSION_ID } from '@/const/session';
import { AgentSettingLlm } from '@/features/AgentSetting';
import { useUserStore } from '@/store/user';
import { settingsSelectors } from '@/store/user/selectors';
import { useProviderList } from './ProviderList/providers';
import ProviderConfig from './components/ProviderConfig';
import Footer from './features/Footer';
const Page = memo(() => {
const config = useUserStore(settingsSelectors.defaultAgentConfig, isEqual);
const meta = useUserStore(settingsSelectors.defaultAgentMeta, isEqual);
const [updateAgent] = useUserStore((s) => [s.updateDefaultAgent]);
const Page = () => {
const list = useProviderList();
return (
<AgentSettingLlm
config={config}
id={INBOX_SESSION_ID}
meta={meta}
onConfigChange={(config) => {
updateAgent({ config });
}}
onMetaChange={(meta) => {
updateAgent({ meta });
}}
/>
<Flexbox gap={24} width={'100%'}>
{list.map(({ id, ...res }) => (
<ProviderConfig id={id as any} key={id} {...res} />
))}
<Footer />
</Flexbox>
);
});
};
Page.displayName = 'LlmSetting';

34
DigitalHumanWeb/src/app/(main)/settings/system-agent/index.tsx
Unescape Escape View File

@ -1,32 +1,14 @@
'use client';
import isEqual from 'fast-deep-equal';
import { memo } from 'react';
import { INBOX_SESSION_ID } from '@/const/session';
import { AgentSettingChat } from '@/features/AgentSetting';
import { useUserStore } from '@/store/user';
import { settingsSelectors } from '@/store/user/selectors';
const Page = memo(() => {
const config = useUserStore(settingsSelectors.defaultAgentConfig, isEqual);
const meta = useUserStore(settingsSelectors.defaultAgentMeta, isEqual);
const [updateAgent] = useUserStore((s) => [s.updateDefaultAgent]);
import SystemAgentForm from './features/createForm';
const Page = () => {
return (
<AgentSettingChat
config={config}
id={INBOX_SESSION_ID}
meta={meta}
onConfigChange={(config) => {
updateAgent({ config });
}}
onMetaChange={(meta) => {
updateAgent({ meta });
}}
/>
<>
<SystemAgentForm systemAgentKey="topic" />
<SystemAgentForm systemAgentKey="translation" />
<SystemAgentForm systemAgentKey="agentMeta" />
</>
);
});
};
Page.displayName = 'SystemAgent';

317
DigitalHumanWeb/src/app/(main)/settings/szr/index.tsx
Unescape Escape View File

@ -1,317 +0,0 @@
'use client';
import {memo, useEffect, useState} from 'react';
import {Form, Select, Radio, Slider, InputNumber, Image} from "antd";
import {createStyles} from "antd-style";
const ysOptions = [
{id: '1', name: '男声', icon: '/images/per.png/'},
{id: '2', name: '男声', icon: '/images/per.png/'},
{id: '3', name: '男声', icon: '/images/per.png/'},
{id: '4', name: '男声', icon: '/images/per.png/'},
{id: '5', name: '男声', icon: '/images/per.png/'},
{id: '6', name: '男声', icon: '/images/per.png/'},
{id: '7', name: '男声', icon: '/images/per.png/'},
]
const useStyles = createStyles(({ css, token }) => ({
cricle: css`
width: 8px;
height: 8px;
border-radius: 8px;
display: inline-block;
margin-right: 15px;
background-color: #4F4F4F;
`,
onlyDiv: css`
padding: 15px 40px;
`,
leftText: css`
width: 200px;
font-size: 18px;
color: #333;
display: inline-block
`,
leftDir: css`
color: #999999;
font-size: 16px;
display: inline-block;
margin-left: 5px;
`,
rightText: css`
width: calc(100% - 215px);
text-align: right;
color: #333333;
font-size: 16px;
display: inline-block;
margin-right: 15px;
`,
childrenLeftText: css`
margin-left: 50px;
`,
childrenRightText: css`
width: calc(100% - 265px);
`,
childrenlangText: css`
margin-left: 50px;
width: calc(100% - 65px);
text-align: left;
`,
circleImg: css`
width: 62px;
height: 62px;
line-height: 62px;
display: inline-block;
margin-right: 15px;
text-align: center;
position: relative;
border-radius: 62px;
background-color: #B8C8FF;
border: 1px solid #B8C8FF;
`,
optName: css`
display: inline-block;
position: absolute;
line-height: normal;
font-size: 13px;
background: #C1CFFF;
border-radius: 18px;
color: #3A61CB;
bottom: -5px;
left: 10px;
padding: 2px 6px;
`,
circleSeleImg: css`
border: 1px solid #0044FF;
`,
optSeleName: css`
background: #0044FF;
color: #fff;
`,
radioRigh: css`
margin-right: 24px
`,
topTitle: css`
font-size: 18px;
font-weight: bold;
color: #333333;
`,
}))
const szrOptions = [
{
value: '1',
label: 'Jack',
},
{
value: '2',
label: 'Lucy',
},
{
value: '3',
label: 'yiminghe',
},
]
const yyOptions = [
{
label: '普通话',
value: 'pth',
},
{
label: '英文',
value: 'yw',
},
{
label: '法语',
value: 'fy',
},
]
const Page = memo(() => {
const [form] = Form.useForm()
const { styles, cx } = useStyles()
const [optValue, setOptValue] = useState("")
useEffect(() => {
form.setFieldsValue({
szr: '1',
yy: 'pth',
ys: '1.0',
ysnum: '1.0',
yd: '1.0',
ydnum: '1.0',
yl: '1.0',
ylnum: '1.0',
})
})
const onChangeYs = (val) => {
form.setFieldsValue({
ysnum: val
})
}
const onChangeYd = (val) => {
form.setFieldsValue({
ydnum: val
})
}
const onChangeYl = (val) => {
form.setFieldsValue({
ylnum: val
})
}
const onClickYin = (e) => {
setOptValue(e.id)
}
return (
<>
<Form form={form} style={{ marginBottom: '30px' }}>
<div className={cx(styles.onlyDiv, styles.topTitle)}>
<div className={cx(styles.leftText)}>数字人形象</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}>选择数字人</div>
<div className={cx(styles.rightText)}>
<Form.Item label="" name="szr">
<Select
style={{ width: 120, textAlign: 'left' }}
options={szrOptions}
/>
</Form.Item>
</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}>数字人形象</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.rightText, styles.childrenlangText)} style={{ textAlgin: 'center' }}>
<Image alt={'数字人形象'} src="/images/szrxx.png" preview={false} />
</div>
</div>
<div className={cx(styles.onlyDiv, styles.topTitle)}>
<div className={cx(styles.leftText)}>声音设置</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}>语言</div>
<div className={cx(styles.rightText)}>
<Form.Item label="" name="yy">
<Select
style={{ width: 120, textAlign: 'left' }}
options={yyOptions}
/>
</Form.Item>
</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}>风格</div>
<div className={cx(styles.rightText)}>
<Form.Item label="" name="fg">
<Radio.Group disabled buttonStyle="solid">
<Radio.Button className={styles.radioRigh} value="mr">默认</Radio.Button>
<Radio.Button className={styles.radioRigh} value="xw">新闻</Radio.Button>
<Radio.Button className={styles.radioRigh} value="xx">小说</Radio.Button>
<Radio.Button className={styles.radioRigh} value="zs">知识</Radio.Button>
</Radio.Group>
</Form.Item>
</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}>语速</div>
<div className={cx(styles.rightText)}>
<Form.Item style={{ display: 'inline-block'}} label="" name="ys">
<Slider
style={{ width: "120px" }}
min={0}
max={2}
onChange={(e) => onChangeYs(e)}
step={0.1}
/>
</Form.Item>
<Form.Item style={{ display: 'inline-block'}} label="" name="ysnum">
<InputNumber
min={0}
max={2}
style={{
margin: '0 16px',
}}
step={0.1}
/>
</Form.Item>
</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}>语调</div>
<div className={cx(styles.rightText)}>
<Form.Item style={{ display: 'inline-block'}} label="" name="yd">
<Slider
style={{ width: "120px" }}
min={0}
max={2}
onChange={(e) => onChangeYd(e)}
step={0.1}
/>
</Form.Item>
<Form.Item style={{ display: 'inline-block'}} label="" name="ydnum">
<InputNumber
min={0}
max={2}
style={{
margin: '0 16px',
}}
step={0.1}
/>
</Form.Item>
</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}>音量</div>
<div className={cx(styles.rightText)}>
<Form.Item style={{ display: 'inline-block'}} label="" name="yl">
<Slider
style={{ width: "120px" }}
min={0}
max={2}
onChange={(e) => onChangeYl(e)}
step={0.1}
/>
</Form.Item>
<Form.Item style={{ display: 'inline-block'}} label="" name="ylnum">
<InputNumber
min={0}
max={2}
style={{
margin: '0 16px',
}}
step={0.1}
/>
</Form.Item>
</div>
</div>
<div className={cx(styles.onlyDiv)}>
<div className={cx(styles.leftText)}>音色</div>
<div className={cx(styles.rightText)}>
{
ysOptions.map(e => {
return (
<div className={cx(styles.circleImg, optValue==e.id&&styles.circleSeleImg)} onClick={() => onClickYin(e)}>
<Image alt={e.name} src={e.icon} preview={false} />
<span className={cx(styles.optName, optValue==e.id&&styles.optSeleName)}>{e.name}</span>
</div>
)
})
}
</div>
</div>
</Form>
</>
);
});
Page.displayName = 'SzrSetting';
export default Page;

12
DigitalHumanWeb/src/app/(main)/settings/szr/page.tsx
Unescape Escape View File

@ -1,12 +0,0 @@
import { metadataModule } from '@/server/metadata';
import { translation } from '@/server/translation';
export const generateMetadata = async () => {
const { t } = await translation('setting');
return metadataModule.generate({
description: t('header.desc'),
title: t('tab.szr'),
url: '/settings/szr',
});
};
export { default } from './index';

34
DigitalHumanWeb/src/app/(main)/settings/tts/index.tsx
Unescape Escape View File

@ -1,32 +1,14 @@
'use client';
import isEqual from 'fast-deep-equal';
import { memo } from 'react';
import { INBOX_SESSION_ID } from '@/const/session';
import { AgentSettingTts } from '@/features/AgentSetting';
import { useUserStore } from '@/store/user';
import { settingsSelectors } from '@/store/user/selectors';
const Page = memo(() => {
const config = useUserStore(settingsSelectors.defaultAgentConfig, isEqual);
const meta = useUserStore(settingsSelectors.defaultAgentMeta, isEqual);
const [updateAgent] = useUserStore((s) => [s.updateDefaultAgent]);
import OpenAI from './features/OpenAI';
import STT from './features/STT';
const Page = () => {
return (
<AgentSettingTts
config={config}
id={INBOX_SESSION_ID}
meta={meta}
onConfigChange={(config) => {
updateAgent({ config });
}}
onMetaChange={(meta) => {
updateAgent({ meta });
}}
/>
<>
<STT />
<OpenAI />
</>
);
});
};
Page.displayName = 'TtsSetting';

13
DigitalHumanWeb/src/app/(main)/welcome/features/Actions.tsx
Unescape Escape View File

@ -3,28 +3,21 @@
import { Icon } from '@lobehub/ui';
import { Button } from 'antd';
import { SendHorizonal } from 'lucide-react';
import Link from 'next/link';
// import Link from 'next/link';
import { useRouter } from 'next/navigation';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { Flexbox } from 'react-layout-kit';
import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
// import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
const Actions = memo<{ mobile?: boolean }>(({ mobile }) => {
const { t } = useTranslation('welcome');
const router = useRouter();
const { showMarket } = useServerConfigStore(featureFlagsSelectors);
// const { showMarket } = useServerConfigStore(featureFlagsSelectors);
return (
<Flexbox gap={16} horizontal={!mobile} justify={'center'} width={'100%'} wrap={'wrap'}>
{showMarket && (
<Link href={'/discover'}>
<Button block={mobile} size={'large'} style={{ minWidth: 160 }} type={'default'}>
{t('button.market')}
</Button>
</Link>
)}
<Button
block={mobile}
onClick={() => router.push('/chat')}

12
DigitalHumanWeb/src/app/api/request.js
Unescape Escape View File

@ -1,16 +1,18 @@
import axios from 'axios';
// 创建axios实例
// 创建一个Axios实例，并配置基础URL和请求超时时间
const service = axios.create({
baseURL: `http://192.168.7.3:18080`, // 设置基础URL
timeout: 60000 // 设置请求超时时间
baseURL: 'http://192.168.7.3:18080', // 设置基础URL
timeout: 60000, // 设置请求超时时间（单位为毫秒）
// withCredentials: true, // 如果需要发送跨域请求时携带凭证（如Cookies），可以取消注释此行
});
// service.defaults.withCredentials = true;
// 请求拦截器
service.interceptors.request.use(
(config) => {
// 在发送请求之前做些什么，例如添加token到headers
// config.headers['Authorization'] = 'Bearer ' + token;
// config.headers['cookie'] = 'authjs.csrf-token=024846fb3c7ff4d8baffaf9de069396e72ab6c439fb44ce126830edee05d2e88%7Ccc355f6cf425ed6dc60262ef653a29adb8c2a05aba34ddf4a2c1c4dfa59d5613; authjs.callback-url=http%3A%2F%2F192.168.15.199%3A3210%2Fchat%3Fsession%3Dinbox%26topic%3Dtpc_nBRvJCjmn1as; LOBE_LOCALE=zh-CN; LOBE_THEME_PRIMARY_COLOR=undefined; LOBE_THEME_NEUTRAL_COLOR=undefined; authjs.session-token=eyJhbGciOiJkaXIiLCJlbmMiOiJBMjU2Q0JDLUhTNTEyIiwia2lkIjoiY3FXQ2gyUDdpSVZEdkFQZEtHQU55d0JJdmFaMDhGVzJfV1pBelQxYjVoV0oyRjRubDF1LWFJdllYeHkxMW4zZU1kdjVrMlAxWFRwQWdfZl9SdDU2Q2cifQ..wduWoP240CT_p3rOpF3vWg.do7yfgOkk8YMgwApJ1C2-rkBVPh9x00dXBNe-SMhhTj5NH5EEfwEYQiqHb3ZJwnSdT_L6d_GnY42NvgS6E1yTmi54gCdxabms-Eemy75IB_UCDcQjak7e4hSRFdAbH8AjA0MeS6fpJcFJlkWwniZf9kWZsuvy-m702_4SsP8E9E5b_X-9EIX85cDhRFjUC6cNdpNcwY98CvlhI7X-PMh20unkhSRiKCLJOaEKIZeJg_REGezxGcz3NrIE30fI3KB0T5tHetKYO_6BYJ5KCWgiaKHebgxSA21KTXeggpv0Q-UBS5yOmys32Ra2NwFroyahJ9VC0Z3cQiZegb7GXIjkg.UfjoEB1hV-NjULY12ZqZp_hLeInM4LCUHhUNyeqygws';
config.headers['x-lobe-chat-auth'] = 'http_nosafe.eyJhY2Nlc3NDb2RlIjoiIiwidXNlcklkIjoiZmQ4YWUzNTktNjRkYy00YTU3LWFiNDEtNTQzOGUyZmRhOTc1In0=';
return config;
},
(error) => {

1
DigitalHumanWeb/src/components/Branding/ProductLogo/Custom.tsx
Unescape Escape View File

@ -21,6 +21,7 @@ const CustomTextLogo = memo<FlexboxProps & { size: number }>(({ size, style, ...
<Flexbox
height={size}
style={{
color: '#ffffff',
fontSize: size / 1.5,
fontWeight: 'bolder',
userSelect: 'none',

BIN
DigitalHumanWeb/src/components/FullscreenLoading/bg1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 342 KiB

5
DigitalHumanWeb/src/components/FullscreenLoading/index.css
Unescape Escape View File

@ -0,0 +1,5 @@
.bg {
background: url('./bg1.jpg') no-repeat center center;
background-size: 100% 100%;
position: relative;
}

6
DigitalHumanWeb/src/components/FullscreenLoading/index.tsx
Unescape Escape View File

@ -2,15 +2,15 @@ import { Icon } from '@lobehub/ui';
import { Loader2 } from 'lucide-react';
import { memo } from 'react';
import { Center, Flexbox } from 'react-layout-kit';
import './index.css';
import { ProductLogo } from '@/components/Branding';
const FullscreenLoading = memo<{ title?: string }>(({ title }) => {
return (
<Flexbox height={'100%'} style={{ position: 'relative', userSelect: 'none' }} width={'100%'}>
<Flexbox className="bg" height={'100%'} style={{ position: 'relative', userSelect: 'none' }} width={'100%'}>
<Center flex={1} gap={16} width={'100%'}>
<ProductLogo size={48} type={'combine'} />
<Center gap={12} horizontal style={{ fontSize: 15, lineHeight: 1.5, opacity: 0.66 }}>
<Center gap={12} horizontal style={{ color: '#ffffff', fontSize: 15, lineHeight: 1.5, opacity: 0.66 }}>
<Icon icon={Loader2} size={{ fontSize: 16 }} spin />
{title}
</Center>

3
DigitalHumanWeb/src/config/db.ts
Unescape Escape View File

@ -2,6 +2,7 @@ import { createEnv } from '@t3-oss/env-nextjs';
import { z } from 'zod';
export const getServerDBConfig = () => {
console.log(process.env.DATABASE_URL,'111111111111111111database------------')
return createEnv({
client: {
NEXT_PUBLIC_ENABLED_SERVER_SERVICE: z.boolean(),
@ -9,7 +10,7 @@ export const getServerDBConfig = () => {
runtimeEnv: {
DATABASE_DRIVER: process.env.DATABASE_DRIVER || 'neon',
DATABASE_TEST_URL: process.env.DATABASE_TEST_URL,
DATABASE_URL: process.env.DATABASE_URL,
DATABASE_URL: 'jdbc:postgresql://192.168.15.199:5432/lobechat',
DISABLE_REMOVE_GLOBAL_FILE: process.env.DISABLE_REMOVE_GLOBAL_FILE === '1',

4
DigitalHumanWeb/src/const/branding.ts
Unescape Escape View File

@ -4,7 +4,7 @@
export const LOBE_CHAT_CLOUD = 'LobeChat Cloud';
export const BRANDING_NAME = 'LobeChat';
export const BRANDING_LOGO_URL = '';
export const BRANDING_NAME = '集智AI';
export const BRANDING_LOGO_URL = '/images/logo-3d.webp';
export const ORG_NAME = 'LobeHub';

5
DigitalHumanWeb/src/database/server/core/db.ts
Unescape Escape View File

@ -22,12 +22,13 @@ If you don't have it, please run \`openssl rand -base64 32\` to create one.
}
let connectionString = serverDBEnv.DATABASE_URL;
console.log(connectionString,'999999999999999DATABASE_DRIVER')
if (!connectionString) {
throw new Error(`You are try to use database, but "DATABASE_URL" is not set correctly`);
}
if (serverDBEnv.DATABASE_DRIVER === 'node') {
console.log(connectionString,'8888888888888888DATABASE_DRIVER')
const client = new NodePool({ connectionString });
return nodeDrizzle(client, { schema });
}
@ -36,7 +37,7 @@ If you don't have it, please run \`openssl rand -base64 32\` to create one.
// https://github.com/neondatabase/serverless/blob/main/CONFIG.md#websocketconstructor-typeof-websocket--undefined
neonConfig.webSocketConstructor = ws;
}
console.log(connectionString,'73366666226666DATABASE_DRIVER')
const client = new NeonPool({ connectionString });
return neonDrizzle(client, { schema });
};

60
DigitalHumanWeb/src/features/AgentSetting/AgentSettings.tsx
Unescape Escape View File

@ -12,68 +12,12 @@ type AgentSettingsProps = StoreUpdaterProps;
export const AgentSettings = (props: AgentSettingsProps) => {
return (
<Provider createStore={createStore}>
{/*<StoreUpdater {...props} />*/}
{/*<AgentPrompt />*/}
<StoreUpdater {...props} />
<AgentPrompt />
<AgentMeta />
{/*<AgentChat />*/}
{/*<AgentModal />*/}
{/*<AgentTTS />*/}
{/*<AgentPlugin />*/}
</Provider>
);
};
export const AgentSettingChat = (props: AgentSettingsProps) => {
return (
<Provider createStore={createStore}>
{/*<StoreUpdater {...props} />*/}
{/*<AgentPrompt />*/}
{/*<AgentMeta />*/}
<AgentChat />
{/*<AgentModal />*/}
{/*<AgentTTS />*/}
{/*<AgentPlugin />*/}
</Provider>
);
};
export const AgentSettingLlm = (props: AgentSettingsProps) => {
return (
<Provider createStore={createStore}>
{/*<StoreUpdater {...props} />*/}
{/*<AgentPrompt />*/}
{/*<AgentMeta />*/}
{/*<AgentChat />*/}
<AgentModal />
{/*<AgentTTS />*/}
{/*<AgentPlugin />*/}
</Provider>
);
};
export const AgentSettingTts = (props: AgentSettingsProps) => {
return (
<Provider createStore={createStore}>
{/*<StoreUpdater {...props} />*/}
{/*<AgentPrompt />*/}
{/*<AgentMeta />*/}
{/*<AgentChat />*/}
{/*<AgentModal />*/}
<AgentTTS />
{/*<AgentPlugin />*/}
</Provider>
);
};
export const AgentSettingAbout = (props: AgentSettingsProps) => {
return (
<Provider createStore={createStore}>
{/*<StoreUpdater {...props} />*/}
{/*<AgentPrompt />*/}
{/*<AgentMeta />*/}
{/*<AgentChat />*/}
{/*<AgentModal />*/}
{/*<AgentTTS />*/}
<AgentPlugin />
</Provider>
);

2
DigitalHumanWeb/src/features/AgentSetting/index.tsx
Unescape Escape View File

@ -1,3 +1,3 @@
export { AgentSettings, AgentSettingChat, AgentSettingLlm, AgentSettingTts, AgentSettingAbout } from './AgentSettings';
export { AgentSettings } from './AgentSettings';
export { AgentSettingsStore } from './AgentSettingsStore';
export type { AgentSettingsInstance } from './hooks/useAgentSettings';

8
DigitalHumanWeb/src/features/ChatInput/ActionBar/config.ts
Unescape Escape View File

@ -31,12 +31,12 @@ export const getLeftActionList: getActionList = (mobile) =>
[
'model',
'fileUpload',
// 'knowledgeBase',
// 'temperature',
// 'history',
'knowledgeBase',
'temperature',
'history',
!mobile && 'stt',
'tools',
// 'token',
'token',
].filter(Boolean) as ActionKeys[];
export const getRightActionList: getActionList = () => ['clear'].filter(Boolean) as ActionKeys[];

2
DigitalHumanWeb/src/features/ChatInput/ActionBar/index.tsx
Unescape Escape View File

@ -46,7 +46,7 @@ const ActionBar = memo<ActionBarProps>(
rightAddons={
<>
{rightAreaStartRender}
{/*<RenderActionList dataSource={rightActionList} />*/}
<RenderActionList dataSource={rightActionList} />
{rightAreaEndRender}
</>
}

2
DigitalHumanWeb/src/features/Setting/Footer.tsx
Unescape Escape View File

@ -30,7 +30,7 @@ const Footer = memo<PropsWithChildren>(() => {
const { hideGitHub } = useServerConfigStore(featureFlagsSelectors);
return true ? null : (
return hideGitHub ? null : (
<>
<Flexbox flex={1} justify={'flex-end'}>
<Center

2
DigitalHumanWeb/src/hooks/useInterceptingRoutes.ts
Unescape Escape View File

@ -19,6 +19,7 @@ export const useOpenSettings = (tab: SettingsTabs = SettingsTabs.Common) => {
return () => router.push(urlJoin('/settings', tab));
} else {
// use Intercepting Routes on Desktop
console.log(activeId,tab,'/settings/modal,33333333------')
return () => router.push('/settings/modal', { query: { session: activeId, tab } });
}
}, [mobile, tab, activeId, router]);
@ -41,6 +42,7 @@ export const useOpenChatSettings = (tab: ChatSettingsTabs = ChatSettingsTabs.Met
return () => router.push('/chat/settings');
} else {
// use Intercepting Routes on Desktop
console.log(activeId,tab,'/chat/settings/modal,33333333------')
return () => router.push('/chat/settings/modal', { query: { session: activeId, tab } });
}
}, [openSettings, mobile, activeId, router, tab]);

2
DigitalHumanWeb/src/libs/trpc/middleware/userAuth.ts
Unescape Escape View File

@ -7,12 +7,14 @@ import { trpc } from '../init';
export const userAuth = trpc.middleware(async (opts) => {
const { ctx } = opts;
// `ctx.user` is nullable
console.log(ctx.userId,'1111111111111111userId-------------')
if (!ctx.userId) {
if (enableClerk) {
console.log('clerk auth:', ctx.clerkAuth);
} else {
console.log('next auth:', ctx.nextAuth);
}
console.log(ctx.userId,'2222222222222222userId-------------')
throw new TRPCError({ code: 'UNAUTHORIZED' });
}

2
DigitalHumanWeb/src/locales/default/chat.ts
Unescape Escape View File

@ -39,9 +39,9 @@ export default {
input: {
addAi: '添加一条 AI 消息',
addUser: '添加一条用户消息',
clear: '清空内容',
more: '更多',
send: '发送',
clear: '清空内容',
sendWithCmdEnter: '按 {{meta}} + Enter 键发送',
sendWithEnter: '按 Enter 键发送',
stop: '停止',

Some files were not shown because too many files have changed in this diff Show More

Write Preview
Loading…
Cancel
Save