feat: 徽智制联-deepSeek-增加loading效果+部分样式调整

@@ -10,20 +10,15 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@chatui/core": "^2.4.2",
-    "antd": "^5.22.3",
+    "antd-mobile": "^5.38.1",
+    "antd-mobile-icons": "^0.3.0",
     "axios": "^1.7.3",
-    "cesium": "^1.124.0",
-    "echarts": "^5.5.1",
-    "echarts-for-react": "^3.0.2",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.11",
     "lodash-es": "^4.17.21",
     "normalize.css": "^8.0.1",
-    "rc-pagination": "^4.2.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-echarts": "^0.1.1",
     "react-markdown": "^9.0.1",
     "react-router-dom": "^6.26.0",
     "react-syntax-highlighter": "^15.6.1",
@@ -35,7 +30,6 @@
     "swiper": "^8.4.4"
   },
   "devDependencies": {
-    "@types/echarts": "^4.9.22",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.7",
     "@types/lodash-es": "^4.17.12",

@@ -15,7 +15,6 @@ import SyntaxHighlighter from 'react-syntax-highlighter'
 import MarkdownButton from './markdown-button'
 import MarkdownForm from './markdown-form'
 import ThinkBlock from './markdown-block'
-import VideoGallery from './videoGallery'
 
 interface MarkdownProps {
     content: string
@@ -164,7 +163,8 @@ const VideoBlock: any = memo(({ node }: any) => {
     const srcs = node.children.filter((child: any) => 'properties' in child).map((child: any) => (child as any).properties.src)
     if (srcs.length === 0)
         return null
-    return <VideoGallery key={srcs.join()} srcs={srcs} />
+    // return <VideoGallery key={srcs.join()} srcs={srcs} />
+    return ''
 })
 VideoBlock.displayName = 'VideoBlock'
 

@@ -39,7 +39,7 @@ const useThinkTimer = (children: any) => {
     const [startTime] = useState(Date.now())
     const [elapsedTime, setElapsedTime] = useState(0)
     const [isComplete, setIsComplete] = useState(false)
-    const timerRef = useRef<NodeJS.Timeout>()
+    const timerRef = useRef<number>()
 
     useEffect(() => {
         timerRef.current = setInterval(() => {

-import { Button } from 'antd';
+import { Button } from 'antd-mobile';
 import './base.less'
 import './style.less'
 
@@ -19,7 +19,7 @@ const MarkdownButton = ({ node }: any) => {
     }
 
     return <Button
-        variant={variant}
+        color={variant}
         size={size}
         onClick={() => {
             if (is_valid_url(link)) {

@@ -7,8 +7,9 @@ import {
     Input,
     DatePicker,
     Checkbox,
-    Select
-} from 'antd';
+    Selector,
+    TextArea
+} from 'antd-mobile';
 
 enum DATA_FORMAT {
     TEXT = 'text',
@@ -95,7 +96,7 @@ const MarkdownForm = ({ node }: any) => {
                             <DatePicker
                                 key={index}
                                 value={formValues[child.properties.name]}
-                                onChange={(date) => {
+                                onSelect={(date) => {
                                     setFormValues(prevValues => ({
                                         ...prevValues,
                                         [child.properties.name]: date,
@@ -123,30 +124,30 @@ const MarkdownForm = ({ node }: any) => {
                     }
                     if (child.properties.type === SUPPORTED_TYPES.SELECT) {
                         return (
-                            <Select
+                            <Selector
                                 key={index}
                                 className="w-full"
-                                // items={(() => {
-                                //     let options = child.properties.dataOptions || child.properties['data-options'] || []
-                                //     if (typeof options === 'string') {
-                                //         try {
-                                //             options = JSON.parse(options)
-                                //         }
-                                //         catch (e) {
-                                //             console.error('Failed to parse options:', e)
-                                //             options = []
-                                //         }
-                                //     }
-                                //     return options.map((option: string) => ({
-                                //         name: option,
-                                //         value: option,
-                                //     }))
-                                // })()}
+                                options={(() => {
+                                    let options = child.properties.dataOptions || child.properties['data-options'] || []
+                                    if (typeof options === 'string') {
+                                        try {
+                                            options = JSON.parse(options)
+                                        }
+                                        catch (e) {
+                                            console.error('Failed to parse options:', e)
+                                            options = []
+                                        }
+                                    }
+                                    return options.map((option: string) => ({
+                                        name: option,
+                                        value: option,
+                                    }))
+                                })()}
                                 defaultValue={formValues[child.properties.name]}
-                                onSelect={(item) => {
+                                onChange={(item) => {
                                     setFormValues(prevValues => ({
                                         ...prevValues,
-                                        [child.properties.name]: item.value,
+                                        [child.properties.name]: item,
                                     }))
                                 }}
                             />
@@ -160,10 +161,10 @@ const MarkdownForm = ({ node }: any) => {
                             name={child.properties.name}
                             placeholder={child.properties.placeholder}
                             value={formValues[child.properties.name]}
-                            onChange={(e) => {
+                            onChange={(val: string) => {
                                 setFormValues(prevValues => ({
                                     ...prevValues,
-                                    [child.properties.name]: e.target.value,
+                                    [child.properties.name]: val,
                                 }))
                             }}
                         />
@@ -171,15 +172,15 @@ const MarkdownForm = ({ node }: any) => {
                 }
                 if (child.tagName === SUPPORTED_TAGS.TEXTAREA) {
                     return (
-                        <Input.TextArea
+                        <TextArea
                             key={index}
                             name={child.properties.name}
                             placeholder={child.properties.placeholder}
                             value={formValues[child.properties.name]}
-                            onChange={(e) => {
+                            onChange={(val: string) => {
                                 setFormValues(prevValues => ({
                                     ...prevValues,
-                                    [child.properties.name]: e.target.value,
+                                    [child.properties.name]: val,
                                 }))
                             }}
                         />
@@ -191,7 +192,7 @@ const MarkdownForm = ({ node }: any) => {
 
                     return (
                         <Button
-                            variant={variant}
+                            color={variant}
                             size={size}
                             className='mt-4'
                             key={index}

-.videoPlayer {
-  position: relative;
-  width: 100%;
-  max-width: 800px;
-  margin: 0 auto;
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.video {
-  width: 100%;
-  display: block;
-}
-
-.controls {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  transition: opacity 0.3s ease;
-}
-
-.controls.hidden {
-  opacity: 0;
-}
-
-.controls.visible {
-  opacity: 1;
-}
-
-.overlay {
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
-  padding: 20px;
-  display: flex;
-  flex-direction: column;
-}
-
-.progressBarContainer {
-  width: 100%;
-  margin-bottom: 10px;
-}
-
-.controlsContent {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.leftControls, .rightControls {
-  display: flex;
-  align-items: center;
-}
-
-.playPauseButton, .muteButton, .fullscreenButton {
-  background: none;
-  border: none;
-  color: white;
-  cursor: pointer;
-  padding: 4px;
-  margin-right: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.playPauseButton:hover, .muteButton:hover, .fullscreenButton:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-  border-radius: 50%;
-}
-
-.time {
-  color: white;
-  font-size: 14px;
-  margin-left: 8px;
-}
-
-.volumeControl {
-  display: flex;
-  align-items: center;
-  margin-right: 16px;
-}
-
-.volumeSlider {
-  width: 60px;
-  height: 4px;
-  background: rgba(255, 255, 255, 0.3);
-  border-radius: 2px;
-  cursor: pointer;
-  margin-left: 12px;
-  position: relative;
-}
-
-.volumeLevel {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  background: #ffffff;
-  border-radius: 2px;
-}
-
-.progressBar {
-  position: relative;
-  width: 100%;
-  height: 4px;
-  background: rgba(255, 255, 255, 0.3);
-  cursor: pointer;
-  border-radius: 2px;
-  overflow: visible;
-  transition: height 0.2s ease;
-}
-
-.progressBar:hover {
-  height: 6px;
-}
-
-.progress {
-  height: 100%;
-  background: #ffffff;
-  transition: width 0.1s ease-in-out;
-}
-
-.hoverTimeIndicator {
-  position: absolute;
-  bottom: 100%;
-  transform: translateX(-50%);
-  background-color: rgba(0, 0, 0, 0.7);
-  color: white;
-  padding: 4px 8px;
-  border-radius: 4px;
-  font-size: 12px;
-  pointer-events: none;
-  white-space: nowrap;
-  margin-bottom: 8px;
-}
-
-.hoverTimeIndicator::after {
-  content: '';
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  margin-left: -4px;
-  border-width: 4px;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
-}
-
-.controls.smallSize .controlsContent {
-  justify-content: space-between;
-}
-
-.controls.smallSize .leftControls,
-.controls.smallSize .rightControls {
-  flex: 0 0 auto;
-  display: flex;
-  align-items: center;
-}
-
-.controls.smallSize .rightControls {
-  justify-content: flex-end;
-}
-
-.controls.smallSize .progressBarContainer {
-  margin-bottom: 4px;
-}
-
-.controls.smallSize .playPauseButton,
-.controls.smallSize .muteButton,
-.controls.smallSize .fullscreenButton {
-  padding: 2px;
-  margin-right: 4px;
-}
-
-.controls.smallSize .playPauseButton svg,
-.controls.smallSize .muteButton svg,
-.controls.smallSize .fullscreenButton svg {
-  width: 16px;
-  height: 16px;
-}
-
-.controls.smallSize .muteButton {
-  order: -1;
-}

-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import styles from './VideoPlayer.module.css'
-
-type VideoPlayerProps = {
-  src: string
-}
-
-const PlayIcon = () => (
-  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8 5V19L19 12L8 5Z" fill="currentColor"/>
-  </svg>
-)
-
-const PauseIcon = () => (
-  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 19H10V5H6V19ZM14 5V19H18V5H14Z" fill="currentColor"/>
-  </svg>
-)
-
-const MuteIcon = () => (
-  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3 9V15H7L12 20V4L7 9H3ZM16.5 12C16.5 10.23 15.48 8.71 14 7.97V16.02C15.48 15.29 16.5 13.77 16.5 12ZM14 3.23V5.29C16.89 6.15 19 8.83 19 12C19 15.17 16.89 17.85 14 18.71V20.77C18.01 19.86 21 16.28 21 12C21 7.72 18.01 4.14 14 3.23Z" fill="currentColor"/>
-  </svg>
-)
-
-const UnmuteIcon = () => (
-  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4.34 2.93L2.93 4.34L7.29 8.7L7 9H3V15H7L12 20V13.41L16.18 17.59C15.69 17.96 15.16 18.27 14.58 18.5V20.58C15.94 20.22 17.15 19.56 18.13 18.67L19.66 20.2L21.07 18.79L4.34 2.93ZM10 15.17L7.83 13H5V11H7.83L10 8.83V15.17ZM19 12C19 12.82 18.85 13.61 18.59 14.34L20.12 15.87C20.68 14.7 21 13.39 21 12C21 7.72 18.01 4.14 14 3.23V5.29C16.89 6.15 19 8.83 19 12ZM12 4L10.12 5.88L12 7.76V4ZM16.5 12C16.5 10.23 15.48 8.71 14 7.97V10.18L16.45 12.63C16.48 12.43 16.5 12.22 16.5 12Z" fill="currentColor"/>
-  </svg>
-)
-
-const FullscreenIcon = () => (
-  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7 14H5V19H10V17H7V14ZM5 10H7V7H10V5H5V10ZM17 17H14V19H19V14H17V17ZM14 5V7H17V10H19V5H14Z" fill="currentColor"/>
-  </svg>
-)
-
-const VideoPlayer: React.FC<VideoPlayerProps> = ({ src }) => {
-  const [isPlaying, setIsPlaying] = useState(false)
-  const [currentTime, setCurrentTime] = useState(0)
-  const [duration, setDuration] = useState(0)
-  const [isMuted, setIsMuted] = useState(false)
-  const [volume, setVolume] = useState(1)
-  const [isDragging, setIsDragging] = useState(false)
-  const [isControlsVisible, setIsControlsVisible] = useState(true)
-  const [hoverTime, setHoverTime] = useState<number | null>(null)
-  const videoRef = useRef<HTMLVideoElement>(null)
-  const progressRef = useRef<HTMLDivElement>(null)
-  const volumeRef = useRef<HTMLDivElement>(null)
-  const controlsTimeoutRef = useRef<NodeJS.Timeout | null>(null)
-  const [isSmallSize, setIsSmallSize] = useState(false)
-  const containerRef = useRef<HTMLDivElement>(null)
-
-  useEffect(() => {
-    const video = videoRef.current
-    if (!video)
-      return
-
-    const setVideoData = () => {
-      setDuration(video.duration)
-      setVolume(video.volume)
-    }
-
-    const setVideoTime = () => {
-      setCurrentTime(video.currentTime)
-    }
-
-    const handleEnded = () => {
-      setIsPlaying(false)
-    }
-
-    video.addEventListener('loadedmetadata', setVideoData)
-    video.addEventListener('timeupdate', setVideoTime)
-    video.addEventListener('ended', handleEnded)
-
-    return () => {
-      video.removeEventListener('loadedmetadata', setVideoData)
-      video.removeEventListener('timeupdate', setVideoTime)
-      video.removeEventListener('ended', handleEnded)
-    }
-  }, [src])
-
-  useEffect(() => {
-    return () => {
-      if (controlsTimeoutRef.current)
-        clearTimeout(controlsTimeoutRef.current)
-    }
-  }, [])
-
-  const showControls = useCallback(() => {
-    setIsControlsVisible(true)
-    if (controlsTimeoutRef.current)
-      clearTimeout(controlsTimeoutRef.current)
-
-    controlsTimeoutRef.current = setTimeout(() => setIsControlsVisible(false), 3000)
-  }, [])
-
-  const togglePlayPause = useCallback(() => {
-    const video = videoRef.current
-    if (video) {
-      if (isPlaying)
-        video.pause()
-      else video.play().catch(error => console.error('Error playing video:', error))
-      setIsPlaying(!isPlaying)
-    }
-  }, [isPlaying])
-
-  const toggleMute = useCallback(() => {
-    const video = videoRef.current
-    if (video) {
-      const newMutedState = !video.muted
-      video.muted = newMutedState
-      setIsMuted(newMutedState)
-      setVolume(newMutedState ? 0 : (video.volume > 0 ? video.volume : 1))
-      video.volume = newMutedState ? 0 : (video.volume > 0 ? video.volume : 1)
-    }
-  }, [])
-
-  const toggleFullscreen = useCallback(() => {
-    const video = videoRef.current
-    if (video) {
-      if (document.fullscreenElement)
-        document.exitFullscreen()
-      else video.requestFullscreen()
-    }
-  }, [])
-
-  const formatTime = (time: number) => {
-    const minutes = Math.floor(time / 60)
-    const seconds = Math.floor(time % 60)
-    return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`
-  }
-
-  const updateVideoProgress = useCallback((clientX: number) => {
-    const progressBar = progressRef.current
-    const video = videoRef.current
-    if (progressBar && video) {
-      const rect = progressBar.getBoundingClientRect()
-      const pos = (clientX - rect.left) / rect.width
-      const newTime = pos * video.duration
-      if (newTime >= 0 && newTime <= video.duration) {
-        setHoverTime(newTime)
-        if (isDragging)
-          video.currentTime = newTime
-      }
-    }
-  }, [isDragging])
-
-  const handleMouseMove = useCallback((e: React.MouseEvent<HTMLDivElement>) => {
-    updateVideoProgress(e.clientX)
-  }, [updateVideoProgress])
-
-  const handleMouseLeave = useCallback(() => {
-    if (!isDragging)
-      setHoverTime(null)
-  }, [isDragging])
-
-  const handleMouseDown = useCallback((e: React.MouseEvent<HTMLDivElement>) => {
-    e.preventDefault()
-    setIsDragging(true)
-    updateVideoProgress(e.clientX)
-  }, [updateVideoProgress])
-
-  useEffect(() => {
-    const handleGlobalMouseMove = (e: MouseEvent) => {
-      if (isDragging)
-        updateVideoProgress(e.clientX)
-    }
-
-    const handleGlobalMouseUp = () => {
-      setIsDragging(false)
-      setHoverTime(null)
-    }
-
-    if (isDragging) {
-      document.addEventListener('mousemove', handleGlobalMouseMove)
-      document.addEventListener('mouseup', handleGlobalMouseUp)
-    }
-
-    return () => {
-      document.removeEventListener('mousemove', handleGlobalMouseMove)
-      document.removeEventListener('mouseup', handleGlobalMouseUp)
-    }
-  }, [isDragging, updateVideoProgress])
-
-  const checkSize = useCallback(() => {
-    if (containerRef.current)
-      setIsSmallSize(containerRef.current.offsetWidth < 400)
-  }, [])
-
-  useEffect(() => {
-    checkSize()
-    window.addEventListener('resize', checkSize)
-    return () => window.removeEventListener('resize', checkSize)
-  }, [checkSize])
-
-  const handleVolumeChange = useCallback((e: React.MouseEvent<HTMLDivElement>) => {
-    const volumeBar = volumeRef.current
-    const video = videoRef.current
-    if (volumeBar && video) {
-      const rect = volumeBar.getBoundingClientRect()
-      const newVolume = (e.clientX - rect.left) / rect.width
-      const clampedVolume = Math.max(0, Math.min(1, newVolume))
-      video.volume = clampedVolume
-      setVolume(clampedVolume)
-      setIsMuted(clampedVolume === 0)
-    }
-  }, [])
-
-  return (
-    <div ref={containerRef} className={styles.videoPlayer} onMouseMove={showControls} onMouseEnter={showControls}>
-      <video ref={videoRef} src={src} className={styles.video} />
-      <div className={`${styles.controls} ${isControlsVisible ? styles.visible : styles.hidden} ${isSmallSize ? styles.smallSize : ''}`}>
-        <div className={styles.overlay}>
-          <div className={styles.progressBarContainer}>
-            <div
-              ref={progressRef}
-              className={styles.progressBar}
-              onClick={handleMouseDown}
-              onMouseMove={handleMouseMove}
-              onMouseLeave={handleMouseLeave}
-              onMouseDown={handleMouseDown}
-            >
-              <div className={styles.progress} style={{ width: `${(currentTime / duration) * 100}%` }} />
-              {hoverTime !== null && (
-                <div
-                  className={styles.hoverTimeIndicator}
-                  style={{ left: `${(hoverTime / duration) * 100}%` }}
-                >
-                  {formatTime(hoverTime)}
-                </div>
-              )}
-            </div>
-          </div>
-          <div className={styles.controlsContent}>
-            <div className={styles.leftControls}>
-              <button className={styles.playPauseButton} onClick={togglePlayPause}>
-                {isPlaying ? <PauseIcon /> : <PlayIcon />}
-              </button>
-              {!isSmallSize && (<span className={styles.time}>{formatTime(currentTime)} / {formatTime(duration)}</span>)}
-            </div>
-            <div className={styles.rightControls}>
-              <button className={styles.muteButton} onClick={toggleMute}>
-                {isMuted ? <UnmuteIcon /> : <MuteIcon />}
-              </button>
-              {!isSmallSize && (
-                <div className={styles.volumeControl}>
-                  <div
-                    ref={volumeRef}
-                    className={styles.volumeSlider}
-                    onClick={handleVolumeChange}
-                    onMouseDown={(e) => {
-                      handleVolumeChange(e)
-                      const handleMouseMove = (e: MouseEvent) => handleVolumeChange(e as unknown as React.MouseEvent<HTMLDivElement>)
-                      const handleMouseUp = () => {
-                        document.removeEventListener('mousemove', handleMouseMove)
-                        document.removeEventListener('mouseup', handleMouseUp)
-                      }
-                      document.addEventListener('mousemove', handleMouseMove)
-                      document.addEventListener('mouseup', handleMouseUp)
-                    }}
-                  >
-                    <div className={styles.volumeLevel} style={{ width: `${volume * 100}%` }} />
-                  </div>
-                </div>
-              )}
-              <button className={styles.fullscreenButton} onClick={toggleFullscreen}>
-                <FullscreenIcon />
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default VideoPlayer

-import React from 'react'
-import VideoPlayer from './VideoPlayer'
-
-type Props = {
-  srcs: string[]
-}
-
-const VideoGallery: React.FC<Props> = ({ srcs }) => {
-  return (<><br/>{srcs.map((src, index) => (<React.Fragment key={`video_${index}`}><br/><VideoPlayer src={src}/></React.Fragment>))}</>)
-}
-
-export default React.memo(VideoGallery)

 import ReactDOM from 'react-dom/client'
 import "normalize.css"
 import './index.less'
-import '@chatui/core/es/styles/index.less';
-// 引入样式
-import '@chatui/core/dist/index.css';
 import router from './router'
 
 import {

 import React, {useState, useEffect, useRef} from "react";
 import './style.less'
-import { Input, Button } from '@chatui/core';
 import Markdown from '@/components/deepSeekIndex/Markdown'
 import banner from "./banner_base.png";
 import bg from "./bg_base.jpg";
 import refresh from "./refresh.png";
 import _ from 'lodash';
+import { DotLoading, Input, Button } from 'antd-mobile'
 
 export const getTime = () => {
     // 创建 Date 对象
@@ -97,10 +97,10 @@ const DeepSeekIndex: React.FC = () => {
 
     const send = async (_searchValue?: string) => {
         if (disabled) return;
-        setLoading(true)
-        setDisabled(true);
-        console.log('searchValue', searchValue)
         const _value = _searchValue ? _searchValue : searchValue;
+        if (!_value) return;
+        setDisabled(true);
+        setLoading(true)
         const data = {
             "query": _value,
             "inputs": {},
@@ -120,7 +120,6 @@ const DeepSeekIndex: React.FC = () => {
         setChatHistory(newHistory);
         setSearchValue('');
         let _currentResponse = '';
-
         try {
             const response = await fetch('http://36.34.99.80:8088/v1/chat-messages', {
                 method: 'POST',
@@ -183,13 +182,6 @@ const DeepSeekIndex: React.FC = () => {
         console.log('chatHistory', chatHistory)
     }, [chatHistory])
 
-    const handleKeyDown = (e: any) => {
-        if (e.key === 'Enter' && !e.shiftKey) {
-            e.preventDefault(); // 阻止默认换行
-            send();
-        }
-    };
-
     return (
         <div className={'deep-seek'}>
             <img className={'deep-seek_bg'} src={bg} alt=""/>
@@ -229,7 +221,9 @@ const DeepSeekIndex: React.FC = () => {
                 {
                     loading ? <div className="content-left">
                         <div className={'current-think'}>
-                            思考中...
+                            思考中<span style={{ fontSize: 14, position: 'relative', top: '8px', left: '-4px' }}>
+                                  <DotLoading />
+                                </span>
                         </div>
                     </div> : ''
                 }
@@ -246,9 +240,12 @@ const DeepSeekIndex: React.FC = () => {
                     className="deep-seek_footer-search"
                     placeholder="输入..."
                     onChange={(val: string) => setSearchValue(val)}
-                    onKeyDown={handleKeyDown}
+                    onEnterPress={() => send()}
                 />
-                <Button className={`deep-seek_footer-send ${disabled ? 'disabled' : ''}`} color={'primary'} onClick={() =>send()}>发送</Button>
+                <Button className={`deep-seek_footer-send`}
+                        disabled={disabled}
+                        onClick={() =>send()}
+                >发送</Button>
             </div>
 
         </div>

@@ -47,19 +47,17 @@
       font-size: 16px;
     }
     &-send {
-      width: 54px;
-      min-width: 54px;
+      width: 54px !important;
+      min-width: 54px !important;
       background: #F53F3F !important;
-      border-radius: 5px;
-      height: 32px;
-      line-height: 32px;
-      font-size: 14px;
-      color: #FFFFFF;
-      text-align: center;
-      padding: 0;
-      &.disabled {
-        opacity: 0.5;
-      }
+      border-radius: 5px !important;
+      height: 32px !important;
+      line-height: 32px !important;
+      font-size: 14px !important;
+      color: #FFFFFF !important;
+      text-align: center !important;
+      padding: 0 !important;
+      border: 0 !important;
     }
   }
 
@@ -167,7 +165,6 @@
   display: flex;
   padding-left: 10px;
   .current-think {
-    display: inline-block;
     background: #fff;
     padding: 12px 16px;
     line-height: 22px;
@@ -176,6 +173,8 @@
     border-radius: 15px;
     font-size: 16px;
     color: #aaa;
+    display: flex;
+    align-items: center;
 
   }
   .mark-down {

-import React from "react";
-// 引入组件
-import Chat, { Bubble, useMessages } from '@chatui/core';
-// 默认快捷短语，可选
-const defaultQuickReplies = [
-    {
-        icon: 'message',
-        name: '联系人工服务',
-        isNew: true,
-        isHighlight: true,
-    },
-    {
-        name: '短语1',
-        isNew: true,
-    },
-    {
-        name: '短语2',
-        isHighlight: true,
-    },
-    {
-        name: '短语3',
-    },
-];
-
-const initialMessages = [
-    {
-        type: 'text',
-        content: { text: '主人好，我是智能助理，你的贴心小助手~' },
-        user: { avatar: '//gw.alicdn.com/tfs/TB1DYHLwMHqK1RjSZFEXXcGMXXa-56-62.svg' },
-    },
-    {
-        type: 'image',
-        content: {
-            picUrl: '//img.alicdn.com/tfs/TB1p_nirYr1gK0jSZR0XXbP8XXa-300-300.png',
-        },
-    },
-];
-
-const Test: React.FC = () => {
-    // 消息列表
-    const { messages, appendMsg, setTyping } = useMessages(initialMessages);
-// 发送回调
-    function handleSend(type: any, val: any) {
-        if (type === 'text' && val.trim()) {
-            // TODO: 发送请求
-            appendMsg({
-                type: 'text',
-                content: { text: val },
-                position: 'right',
-            });
-
-            setTyping(true);
-
-            // 模拟回复消息
-            setTimeout(() => {
-                appendMsg({
-                    type: 'text',
-                    content: { text: '亲，您遇到什么问题啦？请简要描述您的问题~' },
-                });
-            }, 1000);
-        }
-    }
-
-    // 快捷短语回调，可根据 item 数据做出不同的操作，这里以发送文本消息为例
-    function handleQuickReplyClick(item: any) {
-        handleSend('text', item.name);
-    }
-
-    function renderMessageContent(msg: any) {
-        const { type, content } = msg;
-
-        // 根据消息类型来渲染
-        switch (type) {
-            case 'text':
-                return <Bubble content={content.text} />;
-            case 'image':
-                return (
-                    <Bubble type="image">
-                        <img src={content.picUrl} alt="" />
-                    </Bubble>
-                );
-            default:
-                return null;
-        }
-    }
-    return(
-        <Chat
-            navbar={{ title: '智能助理' }}
-            messages={messages}
-            renderMessageContent={renderMessageContent}
-            quickReplies={defaultQuickReplies}
-            onQuickReplyClick={handleQuickReplyClick}
-            onSend={handleSend}
-        />
-    );
-};
-
-export default Test;

 import {createHashRouter} from 'react-router-dom';
 import ErrorPage from "./pages/errorPage";
 import DeepSeekIndex from "./pages/deep-seek-index";
-import Test from "./pages/test";
 
 const routers = [
     {
@@ -13,12 +12,7 @@ const routers = [
         path: '/deepSeekIndex',
         element: <DeepSeekIndex />,
         errorElement: <ErrorPage />,
-    },
-    {
-        path: '/test',
-        element: <Test />,
-        errorElement: <ErrorPage />,
-    },
+    }
 ];
 
 export default createHashRouter(routers)
\ No newline at end of file