feat: AI development and QA

.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",

.dumi/theme/locales/zh.json

@@ -1,6 +1,6 @@
 {
   "蚂蚁数据可视化": "蚂蚁数据可视化",
-  "让数据栩栩如生": "让数据栩栩如生",
+  "·让AGI栩栩如生": "·让AGI栩栩如生",
   "蚂蚁集团全新一代数据可视化解决方案": "蚂蚁集团全新一代数据可视化解决方案",
   "AntV 是蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。": "AntV 是蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。",
   "立业・利业": "立业・利业",

.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';

.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 产品汇总的卡片
@@ -39,20 +39,6 @@ export default defineConfig({
           en: 'Design',
         },
       },
-      {
-        slug: 'case',
-        title: {
-          zh: '场景案例',
-          en: 'Show Case',
-        },
-      },
-      {
-        slug: 'quick',
-        title: {
-          zh: '提交 Issue',
-          en: 'Quick Issue',
-        },
-      },
     ],
     ecosystems: [
       // 头部的菜单中的「周边生态」
@@ -145,6 +131,16 @@ export default defineConfig({
         en: 'Ant Visualization solution',
       },
     },
+    metas: {
+      title: {
+        zh: "AntV",
+        en: "AntV"
+      },
+      description: {
+        zh: "让AGI栩栩如生",
+        en: "Ant Visualization solution"
+      }
+    },
   },
   alias: {
     site: '/site',
@@ -160,4 +156,7 @@ export default defineConfig({
   },
   links: [],
   scripts: [],
+  https: {
+    http2: false
+  }
 });

.gitignore

@@ -80,3 +80,4 @@ _site
 # dumi tmp_production
 .dumi/tmp
 .dumi/tmp-production
+.idea

package.json

@@ -18,20 +18,20 @@
     "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.5.7",
+    "@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.2.1",
+    "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",
@@ -40,12 +40,13 @@
   },
   "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",
+    "@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": {

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,17 @@
     background-position-y: -100px, -80px, -60px, -40px, -20px, 0px;
   }
 }
+
+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);
+  }
+}

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,33 +65,37 @@ export default () => {
         <div className={styles.top}>
           <div className={styles.mainTitle}>
             <span>AntV</span>
-            {useT('·让数据栩栩如生')}
+            {useT('·让AGI栩栩如生')}
           </div>
           <div className={styles.subTitle}>
             {useT(
               '蚂蚁企业级数据可视化解决方案，让人们在数据世界里获得视觉化思考能力',
             )}
           </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: "40vw", minWidth: "300px"}}
+                    recommendCaseClassName={styles.listContainer}
+                    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={`${link}_${title[language]}_${subTitle[language]}`}
                 target="_blank"
                 href={link}
               >

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;