fix(ai-web): 升级部份依赖版本

service-web/client/package.json

@@ -10,17 +10,17 @@
   },
   "dependencies": {
     "@ant-design/icons": "^6.0.0",
-    "@ant-design/pro-components": "^2.8.7",
+    "@ant-design/pro-components": "^2.8.9",
     "@ant-design/x": "^1.4.0",
     "@echofly/fetch-event-source": "^3.0.2",
     "@fortawesome/fontawesome-free": "^6.7.2",
     "@lightenna/react-mermaid-diagram": "^1.0.20",
-    "@tinyflow-ai/react": "^0.1.10",
+    "@tinyflow-ai/react": "^0.2.1",
     "ahooks": "^3.8.5",
     "amis": "^6.12.0",
-    "antd": "^5.25.3",
+    "antd": "^5.26.1",
-    "axios": "^1.9.0",
+    "axios": "^1.10.0",
-    "chart.js": "^4.4.9",
+    "chart.js": "^4.5.0",
     "echarts-for-react": "^3.0.2",
     "licia": "^1.48.0",
     "markdown-it": "^14.1.0",
@@ -29,18 +29,17 @@
     "react-chartjs-2": "^5.3.0",
     "react-dom": "^18.3.1",
     "react-markdown": "^10.1.0",
-    "react-router": "^7.6.1",
+    "react-router": "^7.6.2",
     "styled-components": "^6.1.18"
   },
   "devDependencies": {
     "@types/markdown-it": "^14.1.2",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
-    "@vitejs/plugin-react-swc": "^3.10.0",
+    "@vitejs/plugin-react-swc": "^3.10.2",
     "globals": "^16.2.0",
-    "sass": "^1.89.0",
+    "sass": "^1.89.2",
     "typescript": "~5.8.3",
-    "typescript-eslint": "^8.33.0",
     "vite": "^6.3.5",
     "vite-plugin-javascript-obfuscator": "^3.1.0"
   }

service-web/client/src/pages/Test.tsx

@@ -1,128 +1,18 @@
-import MarkdownRender from '../util/Markdown.tsx'
+import {Tinyflow} from '@tinyflow-ai/react'
-import {useState} from 'react'
+import '@tinyflow-ai/react/dist/index.css'
-
-// language=Markdown
-const markdownText = `### Hello
-
-world
-tony
-jenny
-
-\`\`\`javascript
-console.log('hello')
-\`\`\`
-
-\`\`\`mermaid
-graph TD
-a-->b;
-\`\`\`
-
-\`\`\`mermaid
-graph TD
-c-->d;
-\`\`\`
-
-\`\`\`chartjs
-{
-    type: 'bar',
-    data: {
-        labels: ['苹果', '香蕉', '橙子', '葡萄', '菠萝'],
-        datasets: [{
-            label: '水果销量',
-            data: [43, 32, 56, 29, 38],
-        }]
-    },
-    options: {
-        plugins: {
-            legend: {
-                position: 'top',
-            },
-            title: {
-                display: true,
-                text: '水果店周销量数据'
-            }
-        }
-    }
-}
-\`\`\`
-
-\`\`\`chartjs
-{
-    type: 'bar',
-    data: {
-        labels: ['苹果', '香蕉', '橙子', '葡萄', '菠萝'],
-        datasets: [{
-            label: '水果销量',
-            data: [43, 32, 56, 29, 38],
-        }]
-    },
-    options: {
-        plugins: {
-            legend: {
-                position: 'top',
-            },
-            title: {
-                display: true,
-                text: '水果店周销量数据'
-            }
-        }
-    }
-}
-\`\`\`
-
-\`\`\`echart
-{
-    grid: { top: 8, right: 8, bottom: 24, left: 36 },
-    xAxis: {
-      type: 'category',
-      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-    },
-    yAxis: {
-      type: 'value',
-    },
-    series: [
-      {
-        data: [820, 932, 901, 934, 1290, 1330, 1320],
-        type: 'line',
-        smooth: true,
-      },
-    ],
-    tooltip: {
-      trigger: 'axis',
-    },
-}
-\`\`\`
-
-\`\`\`echart
-{
-    grid: { top: 8, right: 8, bottom: 24, left: 36 },
-    xAxis: {
-      type: 'category',
-      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-    },
-    yAxis: {
-      type: 'value',
-    },
-    series: [
-      {
-        data: [820, 932, 901, 934, 1290, 1330, 1320],
-        type: 'line',
-        smooth: true,
-      },
-    ],
-    tooltip: {
-      trigger: 'axis',
-    },
-}
-\`\`\``
 
 function Test() {
-  const [value, setValue] = useState<string>(markdownText)
   return (
-    <>
+    <div className="flowable">
-      <button onClick={() => setValue('hahaha\n' + markdownText)}>Button</button>
+      <Tinyflow
-      <MarkdownRender content={value}/>
+        className="tinyflow-instance"
-    </>
+        style={{height: '95vh'}}
+        onDataChange={(value) => {
+          console.log(value)
+          console.log(JSON.stringify(value))
+        }}
+      />
+    </div>
   )
 }