@antv/dumi-theme-antv 0.3.20-beta.1 → 0.3.20-beta.2

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

@@ -12,6 +12,7 @@ type DetailProps = {
     className?: string;
     style?: React.CSSProperties;
     title: IC;
+    engine?: IC;
     description: IC;
     image?: string;
     buttons?: DetailButtonProps[];

package/dist/slots/Detail/index.js

@@ -1,4 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className", "style", "title", "engine", "description", "image", "githubUrl", "showGithubStars", "buttons", "news"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -11,6 +12,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useState, useEffect } from 'react';
 import cx from 'classnames';
 import gh from 'parse-github-url';
@@ -29,6 +32,7 @@ export var Detail = function Detail(_ref) {
   var className = _ref.className,
     style = _ref.style,
     title = _ref.title,
+    engine = _ref.engine,
     description = _ref.description,
     image = _ref.image,
     githubUrl = _ref.githubUrl,
@@ -36,7 +40,8 @@ export var Detail = function Detail(_ref) {
     showGithubStars = _ref$showGithubStars === void 0 ? true : _ref$showGithubStars,
     _ref$buttons = _ref.buttons,
     buttons = _ref$buttons === void 0 ? [] : _ref$buttons,
-    news = _ref.news;
+    news = _ref.news,
+    v = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     remoteNews = _useState2[0],
@@ -53,6 +58,7 @@ export var Detail = function Detail(_ref) {
   }, []);
   var githubObj = gh(githubUrl);
   var showGitHubStarsButton = showGithubStars && githubObj && githubObj.owner && githubObj.name;
+  var engineText = ic(engine);
   return /*#__PURE__*/React.createElement("section", {
     className: cx(styles.wrapper, className),
     style: style
@@ -62,7 +68,9 @@ export var Detail = function Detail(_ref) {
     className: styles.text
   }, /*#__PURE__*/React.createElement("div", {
     className: cx(styles.title, 'detail-title')
-  }, ic(title)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", {
+    className: cx(styles.engine, 'detail-engine')
+  }, engineText), ic(title).replace(engineText, '')), /*#__PURE__*/React.createElement("div", {
     className: cx(styles.description, 'detail-description')
   }, ic(description)), /*#__PURE__*/React.createElement("div", {
     className: cx(styles.buttons, 'detail-buttons')
@@ -76,10 +84,12 @@ export var Detail = function Detail(_ref) {
       key: ic(text),
       className: cx(styles.buttonLink, styles[type || ''], type === 'primary' ? 'primary-button' : 'common-button'),
       style: _objectSpread({
-        borderRadius: shape === 'square' ? '4px' : '1000px'
+        borderRadius: shape === 'round' ? '1000px' : '12px'
       }, style),
       href: link[lang] ? link[lang] : link
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.icon
+    }), /*#__PURE__*/React.createElement("span", {
       className: styles.button
     }, ic(text)));
   }), showGitHubStarsButton && /*#__PURE__*/React.createElement("div", {

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

@@ -1,5 +1,10 @@
 @import '../_.less';
 
+@font-face {
+  font-family: AlibabaPuHuiTiRHeavy;
+  src: url(../../font/Alibaba-PuHuiTi-Heavy.otf);
+}
+
 .container1440() {
   width: 1440px;
   max-width: calc(100% - 80px);
@@ -41,159 +46,143 @@
 
     .title {
       font-size: 3.4em; //2.875em;
-      font-weight: 800;
       color: rgba(0, 0, 0, 1);
       position: relative;
+      font-family: AlibabaPuHuiTiRHeavy;
+
+      .engine {
+        color: #691EFF;
+      }
     }
 
     .description {
       margin-top: 0.83%; //12px;
       margin-bottom: 0px;
       color: rgba(106, 123, 140, 1);
-      font-size: 1.14em;
       font-weight: 200;
       position: relative;
       width: 40%;
       max-width: 700px;
+      font-family: AlibabaPuHuiTiR;
+      font-size: 18px;
+      color: #424E66;
     }
 
     .buttons {
       display: flex;
       margin-top: 5.56%;
 
-      .buttonLink+.buttonLink {
-        margin-left: 16px;
-      }
-
       .buttonLink {
+        display: flex;
+        align-items: center;
+        justify-content: center;
         cursor: pointer;
-        border-radius: 50px;
-        min-width: 134px;
-        padding-left: 15px;
-        padding-right: 15px;
-        height: 40px;
+        border-radius: 12px;
         z-index: 10;
         position: relative;
         transition: all 0.3s;
-        border: 1px solid @primary-color;
-        color: @primary-color;
-        background: transparent;
         text-align: center;
-        font-size: 1.14em;
-        line-height: 40px;
+        height: 54px;
+        width: 166px;
+        box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.10);
+        background-color: #691EFF;
+        font-size: 18px;
+        cursor: pointer;
+        box-shadow: 0 8px 28px 0 #f2f2f2;
+        margin-right: 20px;
+        color: #FFFFFF;
+        overflow: hidden;
+
+        .icon {
+          width: 20px;
+          height: 20px;
+          background-image: url(https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*lo_5RYdqKLsAAAAAAAAAAAAADmJ7AQ/original);
+          margin-right: 6px;
+        }
 
         &:hover {
-          color: tint(@primary-color, 25%);
-          border: 1px solid tint(@primary-color, 25%);
-          background-color: fade(@primary-color, 3%);
+          opacity: 0.8;
         }
 
         &.primary {
-          border: none;
-          outline: none;
           color: #fff;
-          background: linear-gradient(60deg, fade(@primary-color, 70%), shade(@primary-color, 20%));
-          opacity: 0.8;
-          box-shadow: 0 8px 10px fade(@primary-color, 20%);
+          background-color: #FFFFFF;
+          color: #000;
+          border: 1px solid #E8E8E8;
+
+          .icon {
+            position: relative;
+            background-image: url(https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*_xFsQbWE_AYAAAAAAAAAAAAADmJ7AQ/original);
+          }
 
           &:hover {
-            opacity: 1;
+            color: #691EFF;
+
+            .icon {
+              left: -80px;
+              filter: drop-shadow(#691EFF 80px 0);
+            }
           }
         }
       }
 
       .githubWrapper {
-        margin-left: 16px;
         display: flex;
 
         :global {
-          .gh-btn {
-            width: 40px;
-            height: 40px;
-            border-radius: 20px;
-            padding: 9px;
-            border: 1px solid #ced4d9;
-            background: transparent;
-            text-decoration: none;
-            white-space: nowrap;
+          .github-btn {
             display: flex;
+            height: 54px;
+            padding: 0 16px;
             cursor: pointer;
-            float: left;
+            box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.05);
+            background-color: #FFFFFF;
+            border: 1px solid #E8E8E8;
+            justify-content: center;
+            align-items: center;
+            border-radius: 12px;
+            overflow: hidden;
             transition: all 0.15s;
 
             &:hover {
-              background: #f2f4f5;
+              .gh-btn {
+                >.gh-ico {
+                  filter: drop-shadow(#691EFF 80px 0);
+                }
+              }
+
+              .gh-count {
+                color: #691EFF;
+              }
             }
 
-            .gh-ico {
-              width: 16px;
-              height: 16px;
-              margin-left: 2px;
-              margin-top: 2px;
-              background-image: url(https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*Nk9mQ48ZoZMAAAAAAAAAAABkARQnAQ);
-              background-size: 100% 100%;
-              background-repeat: no-repeat;
-              box-sizing: border-box;
-              cursor: pointer;
-              color: #333;
+            .gh-btn {
+              .gh-ico {
+                display: block;
+                width: 20px;
+                height: 20px;
+                background-image: url(https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*Nk9mQ48ZoZMAAAAAAAAAAABkARQnAQ);
+                background-size: 100% 100%;
+                background-repeat: no-repeat;
+                position: relative;
+                left: -80px;
+                filter: drop-shadow(#1D2129 80px 0);
+              }
+
+              .gh-text {
+                display: none;
+              }
             }
 
-            .gh-text {
-              display: none;
+            .gh-count {
+              position: relative;
+              font-size: 18px;
+              margin-left: 8px;
+              color: #1D2129;
+              letter-spacing: 0;
+              font-family: AlibabaSans102-Medium;
             }
           }
-
-          .gh-count {
-            position: relative;
-            display: none;
-            /* hidden to start */
-            margin-left: 52px;
-            margin-top: 7px;
-            border: 1px solid #d4d4d4;
-            padding: 2px 10px;
-            font-weight: 700;
-            height: 65%;
-            border-radius: 5px;
-            color: rgb(49, 70, 89);
-
-            &:hover {
-              background: #f2f4f5;
-              transition: all 0.15s;
-            }
-          }
-
-          .gh-count:hover,
-          .gh-count:focus {
-            color: #4183c4;
-          }
-
-          .gh-count:before,
-          .gh-count:after {
-            content: '';
-            position: absolute;
-            display: inline-block;
-            width: 0;
-            height: 0;
-            border-color: transparent;
-            border-style: solid;
-          }
-
-          .gh-count:before {
-            top: 50%;
-            left: -3px;
-            margin-top: -5px;
-            border-width: 4px 4px 4px 0;
-            border-right-color: #fafafa;
-          }
-
-          .gh-count:after {
-            top: 50%;
-            border-width: 5px 5px 5px 0;
-            border-right-color: #d4d4d4;
-            left: -5px;
-            z-index: -1;
-            margin-top: -6px;
-          }
         }
       }
     }
@@ -227,6 +216,7 @@
       position: relative;
     }
   }
+
   .backLeftBottom {
     position: absolute;
     left: -8%;
@@ -377,4 +367,4 @@
       top: 14%;
     }
   }
-}
+}

package/dist/slots/Header/index.js

@@ -17,7 +17,7 @@ import { useNavigate } from "react-router-dom";
 import cx from 'classnames';
 import { useSiteData, useLocale, FormattedMessage } from 'dumi';
 import { GithubOutlined, MenuOutlined, CaretDownFilled, DownOutlined, WechatOutlined, LinkOutlined, CheckOutlined } from '@ant-design/icons';
-import { Alert, Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
+import { Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
 import { get, map, size } from 'lodash-es';
 import { Search } from "./Search";
 import { Products } from "./Products";
@@ -416,19 +416,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }, /*#__PURE__*/React.createElement(GithubOutlined, null))));
   return /*#__PURE__*/React.createElement("header", {
     className: cx(styles.header, (_cx4 = {}, _defineProperty(_cx4, styles.transparent, !!transparent && !productMenuVisible), _defineProperty(_cx4, styles.isHomePage, !!isHomePage && !isAntVHome), _defineProperty(_cx4, styles.lightTheme, !!isAntVHome && !productMenuVisible && isWide), _defineProperty(_cx4, styles.isAntVHome, !!isAntVHome), _defineProperty(_cx4, styles.fixed, popupMenuVisible), _cx4))
-  }, bannerVisible && /*#__PURE__*/React.createElement(Alert, {
-    className: styles.banner,
-    message: /*#__PURE__*/React.createElement("div", {
-      dangerouslySetInnerHTML: {
-        __html: banner.html
-      }
-    }),
-    type: "info",
-    banner: true,
-    closable: true,
-    showIcon: false,
-    onClose: onBannerClose
-  }), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: styles.container
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.left

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.20-beta.1",
+  "version": "0.3.20-beta.2",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {