From 828184efce3873b7fbc67d573d0af6997e777ac0 Mon Sep 17 00:00:00 2001
From: "huiyu.zjt" <huiyu.zjt@antgroup.com>
Date: Sat, 11 Oct 2025 16:54:09 +0800
Subject: [PATCH 01/10] =?UTF-8?q?feat:=20=E4=BD=BF=E7=94=A80.7.9=E7=9A=84@?=
 =?UTF-8?q?antv/dumi-theme-antv=E8=83=BD=E8=BF=90=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .dumi/pages/case/index.en.tsx                 |   8 -
 .dumi/pages/case/index.tsx                    |  28 ---
 .dumi/pages/quick/index.en.tsx                |   8 -
 .dumi/pages/quick/index.tsx                   |  28 ---
 .dumi/theme/slots/Detail/index.tsx            |   2 +-
 .dumirc.ts                                    |  34 +--
 .gitignore                                    |   1 +
 package.json                                  |   4 +-
 site/components/ShowCase/ShowCase.tsx         | 111 ---------
 .../quickIssue/QuickIssue.module.less         |  65 -----
 site/components/quickIssue/QuickIssue.tsx     | 227 ------------------
 site/components/quickIssue/data.ts            |  67 ------
 12 files changed, 15 insertions(+), 568 deletions(-)
 delete mode 100644 .dumi/pages/case/index.en.tsx
 delete mode 100644 .dumi/pages/case/index.tsx
 delete mode 100644 .dumi/pages/quick/index.en.tsx
 delete mode 100644 .dumi/pages/quick/index.tsx
 delete mode 100644 site/components/ShowCase/ShowCase.tsx
 delete mode 100644 site/components/quickIssue/QuickIssue.module.less
 delete mode 100644 site/components/quickIssue/QuickIssue.tsx
 delete mode 100644 site/components/quickIssue/data.ts

diff --git a/.dumi/pages/case/index.en.tsx b/.dumi/pages/case/index.en.tsx
deleted file mode 100644
index 50097c1a..00000000
--- a/.dumi/pages/case/index.en.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import Case from './index';
-
-const CaseIndex: React.FC = () => {
-  return <Case></Case>;
-};
-
-export default CaseIndex;
diff --git a/.dumi/pages/case/index.tsx b/.dumi/pages/case/index.tsx
deleted file mode 100644
index f1cf2225..00000000
--- a/.dumi/pages/case/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import SEO from '@antv/dumi-theme-antv/dist/common/SEO';
-import { Footer } from '@antv/dumi-theme-antv/dist/slots/Footer';
-import { Header } from '@antv/dumi-theme-antv/dist/slots/Header';
-import { useIntl, useLocale } from 'dumi';
-import React from 'react';
-import ShowCase from 'site/components/ShowCase/ShowCase';
-
-const CaseIndex: React.FC = () => {
-  const locale = useLocale();
-  const intl = useIntl();
-  return (
-    <>
-      <Header />
-      <SEO
-        title={intl.formatMessage({
-          id: '场景案例',
-        })}
-        lang={locale.id}
-      />
-      <div className="home-container" style={{ marginTop: '-24px' }}>
-        <ShowCase />
-      </div>
-      <Footer />
-    </>
-  );
-};
-
-export default CaseIndex;
diff --git a/.dumi/pages/quick/index.en.tsx b/.dumi/pages/quick/index.en.tsx
deleted file mode 100644
index eab80b40..00000000
--- a/.dumi/pages/quick/index.en.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import Case from './index';
-
-const QuickIssueIndex: React.FC = () => {
-  return <Case></Case>;
-};
-
-export default QuickIssueIndex;
diff --git a/.dumi/pages/quick/index.tsx b/.dumi/pages/quick/index.tsx
deleted file mode 100644
index 6f83e3ee..00000000
--- a/.dumi/pages/quick/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import SEO from '@antv/dumi-theme-antv/dist/common/SEO';
-import { Footer } from '@antv/dumi-theme-antv/dist/slots/Footer';
-import { Header } from '@antv/dumi-theme-antv/dist/slots/Header';
-import { useIntl, useLocale } from 'dumi';
-import React from 'react';
-import QuickIssue from 'site/components/quickIssue/QuickIssue';
-
-const QuickIssueIndex: React.FC = () => {
-  const locale = useLocale();
-  const intl = useIntl();
-  return (
-    <>
-      <Header />
-      <SEO
-        title={intl.formatMessage({
-          id: 'quickIssue',
-        })}
-        lang={locale.id}
-      />
-      <div className="home-container">
-        <QuickIssue />
-      </div>
-      <Footer />
-    </>
-  );
-};
-
-export default QuickIssueIndex;
diff --git a/.dumi/theme/slots/Detail/index.tsx b/.dumi/theme/slots/Detail/index.tsx
index 6ea1da29..e7ffde7b 100644
--- a/.dumi/theme/slots/Detail/index.tsx
+++ b/.dumi/theme/slots/Detail/index.tsx
@@ -1,4 +1,4 @@
-import SEO from '@antv/dumi-theme-antv/dist/common/SEO';
+import SEO from '@antv/dumi-theme-antv/dist/common/CommonHelmet';
 import { useIntl, useLocale } from 'dumi';
 import { debounce } from 'lodash';
 import React, { useEffect, useRef } from 'react';
diff --git a/.dumirc.ts b/.dumirc.ts
index 2d169e96..d7d22884 100644
--- a/.dumirc.ts
+++ b/.dumirc.ts
@@ -31,29 +31,7 @@ export default defineConfig({
       apiKey: '9d1cd586972bb492b7b41b13a949ef30',
       indexName: 'antv_g6',
     },
-    navs: [
-      {
-        slug: 'docs/specification/principles/basic',
-        title: {
-          zh: '设计语言',
-          en: 'Design',
-        },
-      },
-      {
-        slug: 'case',
-        title: {
-          zh: '场景案例',
-          en: 'Show Case',
-        },
-      },
-      {
-        slug: 'quick',
-        title: {
-          zh: '提交 Issue',
-          en: 'Quick Issue',
-        },
-      },
-    ],
+    navs: [],
     ecosystems: [
       // 头部的菜单中的「周边生态」
     ],
@@ -145,6 +123,16 @@ export default defineConfig({
         en: 'Ant Visualization solution',
       },
     },
+    metas: {
+      title: {
+        zh: "AntV",
+        en: "AntV"
+      },
+      description: {
+        zh: "让AGI栩栩如生",
+        en: "Ant Visualization solution"
+      }
+    },
   },
   alias: {
     site: '/site',
diff --git a/.gitignore b/.gitignore
index dce17c71..e1384339 100644
--- a/.gitignore
+++ b/.gitignore
@@ -80,3 +80,4 @@ _site
 # dumi tmp_production
 .dumi/tmp
 .dumi/tmp-production
+.idea
diff --git a/package.json b/package.json
index 68f34ab2..f3da7cf5 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.8.3",
-    "@antv/dumi-theme-antv": "^0.5.7",
+    "@antv/dumi-theme-antv": "0.7.9",
     "@antv/g2plot": "^2.3.1",
     "@antv/g6": "3.3.7",
     "@antv/util": "^3.3.1",
@@ -27,7 +27,7 @@
     "chroma-js": "^2.1.0",
     "classnames": "^2.2.6",
     "d3": "^7.8.5",
-    "dumi": "~2.2.1",
+    "dumi": "~2.4.21",
     "gh-pages": "^3.1.0",
     "husky": "^8.0.2",
     "lodash": "^4.17.20",
diff --git a/site/components/ShowCase/ShowCase.tsx b/site/components/ShowCase/ShowCase.tsx
deleted file mode 100644
index bd416beb..00000000
--- a/site/components/ShowCase/ShowCase.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-// 场景案例模版
-import { VerticalAlignTopOutlined } from '@ant-design/icons';
-import Article from '@antv/dumi-theme-antv/dist/slots/Article';
-import { Layout as AntLayout, BackTop } from 'antd';
-import { useLocale } from 'dumi';
-import React, { useEffect, useState } from 'react';
-
-import styles from '@antv/dumi-theme-antv/dist/slots/ManualContent/index.module.less';
-
-interface ShowCaseProps {
-  type: string;
-  title: string;
-  href: string;
-  link: string;
-  screenshot: string;
-}
-
-export default () => {
-  const locale = useLocale();
-  const lang = locale.id.includes('zh') ? 'zh' : 'en';
-  const showCaseUrl = `https://assets.antv.antgroup.com/antv/show-cases-${lang}.json`;
-
-  const [demos, setDemos] = useState<ShowCaseProps[]>([]);
-
-  useEffect(() => {
-    fetch(showCaseUrl)
-      .then((res) => res.json())
-      .then((data) => {
-        // 根据设计，目前只取最新的两条
-        setDemos(data);
-      });
-  }, [demos]);
-
-  const galleryPageContent = (
-    <div className={styles.gallery}>
-      <div className={styles.galleryContent}>
-        <h2></h2>
-        <ul className={styles.galleryList}>
-          {demos.map((demo) => {
-            return (
-              <li
-                className={styles.galleryCard}
-                key={demo.href + demo.title}
-                title={demo.title}
-              >
-                <a
-                  className={styles.galleryCardLink}
-                  href={demo.href}
-                  target="_blank"
-                >
-                  <div
-                    style={{
-                      height: `180px`,
-                    }}
-                  >
-                    <img
-                      src={
-                        demo.screenshot ||
-                        'https://gw.alipayobjects.com/os/s/prod/antv/assets/image/screenshot-placeholder-b8e70.png'
-                      }
-                      alt={demo.title}
-                    />
-                  </div>
-                  <h4
-                    style={{
-                      display: `inline-block`,
-                    }}
-                  >
-                    {demo.title}
-                  </h4>
-                  <span
-                    style={{
-                      position: `absolute`,
-                      display: `inline-block`,
-                      marginLeft: `16px`,
-                      bottom: `6px`,
-                      right: `0px`,
-                    }}
-                  >
-                    {demo.type}
-                  </span>
-                </a>
-              </li>
-            );
-          })}
-        </ul>
-      </div>
-    </div>
-  );
-
-  return (
-    <>
-      <AntLayout
-        style={{ background: '#fff' }}
-        hasSider
-        className={styles.layout}
-      >
-        <Article className={styles.markdown}>
-          <div className={styles.main} style={{ width: '100%' }}>
-            {galleryPageContent}
-            <BackTop style={{ right: 32 }}>
-              <div className={styles.backTop}>
-                <VerticalAlignTopOutlined />
-              </div>
-            </BackTop>
-          </div>
-        </Article>
-      </AntLayout>
-    </>
-  );
-};
diff --git a/site/components/quickIssue/QuickIssue.module.less b/site/components/quickIssue/QuickIssue.module.less
deleted file mode 100644
index dc07eaf8..00000000
--- a/site/components/quickIssue/QuickIssue.module.less
+++ /dev/null
@@ -1,65 +0,0 @@
-.markdown {
-  font-size: 14px;
-  line-height: 2;
-  min-height: 910px;
-}
-.content {
-  // background: '#fff', padding: 24, width: '60%;
-  background: #ffffff;
-  padding: 24px;
-  width: 60%;
-  min-height: 910px;
-  margin-top: 40px;
-
-  .flex {
-    display: flex;
-    align-items: baseline;
-    justify-content: space-evenly;
-
-    .button {
-      width: 450px;
-    }
-  }
-
-  form {
-    margin-top: 80px;
-  }
-
-  .titleInput {
-    width: 400px;
-  }
-}
-
-@media (max-width: 1800px) {
-  .content {
-    background: #ffffff;
-    padding: 24px;
-    width: 80%;
-    min-height: 910px;
-  }
-}
-
-@media (max-width: 1300px) {
-  .content {
-    background: #ffffff;
-    padding: 24px;
-    width: 100%;
-    min-height: 910px;
-  }
-}
-
-@media (max-width: 960px) {
-  .flex {
-    display: flex;
-    align-items: center !important;
-    flex-direction: column;
-
-    .button {
-      width: 300px !important;
-    }
-  }
-
-  .titleInput {
-    width: 250px !important;
-  }
-}
diff --git a/site/components/quickIssue/QuickIssue.tsx b/site/components/quickIssue/QuickIssue.tsx
deleted file mode 100644
index 09876c0b..00000000
--- a/site/components/quickIssue/QuickIssue.tsx
+++ /dev/null
@@ -1,227 +0,0 @@
-// 场景案例模版
-import Article from '@antv/dumi-theme-antv/dist/slots/Article';
-import { Layout as AntLayout, Button, Form, Input, Select, Space } from 'antd';
-import { useLocale } from 'dumi';
-import newGithubIssueUrl from 'new-github-issue-url';
-import React, { useEffect, useMemo, useState } from 'react';
-import GitHubButton from 'react-github-btn';
-import style from './QuickIssue.module.less';
-import { GITHUB_URL, ISSUE_TYPE } from './data';
-
-type url =
-  | {
-      label: string;
-      gitUrl: string;
-      api: string;
-      chartDemo: string;
-      assignee: string;
-    }
-  | undefined;
-
-const formItemLayout = {
-  labelCol: {
-    xs: { span: 24 },
-    sm: { span: 8 },
-  },
-  wrapperCol: {
-    xs: { span: 24 },
-    sm: { span: 14 },
-  },
-};
-export default () => {
-  const [url, setUrl] = useState<url>(undefined);
-  const [windowSize, setWindowSize] = useState(getWindowSize());
-  const locale = useLocale();
-  const lang = locale.id.includes('zh') ? 'zh' : 'en';
-
-  const options = useMemo(() => {
-    return GITHUB_URL.map((item) => {
-      return {
-        label: item.label,
-        value: item.gitUrl,
-      };
-    });
-  }, []);
-
-  useEffect(() => {
-    function handleWindowResize() {
-      setWindowSize(getWindowSize());
-    }
-
-    window.addEventListener('resize', handleWindowResize);
-
-    return () => {
-      window.removeEventListener('resize', handleWindowResize);
-    };
-  }, []);
-
-  function getWindowSize() {
-    const { innerWidth, innerHeight } = window;
-    return { innerWidth, innerHeight };
-  }
-
-  const onChange = (e: string) => {
-    const findData = GITHUB_URL.find((item) => {
-      return item.gitUrl === e;
-    });
-    setUrl(findData);
-  };
-
-  const onFinish = (values: any) => {
-    const toUrl = newGithubIssueUrl({
-      user: 'antvis',
-      repo: url ? url.label : '',
-      title: values.title,
-      labels: [values.type, 'QuickIssue'],
-      assignee: url?.assignee,
-    });
-    window.open(toUrl);
-  };
-
-  const text = useMemo(() => {
-    if (lang === 'en') {
-      return (
-        <div>
-          <h3>Before You Start...</h3>
-          <p>
-            {' '}
-            If you open an issue that does not conform to the requirements, it
-            will be closed immediately
-          </p>
-          <p>For usage questions, please use the following resources:</p>
-          <ul>
-            <li>Read the introduce and components documentation</li>
-            <li>
-              Make sure you have search your question in FAQ and changelog
-            </li>
-            <li>Look for / ask questions on StackOverflow</li>
-          </ul>
-        </div>
-      );
-    }
-    return (
-      <div>
-        <h3>在你开始之前...</h3>
-        <p>
-          AntV的issue如果你开的 issue 不符合规定，它将会被
-          <strong>立刻关闭。</strong>
-        </p>
-        <p>对于使用中遇到的问题，请使用以下资源：</p>
-        <ul>
-          <li>仔细阅读对应的 API文档 和 图标。</li>
-          <li>提问前确保你在 常见问题 和 更新日志 中搜索过</li>
-          <li>在 StackOverflow (英文) 或是 SegmentFault（中文）搜索和提问</li>
-        </ul>
-      </div>
-    );
-  }, [lang]);
-
-  return (
-    <>
-      <AntLayout hasSider>
-        <Article className={style.markdown}>
-          <div
-            style={{
-              height: '100%',
-              width: '100%',
-              display: 'flex',
-              justifyContent: 'center',
-            }}
-          >
-            <div className={style.content}>
-              {text}
-              <Form
-                onFinish={onFinish}
-                {...(windowSize.innerWidth < 960 ? {} : formItemLayout)}
-              >
-                <div className={style.flex}>
-                  <Form.Item
-                    label={lang === 'zh' ? '仓库' : 'Repositorie'}
-                    name={'gitHub'}
-                    rules={[{ required: true }]}
-                  >
-                    <Select
-                      style={{ width: 250 }}
-                      options={options}
-                      onChange={onChange}
-                    />
-                  </Form.Item>
-                  {url ? (
-                    <Form.Item>
-                      <div className={style.button}>
-                        <Space>
-                          <Button
-                            onClick={() => {
-                              window.open(url?.api);
-                            }}
-                          >
-                            {'API'}
-                          </Button>
-                          <Button
-                            onClick={() => {
-                              window.open(url?.chartDemo);
-                            }}
-                          >
-                            {lang === 'zh' ? '图表示例' : 'Demo'}
-                          </Button>
-                          <div style={{ paddingTop: 6 }}>
-                            <GitHubButton
-                              href={`https://github.com/antvis/${url.label}`}
-                              data-icon="octicon-star"
-                              data-size="large"
-                              data-show-count="true"
-                              aria-label={`Star antvis/${url.label} on GitHub`}
-                            >
-                              Star
-                            </GitHubButton>
-                          </div>
-                        </Space>
-                      </div>
-                    </Form.Item>
-                  ) : (
-                    <div className={style.button}></div>
-                  )}
-                </div>
-                <div className={style.flex}>
-                  <Form.Item
-                    label={lang === 'zh' ? '类型' : 'type'}
-                    name={'type'}
-                    rules={[{ required: true }]}
-                  >
-                    <Select style={{ width: 250 }} options={ISSUE_TYPE} />
-                  </Form.Item>
-                  <Form.Item
-                    labelCol={windowSize.innerWidth < 960 ? {} : { span: 3 }}
-                    wrapperCol={windowSize.innerWidth < 960 ? {} : { span: 9 }}
-                    label={lang === 'zh' ? '标题' : 'title'}
-                    name={'title'}
-                    rules={[{ required: true }]}
-                  >
-                    <Input
-                      placeholder={
-                        lang === 'zh'
-                          ? '请填写标题'
-                          : 'Please fill in the title'
-                      }
-                      className={style.titleInput}
-                    />
-                  </Form.Item>
-                </div>
-                <div style={{ textAlign: 'center' }}>
-                  <p style={{ color: '#a1a1a1' }}>
-                    {lang === 'zh'
-                      ? 'issue正文内容,请点击下方按钮跳转到 Github 页面填写'
-                      : 'Please click the button below to be redirected to the GitHub page where you can fill in the content for the main issue'}
-                  </p>
-                  <Button htmlType="submit" type="primary">
-                    {lang === 'zh' ? '前往GitHub创建issue' : 'create issue'}
-                  </Button>
-                </div>
-              </Form>
-            </div>
-          </div>
-        </Article>
-      </AntLayout>
-    </>
-  );
-};
diff --git a/site/components/quickIssue/data.ts b/site/components/quickIssue/data.ts
deleted file mode 100644
index 310e99bf..00000000
--- a/site/components/quickIssue/data.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-export const GITHUB_URL = [
-  {
-    label: 'G2',
-    gitUrl: 'https://github.com/antvis/G2',
-    api: 'https://g2.antv.antgroup.com/api/overview',
-    chartDemo: 'https://g2.antv.antgroup.com/examples',
-    assignee: 'pearmini',
-  },
-  {
-    label: 'G6',
-    gitUrl: 'https://github.com/antvis/G6',
-    api: 'https://g6.antv.antgroup.com/api/overview',
-    chartDemo: 'https://g6.antv.antgroup.com/examples',
-    assignee: 'Yanyan-Wang',
-  },
-  {
-    label: 'X6',
-    gitUrl: 'https://github.com/antvis/X6',
-    api: 'https://x6.antv.antgroup.com/api/graph/graph',
-    chartDemo: 'https://x6.antv.antgroup.com/examples',
-    assignee: 'NewByVector',
-  },
-  {
-    label: 'L7',
-    gitUrl: 'https://github.com/antvis/L7',
-    api: 'https://l7.antv.antgroup.com/api/scene',
-    chartDemo: 'https://l7.antv.antgroup.com/examples',
-    assignee: 'lzxue',
-  },
-  {
-    label: 'F2',
-    gitUrl: 'https://github.com/antvis/F2',
-    api: 'https://f2.antv.antgroup.com/api/f2',
-    chartDemo: 'https://f2.antv.antgroup.com/examples',
-    assignee: 'zengyue',
-  },
-  {
-    label: 'S2',
-    gitUrl: 'https://github.com/antvis/S2',
-    api: 'https://s2.antv.antgroup.com/api/general/s2-data-config',
-    chartDemo: 'https://s2.antv.antgroup.com/examples',
-    assignee: 'lijinke666',
-  },
-];
-
-export const ISSUE_TYPE = [
-  {
-    label: 'bug',
-    value: 'bug',
-  },
-  {
-    label: '文档问题',
-    value: 'documentation',
-  },
-  {
-    label: '优化建议',
-    value: 'enhancement',
-  },
-  {
-    label: '功能需求',
-    value: 'request',
-  },
-  {
-    label: '问题讨论',
-    value: 'discussion',
-  },
-];

From 115bb155d01f289f049f61c8f541372dc5b90252 Mon Sep 17 00:00:00 2001
From: "huiyu.zjt" <huiyu.zjt@antgroup.com>
Date: Mon, 13 Oct 2025 10:45:47 +0800
Subject: [PATCH 02/10] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5UI=E5=9F=BA?=
 =?UTF-8?q?=E6=9C=AC=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .dumi/theme/locales/en.json               |  2 +-
 .dumi/theme/locales/zh.json               |  2 +-
 .dumirc.ts                                | 10 ++++++-
 package.json                              |  2 ++
 site/components/Banner/Banner.module.less | 10 +++++--
 site/components/Banner/Banner.tsx         | 34 +++++++++++++----------
 6 files changed, 39 insertions(+), 21 deletions(-)

diff --git a/.dumi/theme/locales/en.json b/.dumi/theme/locales/en.json
index 169d00a2..90d13735 100644
--- a/.dumi/theme/locales/en.json
+++ b/.dumi/theme/locales/en.json
@@ -1,6 +1,6 @@
 {
   "蚂蚁数据可视化": "AntV",
-  "让数据栩栩如生": "Liven Data Lively",
+  "·让AGI栩栩如生": "· Liven AGI Lively",
   "蚂蚁集团全新一代数据可视化解决方案": "A new generation of data visualization solution from Ant Group",
   "AntV 是蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。": "AntV is a new generation of data visualization solution from Ant Group. We provide best practices of data visualization with simplicity, convenience, profession, reliability, and infinite possibilities.",
   "立业・利业": "Found business・Help business",
diff --git a/.dumi/theme/locales/zh.json b/.dumi/theme/locales/zh.json
index a426b850..1e53d4aa 100644
--- a/.dumi/theme/locales/zh.json
+++ b/.dumi/theme/locales/zh.json
@@ -1,6 +1,6 @@
 {
   "蚂蚁数据可视化": "蚂蚁数据可视化",
-  "让数据栩栩如生": "让数据栩栩如生",
+  "·让AGI栩栩如生": "·让AGI栩栩如生",
   "蚂蚁集团全新一代数据可视化解决方案": "蚂蚁集团全新一代数据可视化解决方案",
   "AntV 是蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。": "AntV 是蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。",
   "立业・利业": "立业・利业",
diff --git a/.dumirc.ts b/.dumirc.ts
index d7d22884..2d1e3cb9 100644
--- a/.dumirc.ts
+++ b/.dumirc.ts
@@ -31,7 +31,15 @@ export default defineConfig({
       apiKey: '9d1cd586972bb492b7b41b13a949ef30',
       indexName: 'antv_g6',
     },
-    navs: [],
+    navs: [
+      {
+        slug: 'docs/specification/principles/basic',
+        title: {
+          zh: '设计语言',
+          en: 'Design',
+        },
+      },
+    ],
     ecosystems: [
       // 头部的菜单中的「周边生态」
     ],
diff --git a/package.json b/package.json
index f3da7cf5..5606cd58 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,8 @@
     "url": "https://github.com/antvis/antvis.github.io/issues"
   },
   "dependencies": {
+    "ahooks": "^3.9.5",
+    "@tanstack/react-query": "^5.90.2",
     "@ant-design/icons": "^4.8.3",
     "@antv/dumi-theme-antv": "0.7.9",
     "@antv/g2plot": "^2.3.1",
diff --git a/site/components/Banner/Banner.module.less b/site/components/Banner/Banner.module.less
index 5afcb53d..54d8ad47 100644
--- a/site/components/Banner/Banner.module.less
+++ b/site/components/Banner/Banner.module.less
@@ -108,7 +108,7 @@
   }
 
   .header {
-    height: 670px;
+    height: 1130px;
     position: relative;
     font-family: PingFangSC;
   }
@@ -127,7 +127,7 @@
     font-size: 64px;
     color: #000;
     text-align: center;
-    margin-top: 138px;
+    margin-top: 108px;
     font-family: AlibabaPuHuiTiRHeavy;
 
     > span {
@@ -218,7 +218,7 @@
     z-index: 10;
     width: 100%;
     position: absolute;
-    top: 506px;
+    top: 966px;
 
     .message {
       &:extend(.commonFlexConfig);
@@ -299,3 +299,7 @@
     background-position-y: -100px, -80px, -60px, -40px, -20px, 0px;
   }
 }
+
+//:root {
+//  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important;
+//}
diff --git a/site/components/Banner/Banner.tsx b/site/components/Banner/Banner.tsx
index 98e47132..8c6edc40 100644
--- a/site/components/Banner/Banner.tsx
+++ b/site/components/Banner/Banner.tsx
@@ -4,6 +4,7 @@ import { ActiveIcon } from '../common';
 import { ANCHORNAME } from '../ProjectCard';
 
 import styles from './Banner.module.less';
+import { HomeDialog } from '@antv/dumi-theme-antv/dist/components/AI/HomeDialog';
 
 export default () => {
   const [message, setMessage] = useState([]);
@@ -64,7 +65,7 @@ export default () => {
         <div className={styles.top}>
           <div className={styles.mainTitle}>
             <span>AntV</span>
-            {useT('·让数据栩栩如生')}
+            {useT('·让AGI栩栩如生')}
           </div>
           <div className={styles.subTitle}>
             {useT(
@@ -72,25 +73,28 @@ export default () => {
             )}
           </div>
         </div>
-        <div className={styles.buttons}>
-          <div className={styles.start} onClick={scrollToAnchor}>
-            <div className={styles.startIcon} />
-            {useT('开始使用')}
-          </div>
-          <ActiveIcon
-            href="/specification/principles/basic"
-            className={styles.design}
-            img="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*_xFsQbWE_AYAAAAAAAAAAAAADmJ7AQ/original"
-            activeImg="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*A9VnTpferioAAAAAAAAAAAAADmJ7AQ/original"
-            text={useT('设计语言')}
-          />
-        </div>
+        <HomeDialog className={styles.top}
+                    promptTextareaStyle={{margin: "0 auto", width: "760px"}}
+                    style={{margin: "270px auto", width: "unset"}}/>
+        {/*<div className={styles.buttons}>*/}
+        {/*  <div className={styles.start} onClick={scrollToAnchor}>*/}
+        {/*    <div className={styles.startIcon} />*/}
+        {/*    {useT('开始使用')}*/}
+        {/*  </div>*/}
+        {/*  <ActiveIcon*/}
+        {/*    href="/specification/principles/basic"*/}
+        {/*    className={styles.design}*/}
+        {/*    img="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*_xFsQbWE_AYAAAAAAAAAAAAADmJ7AQ/original"*/}
+        {/*    activeImg="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*A9VnTpferioAAAAAAAAAAAAADmJ7AQ/original"*/}
+        {/*    text={useT('设计语言')}*/}
+        {/*  />*/}
+        {/*</div>*/}
         <div className={styles.bottom}>
           {message.map(({ title, subTitle, img, link }) => {
             return (
               <a
                 className={styles.message}
-                key={title}
+                key={JSON.stringify(title)}
                 target="_blank"
                 href={link}
               >

From 1f32e8cf3b73e14e94863f39bda3728c23863ae0 Mon Sep 17 00:00:00 2001
From: "huiyu.zjt" <huiyu.zjt@antgroup.com>
Date: Tue, 14 Oct 2025 16:19:03 +0800
Subject: [PATCH 03/10] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5UI=E5=85=BC?=
 =?UTF-8?q?=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/components/Banner/Banner.module.less | 16 +++++++++++++---
 site/components/Banner/Banner.tsx         |  1 +
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/site/components/Banner/Banner.module.less b/site/components/Banner/Banner.module.less
index 54d8ad47..06b33e53 100644
--- a/site/components/Banner/Banner.module.less
+++ b/site/components/Banner/Banner.module.less
@@ -300,6 +300,16 @@
   }
 }
 
-//:root {
-//  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important;
-//}
+div.listContainer {
+  position: absolute;
+  left: 112px;
+  right: 112px;
+  width: calc(100vw - 224px);
+  min-width: 760px;
+
+  @media (max-width: 1023px) {
+    left: 24px;
+    right: 24px;
+    width: calc(100vw - 48px);
+  }
+}
diff --git a/site/components/Banner/Banner.tsx b/site/components/Banner/Banner.tsx
index 8c6edc40..85335760 100644
--- a/site/components/Banner/Banner.tsx
+++ b/site/components/Banner/Banner.tsx
@@ -75,6 +75,7 @@ export default () => {
         </div>
         <HomeDialog className={styles.top}
                     promptTextareaStyle={{margin: "0 auto", width: "760px"}}
+                    recommendCaseClassName={styles.listContainer}
                     style={{margin: "270px auto", width: "unset"}}/>
         {/*<div className={styles.buttons}>*/}
         {/*  <div className={styles.start} onClick={scrollToAnchor}>*/}

From 94831bc953af8a12c842f762e63a304bfcf980fb Mon Sep 17 00:00:00 2001
From: "huiyu.zjt" <huiyu.zjt@antgroup.com>
Date: Thu, 6 Nov 2025 15:01:31 +0800
Subject: [PATCH 04/10] =?UTF-8?q?feat:=20=E4=BD=BF=E7=94=A8beta=E7=89=88?=
 =?UTF-8?q?=E4=B8=BB=E9=A2=98=E5=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .dumirc.ts                            | 5 ++++-
 package.json                          | 2 +-
 site/components/ThemeCharts/index.tsx | 2 ++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/.dumirc.ts b/.dumirc.ts
index 2d1e3cb9..c38d2b60 100644
--- a/.dumirc.ts
+++ b/.dumirc.ts
@@ -20,7 +20,7 @@ export default defineConfig({
     isAntVSite: true, // 是否是 AntV 的大官网
     footerTheme: 'light',
     siteUrl: homepage, // 官网地址
-    githubUrl: 'https://github.com/antvis', // GitHub 地址
+    githubUrl: 'https://github.com/antvis/antvis.github.io', // GitHub 地址
     showSearch: true, // 是否显示搜索框
     showGithubCorner: true, // 是否显示头部的 GitHub icon
     showAntVProductsCard: true, // 是否显示 AntV 产品汇总的卡片
@@ -156,4 +156,7 @@ export default defineConfig({
   },
   links: [],
   scripts: [],
+  https: {
+    http2: false
+  }
 });
diff --git a/package.json b/package.json
index 5606cd58..b5957848 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "ahooks": "^3.9.5",
     "@tanstack/react-query": "^5.90.2",
     "@ant-design/icons": "^4.8.3",
-    "@antv/dumi-theme-antv": "0.7.9",
+    "@antv/dumi-theme-antv": "beta",
     "@antv/g2plot": "^2.3.1",
     "@antv/g6": "3.3.7",
     "@antv/util": "^3.3.1",
diff --git a/site/components/ThemeCharts/index.tsx b/site/components/ThemeCharts/index.tsx
index 0aab68ae..a3adc704 100644
--- a/site/components/ThemeCharts/index.tsx
+++ b/site/components/ThemeCharts/index.tsx
@@ -145,6 +145,7 @@ export function ThemeCharts() {
             <ColorPicker
               disabledAlpha
               trigger="hover"
+              key={index}
               // onChange={(v: any, color: string) => setColors10(pick(color, true))}
               panelRender={(panel: React.ReactNode) => (
                 <div className="custom-panel">
@@ -184,6 +185,7 @@ export function ThemeCharts() {
                 className={classNames(styles.chart, {
                   [styles.rightChart]: (index + 1) % 3 === 0,
                 })}
+                key={index}
               >
                 <div className={styles.chartMsg}>{useT(chart.msg)}</div>
                 <div className={styles.content}>

From 1e256f6fae53f1e3bea5c4794337b6b6e3e49830 Mon Sep 17 00:00:00 2001
From: "huiyu.zjt" <huiyu.zjt@antgroup.com>
Date: Thu, 6 Nov 2025 17:31:08 +0800
Subject: [PATCH 05/10] =?UTF-8?q?chore:=20=E4=BF=AE=E5=A4=8Dtsc=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                          | 6 ------
 site/components/Banner/Banner.tsx     | 2 +-
 site/components/ThemeCharts/index.tsx | 4 ++--
 3 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index b5957848..b77b47e6 100644
--- a/package.json
+++ b/package.json
@@ -22,18 +22,12 @@
     "@tanstack/react-query": "^5.90.2",
     "@ant-design/icons": "^4.8.3",
     "@antv/dumi-theme-antv": "beta",
-    "@antv/g2plot": "^2.3.1",
-    "@antv/g6": "3.3.7",
-    "@antv/util": "^3.3.1",
     "antd": "5.10.2",
-    "chroma-js": "^2.1.0",
     "classnames": "^2.2.6",
-    "d3": "^7.8.5",
     "dumi": "~2.4.21",
     "gh-pages": "^3.1.0",
     "husky": "^8.0.2",
     "lodash": "^4.17.20",
-    "new-github-issue-url": "^1.0.0",
     "prettier": "^2.0.0",
     "pretty-quick": "^3.1.3",
     "react": "^18.3.1",
diff --git a/site/components/Banner/Banner.tsx b/site/components/Banner/Banner.tsx
index 85335760..3bc74603 100644
--- a/site/components/Banner/Banner.tsx
+++ b/site/components/Banner/Banner.tsx
@@ -95,7 +95,7 @@ export default () => {
             return (
               <a
                 className={styles.message}
-                key={JSON.stringify(title)}
+                key={`${link}_${title}_${subTitle}`}
                 target="_blank"
                 href={link}
               >
diff --git a/site/components/ThemeCharts/index.tsx b/site/components/ThemeCharts/index.tsx
index a3adc704..3ffae974 100644
--- a/site/components/ThemeCharts/index.tsx
+++ b/site/components/ThemeCharts/index.tsx
@@ -145,7 +145,7 @@ export function ThemeCharts() {
             <ColorPicker
               disabledAlpha
               trigger="hover"
-              key={index}
+              key={data.text}
               // onChange={(v: any, color: string) => setColors10(pick(color, true))}
               panelRender={(panel: React.ReactNode) => (
                 <div className="custom-panel">
@@ -185,7 +185,7 @@ export function ThemeCharts() {
                 className={classNames(styles.chart, {
                   [styles.rightChart]: (index + 1) % 3 === 0,
                 })}
-                key={index}
+                key={chart.msg}
               >
                 <div className={styles.chartMsg}>{useT(chart.msg)}</div>
                 <div className={styles.content}>

From bf45780e294844e7dda0774a65b08df8f57611fb Mon Sep 17 00:00:00 2001
From: "huiyu.zjt" <huiyu.zjt@antgroup.com>
Date: Thu, 6 Nov 2025 17:36:01 +0800
Subject: [PATCH 06/10] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DCR=E6=84=8F?=
 =?UTF-8?q?=E8=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/components/Banner/Banner.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/components/Banner/Banner.tsx b/site/components/Banner/Banner.tsx
index 3bc74603..3a26cf9b 100644
--- a/site/components/Banner/Banner.tsx
+++ b/site/components/Banner/Banner.tsx
@@ -95,7 +95,7 @@ export default () => {
             return (
               <a
                 className={styles.message}
-                key={`${link}_${title}_${subTitle}`}
+                key={`${link}_${title[language]}_${subTitle[language]}`}
                 target="_blank"
                 href={link}
               >

From 761f4ad63d974b652b2dc2b4754249e8b8a2ab1f Mon Sep 17 00:00:00 2001
From: "huiyu.zjt" <huiyu.zjt@antgroup.com>
Date: Thu, 6 Nov 2025 17:39:28 +0800
Subject: [PATCH 07/10] =?UTF-8?q?chore:=20=E4=BF=AE=E5=A4=8D=E6=9E=84?=
 =?UTF-8?q?=E5=BB=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index b77b47e6..e91d5079 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,6 @@
   },
   "devDependencies": {
     "@types/classnames": "^2.2.9",
-    "@types/d3": "^7.4.2",
     "@types/lodash": "^4.14.189",
     "@types/parse-github-url": "^1.0.0",
     "@types/react": "^16.9.5",

From e7e2da82ac5589a4bda0e5388c990dadbe01c1ab Mon Sep 17 00:00:00 2001
From: "huiyu.zjt" <huiyu.zjt@antgroup.com>
Date: Thu, 6 Nov 2025 17:59:46 +0800
Subject: [PATCH 08/10] =?UTF-8?q?chore:=20=E4=BF=AE=E5=A4=8Dtsc=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index e91d5079..2831825f 100644
--- a/package.json
+++ b/package.json
@@ -38,9 +38,11 @@
     "@types/classnames": "^2.2.9",
     "@types/lodash": "^4.14.189",
     "@types/parse-github-url": "^1.0.0",
-    "@types/react": "^16.9.5",
+    "@types/react": "^18.3.26",
+    "@types/react-dom": "^18.3.7",
     "@types/react-github-button": "^0.1.0",
-    "@types/react-helmet": "^6.0.0"
+    "@types/react-helmet": "^6.0.0",
+    "typescript": "latest"
   },
   "license": "MIT",
   "scripts": {

From dd26d3d5314c7e8103740b00ac003a972cf16d7c Mon Sep 17 00:00:00 2001
From: "huiyu.zjt" <huiyu.zjt@antgroup.com>
Date: Thu, 6 Nov 2025 18:31:10 +0800
Subject: [PATCH 09/10] =?UTF-8?q?chore:=20=E4=BF=AE=E5=A4=8Dtsc=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                            | 4 ++++
 site/components/Products/Products.tsx   | 2 +-
 site/components/quoteCard/quoteCard.tsx | 2 +-
 typing.d.ts                             | 8 ++++++++
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 2831825f..3aaa4032 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,11 @@
     "@tanstack/react-query": "^5.90.2",
     "@ant-design/icons": "^4.8.3",
     "@antv/dumi-theme-antv": "beta",
+    "@antv/g2plot": "^2.3.1",
+    "@antv/g6": "3.3.7",
+    "@antv/util": "^3.3.1",
     "antd": "5.10.2",
+    "chroma-js": "^2.1.0",
     "classnames": "^2.2.6",
     "dumi": "~2.4.21",
     "gh-pages": "^3.1.0",
diff --git a/site/components/Products/Products.tsx b/site/components/Products/Products.tsx
index 42fc19e9..e452b4e5 100644
--- a/site/components/Products/Products.tsx
+++ b/site/components/Products/Products.tsx
@@ -104,7 +104,7 @@ const Products = () => {
   };
 
   const getDots = () => {
-    let dots: Array<Object> = [];
+    let dots: Array<React.ReactNode> = [];
     const length = products.length;
     const cols = 3;
     const rows = Math.ceil(length / 2) + 1;
diff --git a/site/components/quoteCard/quoteCard.tsx b/site/components/quoteCard/quoteCard.tsx
index ac0068f3..15ca77da 100644
--- a/site/components/quoteCard/quoteCard.tsx
+++ b/site/components/quoteCard/quoteCard.tsx
@@ -31,7 +31,7 @@ const QuoteCard = (props: Props) => {
       id: transformedMessage,
     });
   };
-  const borderSlicer: Array<object> = [];
+  const borderSlicer: Array<React.ReactNode> = [];
   if (props.hasBorder) {
     borderSlicer.push(
       <div key={1} className={classNames(styles.border, styles.lborder)} />,
diff --git a/typing.d.ts b/typing.d.ts
index 2537adaa..d1dc2b9b 100644
--- a/typing.d.ts
+++ b/typing.d.ts
@@ -1,3 +1,11 @@
+import type { useIntl, FormattedMessage, useLocale } from 'react-intl';
+
+declare module 'dumi' {
+  export const useIntl: typeof useIntl;
+  export const FormattedMessage: typeof FormattedMessage;
+  export const useLocale: typeof useLocale;
+}
+
 declare module '@antv/dumi-theme-antv' {
   const exports: any;
   export = exports;

From 31a5fac0ba7acb3244e32a14152568f6201407ee Mon Sep 17 00:00:00 2001
From: "huiyu.zjt" <huiyu.zjt@antgroup.com>
Date: Thu, 6 Nov 2025 19:13:34 +0800
Subject: [PATCH 10/10] =?UTF-8?q?fix:=20=E5=AE=BD=E5=BA=A6=E8=87=AA?=
 =?UTF-8?q?=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/components/Banner/Banner.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/components/Banner/Banner.tsx b/site/components/Banner/Banner.tsx
index 3a26cf9b..85a8231b 100644
--- a/site/components/Banner/Banner.tsx
+++ b/site/components/Banner/Banner.tsx
@@ -74,7 +74,7 @@ export default () => {
           </div>
         </div>
         <HomeDialog className={styles.top}
-                    promptTextareaStyle={{margin: "0 auto", width: "760px"}}
+                    promptTextareaStyle={{margin: "0 auto", width: "40vw", minWidth: "300px"}}
                     recommendCaseClassName={styles.listContainer}
                     style={{margin: "270px auto", width: "unset"}}/>
         {/*<div className={styles.buttons}>*/}