@antv/dumi-theme-antv 0.4.4 → 0.4.6

package/dist/layouts/DocLayout.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import '../slots/global';
 import '../slots/_.less';
 /**
  * DocuLayout 是 dumi2 的内置 layout 入口，在这里使用页面路径进行区分成自己不同的 Layout。
  */
-declare const _default: () => React.JSX.Element;
+declare const _default: () => any;
 export default _default;

package/dist/layouts/entry/Index.js

@@ -13,7 +13,7 @@ import { Features } from "dumi/theme/slots/Features";
 import { Cases } from "dumi/theme/slots/Cases";
 import { Companies } from "dumi/theme/slots/Companies";
 import { Footer } from "dumi/theme/slots/Footer";
-import { size } from 'lodash-es';
+import { isArray, size, get } from 'lodash-es';
 
 /**
  * Index 路由下的入口
@@ -52,7 +52,8 @@ export var Index = function Index() {
     news: news
   }, detail);
   var featuresProps = {
-    features: features,
+    title: get(features, ['title']),
+    features: isArray(features) ? features : get(features, ['cards'], []),
     className: className,
     style: style,
     id: id
@@ -67,7 +68,7 @@ export var Index = function Index() {
     title: "".concat(metaTitle[locale.id]),
     titleSuffix: "AntV",
     lang: locale.id
-  }), /*#__PURE__*/React.createElement(Header, null), size(detail) ? /*#__PURE__*/React.createElement(Detail, detailProps) : null, size(features) ? /*#__PURE__*/React.createElement(Features, featuresProps) : null, size(cases) ? /*#__PURE__*/React.createElement(Cases, casesProps) : null, size(companies) ? /*#__PURE__*/React.createElement(Companies, {
+  }), /*#__PURE__*/React.createElement(Header, null), size(detail) ? /*#__PURE__*/React.createElement(Detail, detailProps) : null, size(featuresProps.features) ? /*#__PURE__*/React.createElement(Features, featuresProps) : null, size(cases) ? /*#__PURE__*/React.createElement(Cases, casesProps) : null, size(companies) ? /*#__PURE__*/React.createElement(Companies, {
     title: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: isAntVSite ? "2000+ 公司正在使用" : "感谢信赖"
     }),

package/dist/locales/en.json

@@ -88,12 +88,18 @@
   "标准版基础产品": "Standard basic products",
   "标准版扩展产品": "Standard extended products",
   "移动定制（F版）产品": "Mobile (F series) products",
-  "感谢信赖":"WE ARE TRUSTED BY",
-  "更多产品":"More Productions",
-  "上一篇":"Previous",
-  "下一篇":"Next",
+  "感谢信赖": "WE ARE TRUSTED BY",
+  "更多产品": "More Productions",
+  "上一篇": "Previous",
+  "下一篇": "Next",
   "演示代码报错，请检查": "演示代码报错，请检查",
-  "阅读时间约":"Reading needs",
-  "分钟":"minutes",
-  "没有找到查询结果":"No query result found"
+  "阅读时间约": "Reading needs",
+  "分钟": "minutes",
+  "没有找到查询结果": "No query result found",
+  "企业级 UI 设计语言": "Enterprise UI design language",
+  "知识创作与分享工具": "Knowledge creation and Sharing tool",
+  "语雀": "Yuque",
+  "企业级 Node 开发框架": "Enterprise-class Node development framework",
+  "Sketch 工具集": "Sketch Tool set",
+  "蚂蚁体验科技": "Liven Experience technology"
 }

package/dist/locales/zh.json

@@ -93,7 +93,13 @@
   "上一篇": "上一篇",
   "下一篇": "下一篇",
   "演示代码报错，请检查": "演示代码报错，请检查",
-  "阅读时间约":"阅读时间约",
-  "分钟":"分钟",
-  "没有找到查询结果":"没有找到查询结果"
+  "阅读时间约": "阅读时间约",
+  "分钟": "分钟",
+  "没有找到查询结果": "没有找到查询结果",
+  "企业级 UI 设计语言": "企业级 UI 设计语言",
+  "知识创作与分享工具": "知识创作与分享工具",
+  "语雀": "语雀",
+  "企业级 Node 开发框架": "企业级 Node 开发框架",
+  "Sketch 工具集": "Sketch 工具集",
+  "蚂蚁体验科技": "蚂蚁体验科技"
 }

package/dist/slots/Cases/index.module.less

@@ -75,6 +75,9 @@
           line-height: 47px;
           border: 1px solid #a3b1bf;
           transition: all 0.3s;
+          display: flex;
+          justify-content: center;
+          align-items: center;
 
           &:hover {
             border: 1px solid #ced4d9;
@@ -86,7 +89,6 @@
           }
 
           .controlButtonIcon {
-            width: 100%;
             color: #a3b1bf;
             transition: all 0.3s;
           }

package/dist/slots/Companies/index.js

@@ -18,9 +18,6 @@ export var Companies = function Companies(_ref) {
     key: "title",
     className: styles.title
   }, title), /*#__PURE__*/React.createElement("div", {
-    key: "slicer",
-    className: styles.slicer
-  }), /*#__PURE__*/React.createElement("div", {
     key: "companies-container",
     className: styles.companiesContainer
   }, /*#__PURE__*/React.createElement(Row, {

package/dist/slots/Companies/index.module.less

@@ -23,22 +23,14 @@
     margin: 118px 0 0 0;
     position: relative;
     height: min-content;
+    text-align: center;
     color: rgba(0, 0, 0, 1);
   }
 
-  .slicer {
-    width: 32px;
-    height: 6px;
-    background: linear-gradient(145deg,
-        fade(@primary-color, 70%),
-        shade(@primary-color, 20%));
-    margin-top: 64px;
-  }
-
   .companiesContainer {
     position: relative;
     margin: auto;
-    margin-top: 52px;
+    margin-top: 48px;
 
     .company {
       margin-bottom: 20px;
@@ -57,12 +49,6 @@
       margin: 98px 0 0 0;
     }
 
-    .slicer {
-      width: 25px;
-      height: 6px;
-      margin: 44px 0 44px 0;
-    }
-
     .content {
       margin-left: 4.27%;
       width: 91.64%;

package/dist/slots/Detail/News.d.ts

@@ -6,5 +6,7 @@ export interface NewsProps {
     title: IC;
     date: string;
     link: string;
+    subTitle?: string;
+    img?: string;
 }
 export declare const News: React.FC<NewsProps>;

package/dist/slots/Detail/News.js

@@ -9,22 +9,25 @@ export var News = function News(_ref) {
     type = _ref.type,
     title = _ref.title,
     date = _ref.date,
+    subTitle = _ref.subTitle,
+    img = _ref.img,
     _ref$link = _ref.link,
     link = _ref$link === void 0 ? '' : _ref$link;
   var lang = useLocale().id;
   var children = /*#__PURE__*/React.createElement("div", {
     className: styles.container
-  }, /*#__PURE__*/React.createElement("img", {
-    className: styles.number,
-    src: numberImages[index],
-    alt: index.toString()
-  }), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: styles.content
   }, /*#__PURE__*/React.createElement("p", {
     className: styles.description
-  }, ic(type), " \u2027 ", ic(title)), /*#__PURE__*/React.createElement("p", {
+  }, img && /*#__PURE__*/React.createElement("img", {
+    src: img,
+    alt: "message_title"
+  }), type ? "".concat(ic(type), " \u2027 ") : '', ic(title)), date && /*#__PURE__*/React.createElement("p", {
     className: styles.date
-  }, date)));
+  }, date), subTitle && /*#__PURE__*/React.createElement("p", {
+    className: styles.subTitle
+  }, ic(subTitle))));
   if (link.startsWith('http')) {
     return /*#__PURE__*/React.createElement("a", {
       href: link,

package/dist/slots/Detail/News.module.less

@@ -1,44 +1,61 @@
 .news {
   width: 50%;
   margin-right: 2%;
+  background-color: #FFFFFF;
+  border: 1px solid #E5E8EF;
+  box-shadow: 0 8px 28px 0 rgba(0,0,0,0.05);
+  border-radius: 16px;
+  height: 100%;
 
   &:last-child {
     margin-right: 0;
   }
 
   .container {
-    height: 44px;
-    display: flex;
-
-    .number {
-      height: 100%;
-      width: 44px;
-    }
+    height: 100%;
+    color: #1D2129;
+    letter-spacing: 0;
 
     .content {
-      padding-left: 20px;
-      color: rgba(49, 70, 89, 1);
-      text-align: left;
+      height: 100%;
+      padding: 0 20px;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      justify-content: center;
 
       .description {
         top: 0;
-        font-size: 1.14em;
         margin-bottom: 0;
         transition: all 0.3s;
+        font-family:  PingFangSC;
+        font-weight: 500;
+        font-size: 20px;
+        text-align: center;
+        position: relative;
+
+        >img {
+          width: 24px;
+          height: 24px;
+          position: relative;
+          top: -2px;
+          left: -4px;
+        }
       }
 
-      .date {
-        color: rgba(216, 203, 249, 1);
+      .date,.subTitle {
+        color: #424E66;
         bottom: 0;
         font-size: 1em;
         margin-top: 4px;
         margin-bottom: 0;
+        text-align: center;
       }
     }
   }
 
   &:hover .description {
-    color: rgba(89, 126, 247, 1);
+    color: #691EFF;
   }
 }
 
@@ -48,12 +65,17 @@
     width: 100%;
 
     &:nth-child(1) {
-      animation: showAndHide0 6s infinite;
+      animation: showAndHide0 9s infinite;
     }
 
     &:nth-child(2) {
       top: 44px;
-      animation: showAndHide1 6s infinite;
+      animation: showAndHide1 9s infinite;
+    }
+
+    &:nth-child(3) {
+      top: 44px;
+      animation: showAndHide2 9s infinite;
     }
   }
 }
@@ -68,53 +90,77 @@
   0% {
     opacity: 1;
     top: 0px;
+    z-index: 1;
   }
 
   33.3% {
-    opacity: 1;
-    top: 0px;
-  }
-
-  50% {
     opacity: 0;
-    top: -30px;
+    top: 0px;
+    z-index: 0;
   }
 
-  83.3% {
+  66.6% {
     opacity: 0;
     top: 30px;
+    z-index: 0;
   }
 
   100% {
     opacity: 1;
     top: 0px;
+    z-index: 1;
   }
 }
 
-/* Standard syntax */
 @keyframes showAndHide1 {
   0% {
     opacity: 0;
     top: 30px;
+    z-index: 0;
   }
 
   33.3% {
+    opacity: 1;
+    top: 0px;
+    z-index: 1;
+  }
+
+  66.6% {
+    opacity: 0;
+    top: 0px;
+    z-index: 0;
+  }
+
+  100% {
     opacity: 0;
     top: 30px;
+    z-index: 0;
   }
+}
 
-  50% {
-    opacity: 1;
-    top: 0px;
+@keyframes showAndHide2 {
+  0% {
+    opacity: 0;
+    top: 30px;
+    z-index: 0;
+  }
+
+  33.3% {
+    opacity: 0;
+    top: 30px;
+    z-index: 0;
   }
 
-  83.3% {
+  66.6% {
     opacity: 1;
     top: 0px;
+    z-index: 1;
   }
 
   100% {
     opacity: 0;
-    top: -30px;
+    top: 0px;
+    z-index: 0;
   }
 }
+

package/dist/slots/Detail/index.js

@@ -22,8 +22,6 @@ import { useLocale } from 'dumi/dist/client/theme-api';
 import { ic } from "../hooks";
 import { News } from "./News";
 import styles from "./index.module.less";
-var AssetsNewsURL = 'https://assets.antv.antgroup.com/antv/news.json';
-
 /**
  * Index.技术栈的描述区域！
  * 各自配置
@@ -49,7 +47,7 @@ export var Detail = function Detail(_ref) {
     setRemoteNews = _useState2[1];
   var lang = useLocale().id;
   useEffect(function () {
-    fetch(AssetsNewsURL).then(function (res) {
+    fetch('https://site-data-pre.alipay.com/antv/banner-messages.json').then(function (res) {
       return res.json();
     }).then(function (data) {
       setRemoteNews(data);
@@ -107,7 +105,7 @@ export var Detail = function Detail(_ref) {
     repo: githubObj.name
   })))), /*#__PURE__*/React.createElement("div", {
     className: cx(styles.news, 'news')
-  }, (news || remoteNews).slice(0, 2).map(function (n, i) {
+  }, (news || remoteNews).slice(0, 3).map(function (n, i) {
     return /*#__PURE__*/React.createElement(News, _extends({
       key: i,
       index: i

package/dist/slots/Detail/index.module.less

@@ -66,11 +66,17 @@
       font-family: AlibabaPuHuiTiR;
       font-size: 18px;
       color: #424E66;
+      max-height: 145px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-line-clamp: 4;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
     }
 
     .buttons {
       display: flex;
-      margin-top: 5.56%;
+      margin-top: max(3%, 40px);
 
       .buttonLink {
         display: flex;
@@ -83,7 +89,8 @@
         transition: all 0.3s;
         text-align: center;
         height: 54px;
-        width: 166px;
+        min-width: 166px;
+        padding: 0 10px;
         box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.10);
         background-color: #691EFF;
         font-size: 18px;
@@ -192,12 +199,14 @@
   }
 
   .news {
-    width: 80%;
+    width: 100%;
     display: flex;
-    bottom: 40px;
+    bottom: 30px;
     position: absolute;
     z-index: 3;
-    margin-left: 4.5%;
+    height: 128px;
+    box-sizing: border-box;
+    padding: 0 4.5%;
   }
 
   .teaser {
@@ -284,11 +293,11 @@
     }
 
     .news {
-      width: 100%;
+      width: 91%;
+      padding: 0;
       display: block;
-      bottom: 20px;
-      height: 44px;
-      overflow: hidden;
+      bottom: 10x;
+      left: 4.5%;
     }
 
     .teaser {
@@ -328,10 +337,16 @@
     .text {
       .buttons {
         margin-top: 70%;
+        position: relative;
+        top: -170px;
 
         .githubWrapper {
           display: none;
         }
+
+        .buttonLink:nth-child(2) {
+          margin-right: 0;
+        }
       }
     }
 
@@ -354,20 +369,14 @@
   .wrapper {
     .text {
       height: 70%;
+    }
 
-      .buttons {
-        bottom: 10px;
-        margin-top: unset;
-        z-index: 1;
-        position: absolute;
-        left: 0;
-        width: 100%;
-        justify-content: center;
-      }
+    .news {
+      height: 160px;
     }
 
     .teaser {
-      top: 14%;
+      top: 10%;
     }
   }
 }

package/dist/slots/Features/FeatureCard.module.less

@@ -1,10 +1,15 @@
 .card {
   background-color: #fff;
-  height: auto;
+  height: 100%;
+  padding: 36px 70px;
+  box-sizing: border-box;
 
   .content {
-    padding-left: 15.9%;
-    padding-right: 15.9%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    height: 100%;
 
     .icon {
       height: 60px;
@@ -13,8 +18,12 @@
     .title {
       font-size: 1.714em;
       color: #000;
-      margin-top: 40px;
-      margin-bottom: 0;
+      margin-top: 28px;
+      margin-bottom: 11px;
+      font-family:  AlibabaPuHuiTiM;
+      color: #1D2129;
+      text-align: center;
+      line-height: 32px;
     }
 
     .description {
@@ -23,13 +32,13 @@
       color: rgba(105, 123, 140, 1);
       font-size: 1em;
       line-height: 1.8em;
-      margin-top: 24px;
+      margin-top: 11px;
       margin-bottom: 0;
     }
   }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 900px) {
   .cards {
     .cardWrapper {
       .card {

package/dist/slots/Features/index.js

@@ -22,69 +22,18 @@ export var Features = function Features(_ref) {
     });
     return children;
   };
-
-  // for small screen
-  var getDots = function getDots() {
-    var dots = [];
-    var length = features.length;
-    var startTop = 45;
-    var cardHeight = 350;
-    var startLeftPercent = 0.028;
-    var rows = length + 1;
-    for (var i = 0; i < rows; i += 1) {
-      var yOffset = 1;
-      var top = "".concat(startTop + cardHeight * i - yOffset, "px");
-      var leftColLeft = "".concat(startLeftPercent * 100, "%");
-      var rigthColLeft = "".concat((startLeftPercent + 0.892) * 100, "%");
-      dots.push( /*#__PURE__*/React.createElement("div", {
-        key: "".concat(i, "-0"),
-        className: styles.dot,
-        style: {
-          marginLeft: leftColLeft,
-          marginTop: top
-        }
-      }));
-      dots.push( /*#__PURE__*/React.createElement("div", {
-        key: "".concat(i, "-1"),
-        className: styles.dot,
-        style: {
-          marginLeft: rigthColLeft,
-          marginTop: top
-        }
-      }));
-    }
-    return dots;
-  };
   return /*#__PURE__*/React.createElement("div", {
     id: id,
     className: cx(styles.wrapper, className),
     style: style
-  }, title ? /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.lefttopWithTitle, styles.lefttop)
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.lefttopWithoutTitle, styles.lefttop)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: title ? styles.rightbottom : cx(styles.rightbottomWithoutTitle, styles.rightbottom)
   }, /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.slicerbar, styles.slicerbarv, styles.slicerbarv1)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.slicerbar, styles.slicerbarv, styles.slicerbarv2)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.slicerbar, styles.slicerbarh, styles.slicerbarh1)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.slicerbar, styles.slicerbarh, styles.slicerbarh2)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.slicerbar, styles.slicerbarh, styles.slicerbarh3)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.slicerbar, styles.slicerbarh, styles.slicerbarh4)
-  }), getDots()), /*#__PURE__*/React.createElement("div", {
     className: styles.content
   }, /*#__PURE__*/React.createElement("div", {
     key: "content"
   }, /*#__PURE__*/React.createElement("p", {
     key: "title",
     className: styles.title
-  }, title ? title : ''), /*#__PURE__*/React.createElement("div", {
+  }, title ? ic(title) : ''), /*#__PURE__*/React.createElement("div", {
     key: "block",
     className: styles.cardsContainer
   }, /*#__PURE__*/React.createElement(Row, {