@antv/dumi-theme-antv 0.4.5 → 0.5.0

package/dist/slots/API/index.js

@@ -0,0 +1,202 @@
+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); }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { ZoomInOutlined, ZoomOutOutlined } from '@ant-design/icons';
+import { Collapse, Popover } from 'antd';
+import { get, uniq, sortBy } from 'lodash-es';
+import React from 'react';
+import Markdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeRaw from 'rehype-raw';
+import { useSnapshot } from 'valtio';
+import { store } from "../../model";
+import { CollapsedIcon } from "../../pages/Example/components/CollapsedIcon";
+import { getDemoInfo } from "../CodeRunner/utils";
+import styles from "./index.module.less";
+var Panel = Collapse.Panel;
+var EMPTY = /^\s*$/;
+/**
+ * API 预览
+ */
+export var API = function API(_ref) {
+  var exampleTopics = _ref.exampleTopics,
+    topic = _ref.topic,
+    example = _ref.example,
+    demo = _ref.demo,
+    _ref$language = _ref.language,
+    language = _ref$language === void 0 ? 'zh' : _ref$language;
+  var state = useSnapshot(store);
+  var demoInfo = getDemoInfo(exampleTopics, topic, example, demo);
+  var APIContent = get(demoInfo, ['api', language]);
+
+  /** 从 MD 中解析出层级数据(eg: #、##、###)作为折叠分组条件 */
+  var findHashTag = function findHashTag(lines) {
+    var tagLines = lines.filter(function (line) {
+      return line.startsWith('#');
+    });
+    var tagReg = /^#+/g;
+    var tagLengths = tagLines.map(function (line) {
+      return line.match(tagReg)[0].length;
+    });
+    return sortBy(uniq(tagLengths));
+  };
+  var getRegex = function getRegex(tagLength) {
+    return new RegExp("^".concat(new Array(tagLength).fill('#').join(''), "\\s+([^\\n]*)"));
+  };
+
+  /** 根据正则将内容切片 */
+  var setIndexTag = function setIndexTag(lines, regex) {
+    var start = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    var result = [];
+    lines.forEach(function (line, index) {
+      if (regex.exec(line)) {
+        var header = regex.exec(line)[1];
+        result.push({
+          header: header,
+          start: index + start,
+          maxEndIndex: start + lines.length
+        });
+      }
+    });
+    return result;
+  };
+
+  /** 从 MD 中解析出嵌套结构, 最多支持 2 层 */
+  var getNestedDOM = function getNestedDOM(lines) {
+    var tags = findHashTag(lines);
+    var result = setIndexTag(lines, getRegex(tags[0]));
+    if (tags.length > 2) {
+      result = result.map(function (item, index) {
+        var _result;
+        var start = item.start;
+        return _objectSpread(_objectSpread({}, item), {}, {
+          children: setIndexTag(lines.slice(start + 1, (_result = result[index + 1]) === null || _result === void 0 ? void 0 : _result.start), getRegex(tags[1]), start + 1)
+        });
+      });
+    }
+    return result;
+  };
+  var MarkdownComponent = function MarkdownComponent(_ref2) {
+    var content = _ref2.content;
+    return /*#__PURE__*/React.createElement(Markdown, {
+      rehypePlugins: [rehypeRaw, remarkGfm],
+      components: {
+        // @ts-expect-error
+        description: function description(props) {
+          return /*#__PURE__*/React.createElement("span", _extends({
+            style: {
+              fontSize: 12,
+              color: '#777'
+            }
+          }, props));
+        }
+      }
+    }, content);
+  };
+
+  /** 将扁平状态的 MD 解析为嵌套结构 */
+  var renderNestedDom = function renderNestedDom(content) {
+    var _result$;
+    if (!content) {
+      return null;
+    }
+    var lines = content.split('\n');
+    var result = getNestedDOM(lines);
+
+    /** 避免无标题的情况内容丢失，内层嵌套的不做处理（不合理） */
+    var minStart = get(result, [0, 'start']);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, minStart > 0 && /*#__PURE__*/React.createElement("div", {
+      className: styles.disorganized
+    }, /*#__PURE__*/React.createElement(MarkdownComponent, {
+      content: lines.slice(0, minStart).join('\n')
+    })), /*#__PURE__*/React.createElement(Collapse, {
+      bordered: false,
+      defaultActiveKey: [(_result$ = result[0]) === null || _result$ === void 0 ? void 0 : _result$.header],
+      ghost: true
+    }, result.map(function (item, index) {
+      var _children$;
+      var start = item.start,
+        header = item.header,
+        _item$children = item.children,
+        children = _item$children === void 0 ? [] : _item$children;
+      var end = index === result.length - 1 ? lines.length : result[index + 1].start;
+      return /*#__PURE__*/React.createElement(Panel, {
+        header: /*#__PURE__*/React.createElement("b", {
+          style: {
+            lineHeight: '22px',
+            fontSize: 16
+          }
+        }, header),
+        key: header
+      }, children.length > 0 ? /*#__PURE__*/React.createElement(Collapse, {
+        bordered: false,
+        defaultActiveKey: [(_children$ = children[0]) === null || _children$ === void 0 ? void 0 : _children$.header],
+        ghost: true
+      }, children.map(function (nestedItem, nestedIndex) {
+        var nestedStart = nestedItem.start,
+          nestedHeader = nestedItem.header,
+          maxEndIndex = nestedItem.maxEndIndex;
+        var nestEnd = nestedIndex === children.length - 1 ? maxEndIndex : children[nestedIndex + 1].start;
+        return /*#__PURE__*/React.createElement(Panel, {
+          header: /*#__PURE__*/React.createElement("b", {
+            style: {
+              lineHeight: '22px',
+              fontSize: 14
+            }
+          }, nestedHeader),
+          key: nestedHeader
+        }, /*#__PURE__*/React.createElement(MarkdownComponent, {
+          content: lines.slice(nestedStart + 1, nestEnd).join('\n')
+        }));
+      })) : /*#__PURE__*/React.createElement(MarkdownComponent, {
+        content: lines.slice(start + 1, end).join('\n')
+      }));
+    })));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.api,
+    style: {
+      width: state.showAPI ? state.apiContainerWidth : 24
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.header
+  }, /*#__PURE__*/React.createElement("p", null, "API"), /*#__PURE__*/React.createElement("div", {
+    className: styles.zoom
+  }, /*#__PURE__*/React.createElement(ZoomInOutlined, {
+    onClick: function onClick() {
+      store.apiContainerWidth += 100;
+    }
+  }), /*#__PURE__*/React.createElement(ZoomOutOutlined, {
+    style: {
+      marginLeft: 8
+    },
+    onClick: function onClick() {
+      if (state.apiContainerWidth > 150) {
+        store.apiContainerWidth -= 100;
+      }
+    }
+  })), /*#__PURE__*/React.createElement(Popover, {
+    content: language === 'zh' ? '展示文档' : 'Show docs',
+    placement: "right"
+  }, /*#__PURE__*/React.createElement(CollapsedIcon, {
+    isCollapsed: state.showAPI,
+    onClick: function onClick(show) {
+      store.showAPI = show;
+    },
+    style: {
+      left: 0,
+      top: 0
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.content
+  }, !EMPTY.test(APIContent) ? renderNestedDom(APIContent) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      padding: 12
+    }
+  }, /*#__PURE__*/React.createElement("h1", null, "404"), /*#__PURE__*/React.createElement("p", null, "Sorry, the API you visited does not exist."))));
+};

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

@@ -0,0 +1,93 @@
+.api {
+  height: 100%;
+  color: rgba(0,0,0, 85%);
+
+  .header {
+    position: relative;
+    height: 36px;
+    background-color: #f8f9fc;
+    display: flex;
+    justify-content: space-between;
+    overflow: hidden;
+    padding-right: 12px;
+    padding-left: 36px;
+    color: #777;
+    line-height: 36px;
+  }
+
+  .content {
+    overflow: hidden;
+    border-left: 1px solid #ececec;
+    height: calc(100% - 36px);
+    overflow-y: scroll;
+
+    .disorganized {
+      padding: 0 12px;
+
+      > :first-child {
+        margin-top: 12px;
+      }
+    }
+
+    > hr {
+      display: none;
+    }
+
+    p {
+      margin-bottom: 0;
+    }
+
+    h1, h2, h3, h4, h5, h6 {
+     font-weight: 400;
+     margin-bottom: 0;
+     margin-top: 8px;
+     color: rgba(0,0,0, 85%);
+     border-top: 1px solid #F8F9FC;
+
+     &:first-child {
+       margin-top: 0;
+       border-top: none;
+     }
+    }
+
+    .border() {
+      border-width: 1px;
+      border-color: #ececec
+    }
+
+    table {
+      .border();
+
+      border-right-style: solid;
+      border-top-style: solid;
+      margin-bottom: 6px;
+    }
+
+    td, th {
+      .border();
+
+      text-align: left;
+      border-left-style: solid;
+      border-bottom-style: solid;
+      padding: 4px;
+    }
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  :global {
+    .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
+      padding: 0 4px 0 24px;
+    }
+
+    .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+      padding: 8px;
+
+      .ant-collapse-arrow {
+        margin-right: 6px;
+      }
+    }
+  }
+}

package/dist/slots/Banner/index.js

@@ -2,8 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

package/dist/slots/CodeEditor/Toolbar.js

@@ -7,8 +7,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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); }
 import { CodeSandboxOutlined, PlayCircleOutlined, ThunderboltOutlined } from '@ant-design/icons';
 import stackblitzSdk from '@stackblitz/sdk';

package/dist/slots/CodeEditor/utils.js

@@ -2,8 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -43,9 +43,8 @@ export function extractImportDeps(sourceCode) {
   return deps;
 }
 export function getCodeSandboxConfig(title, sourceCode, fileExtension, deps, devDependencies, playground) {
-  var _files;
   return {
-    files: (_files = {
+    files: _defineProperty(_defineProperty({
       'package.json': {
         content: {
           main: "index.".concat(fileExtension),
@@ -53,11 +52,11 @@ export function getCodeSandboxConfig(title, sourceCode, fileExtension, deps, dev
           devDependencies: devDependencies
         }
       }
-    }, _defineProperty(_files, "index.".concat(fileExtension), {
+    }, "index.".concat(fileExtension), {
       content: replaceFetchUrl(sourceCode)
-    }), _defineProperty(_files, 'index.html', {
+    }), 'index.html', {
       content: playground.container || '<div id="container" />'
-    }), _files)
+    })
   };
 }
 export function getRiddleConfig(title, sourceCode, fileExtension, deps, devDependencies, playground) {
@@ -73,13 +72,12 @@ export function getRiddleConfig(title, sourceCode, fileExtension, deps, devDepen
   };
 }
 export function getStackblitzConfig(title, sourceCode, fileExtension, deps, devDependencies, playground) {
-  var _files2;
   return {
     title: title || '',
     description: '',
     template: 'create-react-app',
     dependencies: deps,
-    files: (_files2 = {}, _defineProperty(_files2, "index.".concat(fileExtension.startsWith('ts') ? 'ts' : 'js'), sourceCode), _defineProperty(_files2, 'index.html', playground.container || '<div id="container" />'), _files2)
+    files: _defineProperty(_defineProperty({}, "index.".concat(fileExtension.startsWith('ts') ? 'ts' : 'js'), sourceCode), 'index.html', playground.container || '<div id="container" />')
   };
 }
 export function getHtmlCodeTemplate(title, sourceCode, fileExtension, deps, devDependencies, playground) {

package/dist/slots/CodeRunner/utils.js

@@ -2,8 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { map } from 'lodash-es';
 /**
  * 将数据结构转化成 map，便于后续检索的速度
@@ -18,7 +18,8 @@ export function getExampleTopicMap(exampleTopics) {
         exampleTopicMap.set("".concat(topic.id, "-").concat(example.id, "-").concat(demo.id), _objectSpread(_objectSpread({}, demo), {}, {
           relativePath: "".concat(topic.id, "/").concat(example.id, "/demo/").concat(demo.filename),
           targetExample: example,
-          targetTopic: topic
+          targetTopic: topic,
+          api: example.api
         }));
       });
     });

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,6 +9,8 @@ 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;
@@ -18,9 +20,14 @@ export var News = function News(_ref) {
     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

@@ -32,14 +32,24 @@
         font-weight: 500;
         font-size: 20px;
         text-align: center;
+        position: relative;
+
+        >img {
+          width: 24px;
+          height: 24px;
+          position: relative;
+          top: -2px;
+          left: -4px;
+        }
       }
 
-      .date {
+      .date,.subTitle {
         color: #424E66;
         bottom: 0;
         font-size: 1em;
         margin-top: 4px;
         margin-bottom: 0;
+        text-align: center;
       }
     }
   }
@@ -55,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;
     }
   }
 }
@@ -79,18 +94,12 @@
   }
 
   33.3% {
-    opacity: 1;
-    top: 0px;
-    z-index: 1;
-  }
-
-  50% {
     opacity: 0;
-    top: -30px;
+    top: 0px;
     z-index: 0;
   }
 
-  83.3% {
+  66.6% {
     opacity: 0;
     top: 30px;
     z-index: 0;
@@ -103,7 +112,6 @@
   }
 }
 
-/* Standard syntax */
 @keyframes showAndHide1 {
   0% {
     opacity: 0;
@@ -112,18 +120,38 @@
   }
 
   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;
-    z-index: 1;
+@keyframes showAndHide2 {
+  0% {
+    opacity: 0;
+    top: 30px;
+    z-index: 0;
   }
 
-  83.3% {
+  33.3% {
+    opacity: 0;
+    top: 30px;
+    z-index: 0;
+  }
+
+  66.6% {
     opacity: 1;
     top: 0px;
     z-index: 1;
@@ -131,7 +159,8 @@
 
   100% {
     opacity: 0;
-    top: -30px;
+    top: 0px;
     z-index: 0;
   }
 }
+

package/dist/slots/Detail/index.js

@@ -4,8 +4,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -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;
@@ -194,10 +201,10 @@
   .news {
     width: 100%;
     display: flex;
-    bottom: 40px;
+    bottom: 30px;
     position: absolute;
     z-index: 3;
-    height: 108px;
+    height: 128px;
     box-sizing: border-box;
     padding: 0 4.5%;
   }