@antv/dumi-theme-antv 0.4.0 → 0.4.2

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

@@ -7,6 +7,7 @@ type DetailButtonProps = {
     style?: React.CSSProperties;
     type?: string;
     shape?: 'round' | 'square';
+    icon?: string;
 };
 type DetailProps = {
     className?: string;
@@ -15,6 +16,7 @@ type DetailProps = {
     engine?: IC;
     description: IC;
     image?: string;
+    imageStyle?: React.CSSProperties;
     buttons?: DetailButtonProps[];
     githubUrl: string;
     showGithubStars?: boolean;

package/dist/slots/Detail/index.js

@@ -1,5 +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"];
+var _excluded = ["className", "style", "title", "engine", "description", "image", "imageStyle", "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; }
@@ -35,6 +35,7 @@ export var Detail = function Detail(_ref) {
     engine = _ref.engine,
     description = _ref.description,
     image = _ref.image,
+    imageStyle = _ref.imageStyle,
     githubUrl = _ref.githubUrl,
     _ref$showGithubStars = _ref.showGithubStars,
     showGithubStars = _ref$showGithubStars === void 0 ? true : _ref$showGithubStars,
@@ -79,7 +80,8 @@ export var Detail = function Detail(_ref) {
       style = _ref2.style,
       text = _ref2.text,
       link = _ref2.link,
-      shape = _ref2.shape;
+      shape = _ref2.shape,
+      icon = _ref2.icon;
     return /*#__PURE__*/React.createElement("a", {
       key: ic(text),
       className: cx(styles.buttonLink, styles[type || ''], type === 'primary' ? 'primary-button' : 'common-button'),
@@ -87,8 +89,11 @@ export var Detail = function Detail(_ref) {
         borderRadius: shape === 'round' ? '1000px' : '12px'
       }, style),
       href: link[lang] ? link[lang] : link
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.icon
+    }, icon !== null && /*#__PURE__*/React.createElement("div", {
+      className: styles.icon,
+      style: icon ? {
+        backgroundImage: "url(".concat(icon, ")")
+      } : {}
     }), /*#__PURE__*/React.createElement("span", {
       className: styles.button
     }, ic(text)));
@@ -113,10 +118,10 @@ export var Detail = function Detail(_ref) {
     className: cx(styles.teaserimg, 'teaser-img')
   }, /*#__PURE__*/React.createElement("img", {
     width: "100%",
-    style: {
+    style: _objectSpread({
       marginLeft: '100px',
       marginTop: '40px'
-    },
+    }, imageStyle),
     src: image
   }))), /*#__PURE__*/React.createElement("img", {
     className: styles.backLeftBottom,

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

@@ -133,7 +133,6 @@
           .github-btn {
             display: flex;
             height: 54px;
-            padding: 0 16px;
             cursor: pointer;
             box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.05);
             background-color: #FFFFFF;
@@ -157,6 +156,7 @@
             }
 
             .gh-btn {
+              padding: 16px;
               .gh-ico {
                 display: block;
                 width: 20px;
@@ -175,9 +175,12 @@
             }
 
             .gh-count {
+              height: 54px;
+              line-height: 22px;
+              padding: 16px 16px 16px 0;
               position: relative;
               font-size: 18px;
-              margin-left: 8px;
+              margin-left: -8px;
               color: #1D2129;
               letter-spacing: 0;
               font-family: AlibabaSans102-Medium;

package/package.json

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