feat(site): add AI generate infographic

Author: Aarebecca

packages/site/docs/examples/ai-demo.mdx

@@ -0,0 +1,23 @@
+---
+sidebar_position: 999
+title: AI 生成信息图
+---
+
+import AIDemo from '@site/src/components/AIDemo';
+import BrowserOnly from '@docusaurus/BrowserOnly';
+
+:::tip
+
+🔒 您的 API Key 仅存储在浏览器本地，我们不会收集、存储或传输您的任何数据和密钥。
+
+:::
+
+## 生成信息图
+
+通过 AI 对话生成信息图配置的交互式演示。
+
+<BrowserOnly>
+  {() => <AIDemo />}
+</BrowserOnly>
+
+

packages/site/docs/examples/index.md

@@ -1,4 +1,4 @@
-# 示例
+# 内置模版
 
 import Gallery from '@site/src/components/Gallery';
 

packages/site/docusaurus.config.ts

@@ -70,7 +70,7 @@ const config: Config = {
       respectPrefersColorScheme: true,
     },
     navbar: {
-      title: '@antv/infographic',
+      title: 'AntV Infographic',
       logo: {
         alt: 'Infographic Logo',
         src: 'img/logo.svg',

packages/site/package.json

@@ -15,17 +15,22 @@
     "typecheck": "tsc"
   },
   "dependencies": {
+    "@ai-sdk/anthropic": "^2.0.40",
+    "@ai-sdk/google": "^2.0.26",
+    "@ai-sdk/openai": "^2.0.60",
     "@ant-design/icons": "^6.1.0",
     "@antv/infographic": "workspace:^",
     "@docusaurus/core": "3.9.2",
     "@docusaurus/preset-classic": "3.9.2",
     "@mdx-js/react": "^3.0.0",
+    "ai": "^5.0.86",
     "antd": "^5.27.4",
     "clsx": "^2.0.0",
     "framer-motion": "^12.23.24",
     "prism-react-renderer": "^2.3.0",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "react-markdown": "^10.1.0"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "3.9.2",

packages/site/sidebars.ts

@@ -49,7 +49,7 @@ const sidebars: SidebarsConfig = {
       items: ['api/resources'],
     },
   ],
-  examplesSidebar: ['examples/index'],
+  examplesSidebar: ['examples/index', 'examples/ai-demo'],
   devSidebar: [
     'dev/overview',
     'dev/jsx-engine',