feat: 徽智制联-deepSeek-eslint

史婷婷
1 parent 5835a5f0
Showing 7 changed files with 80 additions and 197 deletions
package.json
src/components/deepSeekIndex/Markdown.tsx
src/components/deepSeekIndex/markdown-form.tsx
src/pages/deep-seek-index/index.tsx
src/pages/test.tsx
src/utils/request.tsx
src/utils/util.ts
--- a/package.json
View file @4e6187f
+++ b/package.json
View file @4e6187f
@@ -38,6 +38,7 @@
     "@types/echarts": "^4.9.22",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.7",
+    "@types/lodash-es": "^4.17.12",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-syntax-highlighter": "^15.5.13",
--- a/src/components/deepSeekIndex/Markdown.tsx
View file @4e6187f
+++ b/src/components/deepSeekIndex/Markdown.tsx
View file @4e6187f
-import React, {useState, useEffect, useMemo, memo} from "react";
+import React, {useState, useMemo, memo, useEffect} from "react";
 import './base.less'
 import './style.less'
 import ReactMarkdown from 'react-markdown'
@@ -18,8 +18,7 @@ import ThinkBlock from './markdown-block'
 import VideoGallery from './videoGallery'
 interface MarkdownProps {
-    content: any
-    customDisallowedElements?: any
+    content: string
 }
 const capitalizationLanguageNameMap: Record<string, string> = {
@@ -77,7 +76,7 @@ const preprocessLaTeX = (content: string) => {
 const CodeBlock: any = memo(({ inline, className, children, ...props }: any) => {
-    const [isSVG, setIsSVG] = useState(true)
+    const [isSVG, setIsSVG] = useState<boolean>()
     const match = /language-(\w+)/.exec(className || '')
     const language = match?.[1]
     const languageShowName = getCorrectCapitalizationLanguageName(language || '')
@@ -91,26 +90,33 @@ const CodeBlock: any = memo(({ inline, className, children, ...props }: any) => 
         return JSON.parse('{"title":{"text":"ECharts error - Wrong JSON format."}}')
     }, [language, children])
+    useEffect(() => {
+        setIsSVG(true)
+    }, [])
+
     const renderCodeContent = useMemo(() => {
         const content = String(children).replace(/\n$/, '')
         if (language === 'mermaid' && isSVG) {
-            return <Flowchart PrimitiveCode={content} />
+            // return <Flowchart PrimitiveCode={content} />
+            return ''
         }
         else if (language === 'echarts') {
-            return (
-                <div style={{ minHeight: '350px', minWidth: '100%', overflowX: 'scroll' }}>
-                    <ErrorBoundary>
-                        <ReactEcharts option={chartData} style={{ minWidth: '700px' }} />
-                    </ErrorBoundary>
-                </div>
-            )
+            // return (
+            //     <div style={{ minHeight: '350px', minWidth: '100%', overflowX: 'scroll' }}>
+            //         <ErrorBoundary>
+            //             <ReactEcharts option={chartData} style={{ minWidth: '700px' }} />
+            //         </ErrorBoundary>
+            //     </div>
+            // )
+            return ''
         }
         else if (language === 'svg' && isSVG) {
-            return (
-                <ErrorBoundary>
-                    <SVGRenderer content={content} />
-                </ErrorBoundary>
-            )
+            // return (
+            //     <ErrorBoundary>
+            //         <SVGRenderer content={content} />
+            //     </ErrorBoundary>
+            // )
+            return ''
         }
         else {
             return (
@@ -166,7 +172,8 @@ const AudioBlock: 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 <AudioGallery key={srcs.join()} srcs={srcs} />
+    // return <AudioGallery key={srcs.join()} srcs={srcs} />
+    return ''
 })
 AudioBlock.displayName = 'AudioBlock'
@@ -179,28 +186,26 @@ ScriptBlock.displayName = 'ScriptBlock'
 const Paragraph = (paragraph: any) => {
     const children_node = paragraph?.node?.children
     if (children_node && children_node?.[0] && 'tagName' in children_node?.[0] && children_node?.[0]?.tagName === 'img') {
-        return (
-            <>
-                <ImageGallery srcs={[children_node?.[0].properties?.src]} />
-                {
-                    Array.isArray(paragraph?.children) ? <p>{paragraph?.children?.slice(1)}</p> : null
-                }
-            </>
-        )
+        // return (
+        //     <>
+        //         <ImageGallery srcs={[children_node?.[0].properties?.src]} />
+        //         {
+        //             Array.isArray(paragraph?.children) ? <p>{paragraph?.children?.slice(1)}</p> : null
+        //         }
+        //     </>
+        // )
+        return ''
     }
     return <p>{paragraph?.children}</p>
 }
 const Img = ({ src }: any) => {
-    return (<ImageGallery srcs={[src]} />)
+    return (<img src={src} />)
 }
 const Link = ({ node, ...props }: any) => {
     if (node.properties?.href && node.properties.href?.toString().startsWith('abbr')) {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        // const { onSend } = useChatContext()
-        const hidden_text = decodeURIComponent(node.properties.href.toString().split('abbr:')[1])
-
+        // const hidden_text = decodeURIComponent(node.properties.href.toString().split('abbr:')[1])
         return <abbr className="cursor-pointer underline !decoration-primary-700 decoration-dashed" title={node.children[0]?.value}>{node.children[0]?.value}</abbr>
     }
     else {
@@ -208,7 +213,9 @@ const Link = ({ node, ...props }: any) => {
     }
 }
-const Markdown: React.FC = (props: MarkdownProps) => {
+
+
+const Markdown: React.FC<MarkdownProps> = (props) => {
     const latexContent = flow([
         preprocessThinkTag,
@@ -245,7 +252,7 @@ const Markdown: React.FC = (props: MarkdownProps) => {
                         }
                     },
                 ]}
-                disallowedElements={['iframe', 'head', 'html', 'meta', 'link', 'style', 'body', ...(props?.customDisallowedElements || [])]}
+                disallowedElements={['iframe', 'head', 'html', 'meta', 'link', 'style', 'body']}
                 components={{
                     code: CodeBlock,
                     img: Img,
--- a/src/components/deepSeekIndex/markdown-form.tsx
View file @4e6187f
+++ b/src/components/deepSeekIndex/markdown-form.tsx
View file @4e6187f
+// @ts-ignore
 import React, { useEffect, useState } from 'react'
 import './base.less'
 import './style.less'
@@ -5,7 +6,6 @@ import {
     Button,
     Input,
     DatePicker,
-    TimePicker,
     Checkbox,
     Select
 } from 'antd';
@@ -95,39 +95,12 @@ const MarkdownForm = ({ node }: any) => {
                             <DatePicker
                                 key={index}
                                 value={formValues[child.properties.name]}
-                                needTimePicker={child.properties.type === SUPPORTED_TYPES.DATETIME}
                                 onChange={(date) => {
                                     setFormValues(prevValues => ({
                                         ...prevValues,
                                         [child.properties.name]: date,
                                     }))
                                 }}
-                                onClear={() => {
-                                    setFormValues(prevValues => ({
-                                        ...prevValues,
-                                        [child.properties.name]: undefined,
-                                    }))
-                                }}
-                            />
-                        )
-                    }
-                    if (child.properties.type === SUPPORTED_TYPES.TIME) {
-                        return (
-                            <TimePicker
-                                key={index}
-                                value={formValues[child.properties.name]}
-                                onChange={(time) => {
-                                    setFormValues(prevValues => ({
-                                        ...prevValues,
-                                        [child.properties.name]: time,
-                                    }))
-                                }}
-                                onClear={() => {
-                                    setFormValues(prevValues => ({
-                                        ...prevValues,
-                                        [child.properties.name]: undefined,
-                                    }))
-                                }}
                             />
                         )
                     }
@@ -137,7 +110,7 @@ const MarkdownForm = ({ node }: any) => {
                                 <Checkbox
                                     key={index}
                                     checked={formValues[child.properties.name]}
-                                    onCheck={() => {
+                                    onChange={() => {
                                         setFormValues(prevValues => ({
                                             ...prevValues,
                                             [child.properties.name]: !prevValues[child.properties.name],
@@ -152,24 +125,23 @@ const MarkdownForm = ({ node }: any) => {
                         return (
                             <Select
                                 key={index}
-                                allowSearch={false}
                                 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,
-                                    }))
-                                })()}
+                                // 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,
+                                //     }))
+                                // })()}
                                 defaultValue={formValues[child.properties.name]}
                                 onSelect={(item) => {
                                     setFormValues(prevValues => ({
--- a/src/pages/deep-seek-index/index.tsx
View file @4e6187f
+++ b/src/pages/deep-seek-index/index.tsx
View file @4e6187f
@@ -61,7 +61,7 @@ const DeepSeekIndex: React.FC = () => {
     const [disabled, setDisabled] = useState<boolean>(false);
     const [exampleFlag, setExampleFlag] = useState<string>('1')
-    const [chatHistory, setChatHistory] = useState<any[]>([]);
+    const [chatHistory, setChatHistory] = useState<{role: string, answer: string, info?: any[]}[]>([]);
     const [currentResponse, setCurrentResponse] = useState<string>('');
     const chatRef = useRef(null);
@@ -72,7 +72,8 @@ const DeepSeekIndex: React.FC = () => {
             {role: 'time', answer: _time},
             {
                 role: 'example',
-                answer: example_1
+                answer: '',
+                info: example_1
             }
         ];
         console.log('newHistory', newHistory)
@@ -85,7 +86,7 @@ const DeepSeekIndex: React.FC = () => {
         const _chatHistory = _.cloneDeep(chatHistory);
         _chatHistory?.forEach((item: any) => {
             if (item?.role === 'example') {
-                item.answer = _example
+                item.info = _example
             }
         })
         setChatHistory(_chatHistory);
@@ -133,17 +134,17 @@ const DeepSeekIndex: React.FC = () => {
                 throw new Error(`HTTP error! status: ${response.status}`);
             }
-            const reader = response.body.getReader();
+            const reader: any = response?.body?.getReader();
             const decoder = new TextDecoder();
-            let buffer = '';
+            let buffer: string = '';
             while (true) {
-                const {done, value} = await reader.read();
+                const {done, value} = await reader?.read();
                 if (done) break;
                 buffer += decoder?.decode(value, {stream: true});
-                const lines = buffer?.split('\n');
-                buffer = lines.pop();
-                lines.forEach(line => {
+                const lines: any[] = buffer?.split('\n');
+                buffer = lines?.pop();
+                lines?.forEach(line => {
                     if (line.startsWith('data:')) {
                         const data = JSON.parse(line?.slice(5)?.trim());
                         setCurrentResponse(prev => prev + (data?.answer || ''));
@@ -168,6 +169,7 @@ const DeepSeekIndex: React.FC = () => {
     // 让会话一直展示最新
     useEffect(() => {
         if (chatRef.current) {
+            // @ts-ignore
             chatRef.current.scrollTop = chatRef.current.scrollHeight;
         }
     }, [currentResponse]);
@@ -177,7 +179,7 @@ const DeepSeekIndex: React.FC = () => {
         console.log('chatHistory', chatHistory)
     }, [chatHistory])
-    const handleKeyDown = (e) => {
+    const handleKeyDown = (e: any) => {
         if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault(); // 阻止默认换行
             send();
@@ -205,7 +207,7 @@ const DeepSeekIndex: React.FC = () => {
                                     <img src={refresh} className={'refresh'} alt="" onClick={refreshFun}/>
                                 </div>
                                 {
-                                    msg?.answer?.map((item:any) => {
+                                    msg?.info?.map((item:any) => {
                                         return <div
                                             className={'omit1 current-example_title'}
                                             key={item?.id}
@@ -215,16 +217,16 @@ const DeepSeekIndex: React.FC = () => {
                                 }
                                 </div> :
                             msg.role === 'user' ? <p className={'current-ask'}>{msg?.answer}</p> :
-                                <Markdown content={msg?.answer}/>
+                                <Markdown content={msg?.answer || ''}/>
                         }
                     </div>
                 ))}
-                {currentResponse && (
+                {currentResponse ? (
                     <div className="content-left">
-                        <Markdown content={currentResponse}/>
+                        <Markdown content={currentResponse || ''}/>
                     </div>
-                )}
+                ) : ''}
             </div>
             <div className={'deep-seek_footer'}>
                 <Input
@@ -235,7 +237,7 @@ const DeepSeekIndex: React.FC = () => {
                     onChange={(val: string) => setSearchValue(val)}
                     onKeyDown={handleKeyDown}
                 />
-                <Button className={`deep-seek_footer-send ${disabled ? 'disabled' : ''}`} color={'primary'} onClick={send}>发送</Button>
+                <Button className={`deep-seek_footer-send ${disabled ? 'disabled' : ''}`} color={'primary'} onClick={() =>send}>发送</Button>
             </div>
         </div>
--- a/src/pages/test.tsx
View file @4e6187f
+++ b/src/pages/test.tsx
View file @4e6187f
@@ -40,7 +40,7 @@ const Test: React.FC = () => {
     // 消息列表
     const { messages, appendMsg, setTyping } = useMessages(initialMessages);
 // 发送回调
-    function handleSend(type, val) {
+    function handleSend(type: any, val: any) {
         if (type === 'text' && val.trim()) {
             // TODO: 发送请求
             appendMsg({
@@ -62,11 +62,11 @@ const Test: React.FC = () => {
     }
     // 快捷短语回调，可根据 item 数据做出不同的操作，这里以发送文本消息为例
-    function handleQuickReplyClick(item) {
+    function handleQuickReplyClick(item: any) {
         handleSend('text', item.name);
     }
-    function renderMessageContent(msg) {
+    function renderMessageContent(msg: any) {
         const { type, content } = msg;
         // 根据消息类型来渲染
--- a/src/utils/request.tsx deleted 100644 → 0
View file @5835a5f
+++ b/src/utils/request.tsx deleted 100644 → 0
View file @5835a5f
-import axios from 'axios';
-import {currentCorpCode, _baseUrl} from "@/utils/common"
-
-// 创建axios实例
-const service = axios.create({
-    baseURL: _baseUrl, // 你可以通过.env文件设置API的基础URL
-    timeout: 5000 // 请求超时时间
-});
-
-// 请求拦截器
-service.interceptors.request.use(
-    config => {
-        // 在发送请求之前做些什么，例如设置请求头
-        // if (store.getters.token) {
-        //   config.headers['X-Token'] = getToken();
-        // }
-        console.log('config---2', config)
-        return config;
-    },
-    error => {
-        // 对请求错误做些什么
-        console.error('请求拦截器错误：', error); // for debug
-        Promise.reject(error);
-    }
-);
-
-// 响应拦截器
-service.interceptors.response.use(
-    response => {
-        /**
-         * 可以在这里对响应数据做点什么
-         */
-        const res = response.data;
-        if (res?.success || res?.code === 200) {
-            return res.data;
-        } else {
-            // 如果后端有统一的错误码处理，可以在这里统一处理
-            console.error('接口错误：', res.message);
-            // 你可以抛出一个错误，或者返回一个错误对象
-            // throw new Error(res.message || 'Error');
-            return Promise.reject(new Error(res.message || 'Error'));
-        }
-    },
-    error => {
-        console.error('响应拦截器错误：', error);
-        // 对响应错误做点什么
-        return Promise.reject(error);
-    }
-);
-
-// 封装get请求
-export function get(url: string, params = {}, customHeaders?: any, notCorpCode?: boolean) {
-
-    const _params = notCorpCode ? {
-        ...params,
-    } : {
-        corpCode: currentCorpCode(),
-        ...params,
-    }
-    return service.get(url, {params: _params, headers: customHeaders})
-
-}
-
-// 封装post请求
-export function post(url: string, params = {}, data = {}, customHeaders?: any, notCorpCode?: boolean) {
-    const _params = notCorpCode ? {
-        ...params,
-    } : {
-        corpCode: currentCorpCode(),
-        ...params,
-    }
-    return service.post(url, data, {params: _params, headers: customHeaders})
-}
--- a/src/utils/util.ts deleted 100644 → 0
View file @5835a5f
+++ b/src/utils/util.ts deleted 100644 → 0
View file @5835a5f
-import Cookie from "js-cookie";
-import {get} from "@/utils/request";
-
-// 1.行业大脑集成页/行业大脑明细页
-// 1.判断缓存token
-// 无 直接404 --empty
-// 有
-// 1.调用getUserInfo接口
-// 失败 404 --empty
-// 成功
-// 1.管理员角色才能看行业大脑
-// 2.其他 404 --empty
-
-// 处理权限相关 --- 前端
-export const judgePermission = async (navigate: any) => {
-    let _hasPermission = true;
-    return {
-        _hasPermission
-    }
-}
-
-const toEmpty = (navigate: any) => {
-    // 去往没有权限的页面 -- 前端处理
-    const _url = '/empty';
-    navigate(_url, { replace: true });
-}