feat(detail): update Antv home update dumi-theme-antv 1.0.0

.dumi/theme/locales/en.json

@@ -328,5 +328,9 @@
   "邻近顺序色板，均基于分类色板生长而来，为加大辨识度也可使用邻近色相，通过明度或饱和度的渐变，常用来表示同一事物中的数值大小或梯度变化，如排行榜等级变化、一个国家或地区的新增人口数对比、风险等级变化等。": "Adjacent sequential color palette, all based on the growth of the classification color palette, in order to increase the recognition can also use adjacent colors, through the gradual change of brightness or saturation, commonly used to represent the value size or gradient change in the same thing, such as ranking change, comparison of the number of new population in a country or region, risk level change.",
   "点再到正向值的连续变化区间，显示相对立的两个值的大小关系，常用于气温的冷热、海拔高低、股票涨跌等。": "The continuous change interval from the point to the positive value shows the size relationship between the two opposite values, which is often used for the cold and hot temperature, altitude, stock rise and fall, etc.",
   "蚂蚁企业级数据可视化解决方案，让用户轻松看数收获工作意义": "Ant enterprise data visualization solution, so that users can easily see the number of harvest work significance.",
-  "柱形图、饼图、关系图、地图、多维表格等260+丰富图表随心选用": "Column、Pie、Graph、Map、Dimensions Table and other 260+ rich chart choice at will."
+  "柱形图、饼图、关系图、地图、多维表格等260+丰富图表随心选用": "Column、Pie、Graph、Map、Dimensions Table and other 260+ rich chart choice at will.",
+
+  "设计语言与研发框架": "设计语言与研发框架",
+  "资产一览，让你快速搭建网站应用": "Assets list, let you quickly build a website application.",
+  "Ant Design / AntV 设计负责人": "Ant Design / AntV Design Leader"
 }

.dumi/theme/locales/zh.json

@@ -320,5 +320,9 @@
   "邻近顺序色板，均基于分类色板生长而来，为加大辨识度也可使用邻近色相，通过明度或饱和度的渐变，常用来表示同一事物中的数值大小或梯度变化，如排行榜等级变化、一个国家或地区的新增人口数对比、风险等级变化等。": "邻近顺序色板，均基于分类色板生长而来，为加大辨识度也可使用邻近色相，通过明度或饱和度的渐变，常用来表示同一事物中的数值大小或梯度变化，如排行榜等级变化、一个国家或地区的新增人口数对比、风险等级变化等。",
   "点再到正向值的连续变化区间，显示相对立的两个值的大小关系，常用于气温的冷热、海拔高低、股票涨跌等。": "点再到正向值的连续变化区间，显示相对立的两个值的大小关系，常用于气温的冷热、海拔高低、股票涨跌等。",
   "蚂蚁企业级数据可视化解决方案，让用户轻松看数收获工作意义": "蚂蚁企业级数据可视化解决方案，让用户轻松看数收获工作意义",
-  "柱形图、饼图、关系图、地图、多维表格等260+丰富图表随心选用": "柱形图、饼图、关系图、地图、多维表格等260+丰富图表随心选用"
+  "柱形图、饼图、关系图、地图、多维表格等260+丰富图表随心选用": "柱形图、饼图、关系图、地图、多维表格等260+丰富图表随心选用",
+
+  "设计语言与研发框架": "Design language and R&D framework",
+  "资产一览，让你快速搭建网站应用": "资产一览，让你快速搭建网站应用",
+  "Ant Design / AntV 设计负责人": "Ant Design / AntV 设计负责人"
 }

site/components/Banner/Banner.tsx

@@ -56,12 +56,12 @@ export default () => {
         </div>
         <div className={styles.bottom}>
           {
-            message.map(({ title, subTitle, img }) => {
+            message.map(({ title, subTitle, img, link }) => {
               return (
-                <div className={styles.message} key={title}>
+                <a className={styles.message} key={title} target='_blank' href={link} >
                   <div className={styles.messageTitle}><img src={img} alt='message_title' /> {title[language]}</div>
                   <div className={styles.messageSubTitle}>{subTitle[language]}</div>
-                </div>
+                </a>
               );
             })
           }

site/components/Products/getProducts.tsx

@@ -83,6 +83,6 @@ export function transformUrl({
   language: 'zh' | 'en';
   isChinaMirrorHost: boolean;
 }) {
-  const languageUrl = url.replace(/([http|https]\:\/\/).+?\//, (v) => `${v}${language}/`);
+  const languageUrl = url.replace(/\/(zh|en)/, '').replace(/([http|https]\:\/\/).+?\//, (v) => `${v}${language}/`);
   return getActualUrl(languageUrl, isChinaMirrorHost);
 }

site/components/ProjectCard/index.tsx

@@ -71,7 +71,7 @@ const PROJECT_DATAS: PrejectData = [
       span: 3,
       classNames: styles.chartEngine,
       url: 'https://g2.antv.antgroup.com',
-      img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*FrshQpaS4f0AAAAAAAAAAAAADmJ7AQ/original',
+      img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*oj5gRqZMxZQAAAAAAAAAAAAADmJ7AQ/original',
     },
     {
       title: 'S2',
@@ -87,7 +87,7 @@ const PROJECT_DATAS: PrejectData = [
       span: 3,
       classNames: styles.chartEngine,
       url: 'https://g6.antv.vision',
-      img: 'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*yRU1QZbcQN4AAAAAAAAAAABkARQnAQ',
+      img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*_JGLQZl-PcQAAAAAAAAAAAAADmJ7AQ/original',
     },
     {
       title: 'X6',
@@ -120,16 +120,27 @@ const PROJECT_DATAS: PrejectData = [
     { title: '关系数据', span: 6, classNames: styles.sort, isSort: true },
     { title: '极致移动定制', span: 9, classNames: styles.sort, isSort: true },
   ],
-  [{ title: 'AntV Design', subTitle: '设计语言', span: 21, classNames: styles.antv, icon: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*U3AfQq_cQMYAAAAAAAAAAAAADmJ7AQ/original' }],
-  [{
-    title: 'G',
-    subTitle: '图表引擎',
-    span: 21,
-    classNames: styles.g,
-    img: 'https://gw.alipayobjects.com/mdn/rms_6ae20b/afts/img/A*nk1YSrbkQPMAAAAAAAAAAAAAARQnAQ',
-    icon: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*YIbER7wNuLMAAAAAAAAAAAAADmJ7AQ/original',
-    url: 'https://g.antv.antgroup.com/',
-  }],
+  [
+    {
+      title: 'AntV Design',
+      subTitle: '设计语言',
+      url: 'specification',
+      span: 21,
+      classNames: styles.antv,
+      icon: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*U3AfQq_cQMYAAAAAAAAAAAAADmJ7AQ/original',
+    },
+  ],
+  [
+    {
+      title: 'G',
+      subTitle: '图表引擎',
+      span: 21,
+      classNames: styles.g,
+      img: 'https://gw.alipayobjects.com/mdn/rms_6ae20b/afts/img/A*nk1YSrbkQPMAAAAAAAAAAAAAARQnAQ',
+      icon: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*YIbER7wNuLMAAAAAAAAAAAAADmJ7AQ/original',
+      url: 'https://g.antv.antgroup.com/',
+    },
+  ],
 ];
 
 // 丰富图表，选用自如
@@ -185,8 +196,8 @@ export function ProjectCard() {
   return (
     <div className={styles.projectCard} id={ANCHORNAME}>
       <Title
-        title={useT('丰富图表，选用自如')}
-        subTitle={useT('经历了海量数据场景下的严苛考验，蚂蚁集团自研了数据库、云原生、隐私计算、图计算为代表的数字化“根技术”')}
+        title={useT('设计语言与研发框架')}
+        subTitle={useT('资产一览，让你快速搭建网站应用')}
       />
       <div className={styles.cards}>
         <div className={styles.box}>

site/components/ThemeCharts/Charts/Graph/index.tsx

@@ -74,7 +74,7 @@ export function GraphChart(props: GraphProps) {
     const onTick = () => {
       data.nodes.forEach((node) => {
         node.x = Math.min(Math.max(5, node.x), width - 10);
-        node.y = Math.min(Math.max(20, node.y), height - 40);
+        node.y = Math.min(Math.max(15, node.y), height - 30);
       });
     };
 

site/data/complex-charts.json

@@ -15,7 +15,7 @@
   },
   {
     "text": "叙事动画",
-    "video": "https://mass-office.alipay.com/huamei_koqzbu/afts/file/5ZkPSY3Jbl0AAAAAAAAAABAADnV5AQBr",
+    "video": "https://gw.alipayobjects.com/v/huamei_qa8qxu/afts/video/XHdUSp9rBo4AAAAAAAAAAAAAK4eUAQBr",
     "link": "https://g2.antv.antgroup.com/examples/storytelling/storytelling/#stocks-keyframe",
     "img": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*yrlSTZeONjUAAAAAAAAAAAAADmJ7AQ/original",
     "activeImg": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*HG6pSovStWgAAAAAAAAAAAAADmJ7AQ/original"

site/data/famous-persons.json

@@ -22,7 +22,7 @@
   },
   {
     "name": "它山",
-    "text": "浙江大学计算机学院 CAD & CG 国家重点实验室教授",
+    "text": "Ant Design / AntV 设计负责人",
     "msg": "设计，让数据美而简单，让可视化更普惠。好策略、好资产助力好报表、好产品。",
     "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*gwZ1S6Yc8IkAAAAAAAAAAAAADmJ7AQ/original",
     "color": "#D580FF"

site/data/link-charts.json

@@ -1,17 +1,17 @@
 [
   {
-    "title": "统计图表",
+    "title": "多维表格",
     "subTitle": "开箱即用的多维可视分析表格",
-    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*UfzOTa482lwAAAAAAAAAAAAADmJ7AQ/original",
-    "link": "https://s2.antv.vision/examples/react-component/sheet/#strategy-mini-chart",
+    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*uxT9RowSdT4AAAAAAAAAAAAADmJ7AQ/original",
+    "link": "https://s2.antv.vision/examples/case/proportion/#single-population-proportion",
     "antv": "S2",
     "color": "#00C7C7"
   },
   {
     "title": "关系图",
     "subTitle": "便捷的关系数据可视化引擎与图分析工具",
-    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*eo6jSqTIB-QAAAAAAAAAAAAADmJ7AQ/original",
-    "link": "https://g6.antv.antgroup.com/examples/net/gpuLayout/#fruchtermanClustering",
+    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*Ku9aQ4WJtsQAAAAAAAAAAAAADmJ7AQ/original",
+    "link": "https://g6-next.antv.antgroup.com/examples/net/forceDirected#basicForce",
     "antv": "G6",
     "color": "rgba(249,106,65)"
   },
@@ -26,16 +26,16 @@
   {
     "title": "关系图",
     "subTitle": "便捷的关系数据可视化引擎与图分析工具",
-    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*eXzfTbFrYjMAAAAAAAAAAAAADmJ7AQ/original",
-    "link": "https://g6-next.antv.antgroup.com/examples/tool/hull/#hull",
+    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*_JGLQZl-PcQAAAAAAAAAAAAADmJ7AQ/original",
+    "link": "https://g6.antv.antgroup.com/examples/case/graphDemos#decisionBubbles",
     "antv": "G6",
     "color": "rgba(249,106,65)"
   },
   {
     "title": "统计图表",
     "subTitle": "数据驱动，高度易用，可扩展的可视化图形语法",
-    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*DupxTZqLShkAAAAAAAAAAAAADmJ7AQ/original",
-    "link": "https://g2.antv.antgroup.com/examples/general/pie/#spider-label",
+    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*oj5gRqZMxZQAAAAAAAAAAAAADmJ7AQ/original",
+    "link": "https://g2.antv.antgroup.com/examples/general/dual#dual-axis-bar",
     "antv": "G2",
     "color": "#2486FF"
   },
@@ -50,8 +50,8 @@
   {
     "title": "地图",
     "subTitle": "高性能/高渲染质量的地理空间数据可视化框架",
-    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*JebxTo_rsngAAAAAAAAAAAAADmJ7AQ/original",
-    "link": "https://l7.antv.antgroup.com/examples/tile/vector/#chinamap",
+    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*H0KDRaIpfIUAAAAAAAAAAAAADmJ7AQ/original",
+    "link": "https://l7.antv.antgroup.com/examples/point/bubble#point",
     "antv": "L7",
     "color": "#1074FF"
   },
@@ -66,8 +66,8 @@
   {
     "title": "思维导图",
     "subTitle": "极易定制、开箱即用、数据驱动的图编辑引擎",
-    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*uxbGRqkOxwYAAAAAAAAAAAAADmJ7AQ/original",
-    "link": "https://x6.antv.vision/examples/showcase/practices#mindmap",
+    "image": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*0H-HQJrdpMsAAAAAAAAAAAAADmJ7AQ/original",
+    "link": "https://x6.antv.vision/examples/showcase/practices#dag",
     "antv": "X6",
     "color": "#A658F5"
   },