@antv/dumi-theme-antv 0.4.6 → 0.5.0

package/dist/layouts/DocLayout.d.ts

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

package/dist/layouts/entry/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); }
 import React from 'react';
 import { useLocale, useSiteData, FormattedMessage } from 'dumi';
 import { SEO } from "dumi/theme/slots/SEO";

package/dist/model/index.d.ts

@@ -0,0 +1,5 @@
+export declare const store: {
+    hideMenu: boolean;
+    showAPI: boolean;
+    apiContainerWidth: number;
+};

package/dist/model/index.js

@@ -0,0 +1,6 @@
+import { proxy } from 'valtio';
+export var store = proxy({
+  hideMenu: false,
+  showAPI: false,
+  apiContainerWidth: 420
+});

package/dist/pages/Example/components/CollapsedIcon/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CollapsedProps {
+    isCollapsed: boolean;
+    style?: React.CSSProperties;
+    onClick?: (isCollapsed: boolean) => void;
+}
+export declare const CollapsedIcon: React.FC<CollapsedProps>;
+export {};

package/dist/pages/Example/components/CollapsedIcon/index.js

@@ -0,0 +1,15 @@
+import { DoubleLeftOutlined, DoubleRightOutlined } from '@ant-design/icons';
+import React from 'react';
+import styles from "./index.module.less";
+export var CollapsedIcon = function CollapsedIcon(props) {
+  var isCollapsed = props.isCollapsed,
+    _onClick = props.onClick,
+    style = props.style;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.collapsed,
+    onClick: function onClick() {
+      _onClick(!isCollapsed);
+    },
+    style: style
+  }, isCollapsed ? /*#__PURE__*/React.createElement(DoubleRightOutlined, null) : /*#__PURE__*/React.createElement(DoubleLeftOutlined, null));
+};

package/dist/pages/Example/components/CollapsedIcon/index.module.less

@@ -0,0 +1,14 @@
+@collapsed-icon-size: 36px;
+
+.collapsed {
+  position: absolute;
+  z-index: 3;
+  width: 24px;
+  height: @collapsed-icon-size;
+  line-height: @collapsed-icon-size;
+  font-size: 18px;
+  color: #777;
+  cursor: pointer;
+  background: #f8f9fc;
+  text-align: center;
+}

package/dist/pages/Example/index.js

@@ -6,15 +6,19 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Layout } from 'antd';
 import { useLocale, useSiteData } from 'dumi';
-import { get, find } from 'lodash-es';
-import React, { useContext, useEffect, useState, useMemo } from 'react';
+import { every, find, get } from 'lodash-es';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
+import { useSnapshot } from 'valtio';
 import { ThemeAntVContext } from "../../context";
+import { store } from "../../model";
+import { API } from "dumi/theme/slots/API";
 import { CodeRunner } from "dumi/theme/slots/CodeRunner";
 import { getDemoInfo } from "../../slots/CodeRunner/utils";
 import { ExampleSider } from "dumi/theme/slots/ExampleSider";
 import { Header } from "dumi/theme/slots/Header";
 import { SEO } from "dumi/theme/slots/SEO";
+import { CollapsedIcon } from "./components/CollapsedIcon";
 import styles from "./index.module.less";
 import { getCurrentTitle } from "./utils";
 var Sider = Layout.Sider,
@@ -48,14 +52,11 @@ var Example = function Example() {
     _useState2 = _slicedToArray(_useState, 2),
     currentDemo = _useState2[0],
     setCurrentDemo = _useState2[1];
-  var _useState3 = useState(false),
+  var state = useSnapshot(store);
+  var _useState3 = useState({}),
     _useState4 = _slicedToArray(_useState3, 2),
-    isCollapsed = _useState4[0],
-    setIsCollapsed = _useState4[1];
-  var _useState5 = useState({}),
-    _useState6 = _slicedToArray(_useState5, 2),
-    title = _useState6[0],
-    setTitle = _useState6[1];
+    title = _useState4[0],
+    setTitle = _useState4[1];
   useEffect(function () {
     if (topic && example && demo) {
       var targetDemoInfo = getDemoInfo(exampleTopics, topic, example, demo);
@@ -63,6 +64,7 @@ var Example = function Example() {
       setTitle(getCurrentTitle(exampleTopics, topic, example));
     }
   }, [topic, example, hash]);
+  var showAPI = every([get(themeConfig, 'showAPIDoc'), topic, example], Boolean);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.example
   }, /*#__PURE__*/React.createElement(SEO, {
@@ -77,7 +79,7 @@ var Example = function Example() {
     width: 250,
     trigger: null,
     collapsible: true,
-    collapsed: isCollapsed,
+    collapsed: state.hideMenu,
     className: styles.menuSider,
     theme: "light"
   }, currentDemo && /*#__PURE__*/React.createElement(ExampleSider, {
@@ -92,6 +94,15 @@ var Example = function Example() {
       nav(newURL);
     },
     exampleTopics: exampleTopics
+  }), /*#__PURE__*/React.createElement(CollapsedIcon, {
+    isCollapsed: state.hideMenu,
+    onClick: function onClick(show) {
+      store.hideMenu = show;
+    },
+    style: {
+      bottom: 0,
+      right: state.hideMenu ? -24 : 0
+    }
   })), /*#__PURE__*/React.createElement(Content, {
     className: styles.content
   }, topic && example && /*#__PURE__*/React.createElement(CodeRunner, {
@@ -100,6 +111,12 @@ var Example = function Example() {
     example: example,
     demo: demo,
     size: get(themeConfig, 'editor.size', 0.38)
-  }))));
+  })), showAPI && /*#__PURE__*/React.createElement(API, {
+    exampleTopics: exampleTopics,
+    topic: topic,
+    example: example,
+    demo: demo,
+    language: locale.id
+  })));
 };
 export default Example;

package/dist/pages/Examples/components/Accouncement/index.js

@@ -2,8 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 var _excluded = ["message", "bannerId", "localStorageId"];
 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 _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 _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, { useEffect } from 'react';

package/dist/pages/Examples/components/GalleryPageContent/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); }
 import React from 'react';
 import { useLocale } from 'dumi';
 import { DemoCard } from "./DemoCard";

package/dist/plugin/api.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 获取API
+ *
+ * @param {string} apiPath API路径
+ * @returns {string} 文件内容
+ */
+export declare const getExampleAPI: (apiPath: string) => string;

package/dist/plugin/api.js

@@ -0,0 +1,82 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugin/api.ts
+var api_exports = {};
+__export(api_exports, {
+  getExampleAPI: () => getExampleAPI
+});
+module.exports = __toCommonJS(api_exports);
+var fs = __toESM(require("fs-extra"));
+var MARKDOWN_REG_SIGN = /`markdown:([^`]*)`/;
+var EMBED_REG_SIGN = /<embed[^>]*src=["']([^"']*)["'][^>]*[>/>]/;
+var getContent = (filePath) => {
+  let content = "";
+  try {
+    const currentContent = fs.readFileSync(filePath).toString();
+    const lines = currentContent.split("\n");
+    let isTitle = false;
+    lines.forEach((line) => {
+      if (line.startsWith("---")) {
+        isTitle = !isTitle;
+      } else {
+        if (!isTitle) {
+          let nestedPath = "";
+          const markdownMatch = MARKDOWN_REG_SIGN.exec(line);
+          const embedMatch = EMBED_REG_SIGN.exec(line);
+          if (markdownMatch) {
+            nestedPath = markdownMatch[1];
+          }
+          if (embedMatch) {
+            nestedPath = embedMatch[1].replace(/@\//g, "");
+          }
+          if (nestedPath) {
+            content += getContent(nestedPath);
+          } else {
+            content += `${line} 
+`;
+          }
+        }
+      }
+    });
+  } catch (e) {
+    console.error(e);
+  }
+  return content;
+};
+var getExampleAPI = (apiPath) => {
+  if (!fs.existsSync(apiPath)) {
+    console.error(`File does not exist: ${apiPath}`);
+    return "";
+  }
+  return getContent(apiPath);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getExampleAPI
+});

package/dist/plugin/examples.d.ts

@@ -5,7 +5,7 @@ import { Example, ExampleTopic } from '../types';
  * @returns {ExampleTopic[]} 案例主题列表
  * @author YuZhanglong <loveyzl1123@gmail.com>
  */
-export declare const getExamplesPageTopics: (exampleTopics: ExampleTopic[]) => {
+export declare const getExamplesPageTopics: (exampleTopics: ExampleTopic[], showAPIDoc: boolean) => {
     id: string;
     title: {
         zh: string;

package/dist/plugin/examples.js

@@ -33,10 +33,11 @@ __export(examples_exports, {
   getExamplesPageTopics: () => getExamplesPageTopics
 });
 module.exports = __toCommonJS(examples_exports);
+var import_front_matter = __toESM(require("front-matter"));
+var fs = __toESM(require("fs-extra"));
 var glob = __toESM(require("glob"));
 var path = __toESM(require("path"));
-var fs = __toESM(require("fs-extra"));
-var import_front_matter = __toESM(require("front-matter"));
+var import_api = require("./api");
 var examplesBaseDir = path.resolve(process.cwd(), "examples");
 var getExampleDemos = (exampleDir) => {
   const demoMetaJSON = fs.readFileSync(path.resolve(exampleDir, "demo", "meta.json")).toString();
@@ -55,13 +56,20 @@ var getExampleDemos = (exampleDir) => {
   });
   return demos;
 };
-var getTopicExamples = (topicPath) => {
+var getTopicExamples = (topicPath, showAPIDoc) => {
   const examplePaths = glob.sync(`${topicPath}/*`).filter((item) => {
     return !item.endsWith(".js");
   });
   return examplePaths.map((item) => {
     const exampleMetaZh = fs.readFileSync(path.resolve(item, "index.zh.md")).toString();
     const exampleMetaEn = fs.readFileSync(path.resolve(item, "index.en.md")).toString();
+    let api = null;
+    if (showAPIDoc) {
+      api = {
+        zh: (0, import_api.getExampleAPI)(path.resolve(item, "API.zh.md")),
+        en: (0, import_api.getExampleAPI)(path.resolve(item, "API.en.md"))
+      };
+    }
     const exampleMetaZhContent = (0, import_front_matter.default)(exampleMetaZh);
     const exampleMetaEnContent = (0, import_front_matter.default)(exampleMetaEn);
     const example = {
@@ -73,31 +81,30 @@ var getTopicExamples = (topicPath) => {
         en: exampleMetaEnContent.attributes.title,
         zh: exampleMetaZhContent.attributes.title
       },
+      api,
       childrenKey: "demos",
       order: exampleMetaZhContent.attributes.order || 0
     };
     return example;
   }).sort((a, b) => a.order - b.order);
 };
-var getExamplesPageTopics = (exampleTopics) => {
-  return exampleTopics.map(
-    ({ id, slug, title, icon }) => {
-      const nid = id || slug;
-      let examples = [];
-      try {
-        examples = getTopicExamples(path.join(examplesBaseDir, nid));
-      } catch (e) {
-        console.warn(e);
-      }
-      return {
-        id: nid,
-        title,
-        icon,
-        examples,
-        childrenKey: "examples"
-      };
+var getExamplesPageTopics = (exampleTopics, showAPIDoc) => {
+  return exampleTopics.map(({ id, slug, title, icon }) => {
+    const nid = id || slug;
+    let examples = [];
+    try {
+      examples = getTopicExamples(path.join(examplesBaseDir, nid), showAPIDoc);
+    } catch (e) {
+      console.warn(e);
     }
-  );
+    return {
+      id: nid,
+      title,
+      icon,
+      examples,
+      childrenKey: "examples"
+    };
+  });
 };
 function getExamplePaths() {
   const exampleTopicPaths = glob.sync(`${examplesBaseDir}/*/*`);

package/dist/plugin/index.js

@@ -106,7 +106,8 @@ export default function ThemeAntVContextWrapper() {
       value={{
         meta: ${JSON.stringify({
         exampleTopics: (0, import_examples.getExamplesPageTopics)(
-          api.config.themeConfig.examples || []
+          api.config.themeConfig.examples || [],
+          api.userConfig.themeConfig.showAPIDoc
         )
       })}
       }}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ExampleTopic } from '../../types';
+type APIProps = {
+    isPlayground?: boolean;
+    topic: string;
+    example: string;
+    demo: string;
+    exampleTopics: ExampleTopic[];
+    language?: string;
+};
+/**
+ * API 预览
+ */
+export declare const API: ({ exampleTopics, topic, example, demo, language, }: APIProps) => React.JSX.Element;
+export {};

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/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); }

package/dist/slots/ExampleSider/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 _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); }
@@ -23,7 +23,6 @@ import styles from "./index.module.less";
 var MenuIcon = createFromIconfontCN({
   scriptUrl: '//at.alicdn.com/t/font_470089_1lnym745udm.js' // generated by iconfont.cn
 });
-
 /**
  * DEMO 预览页面的菜单
  */

package/dist/slots/Footer/index.js

@@ -2,8 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 var _excluded = ["columns", "bottom", "language", "isDynamicFooter", "rootDomain", "className"];
 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 _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 _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 from 'react';
@@ -20,7 +20,6 @@ import styles from "./index.module.less";
  * @returns
  */
 export var Footer = function Footer(props) {
-  var _classnames;
   var columns = props.columns,
     bottom = props.bottom,
     language = props.language,
@@ -190,7 +189,7 @@ export var Footer = function Footer(props) {
     maxColumnsPerRow: 5,
     theme: theme,
     columns: columns || getColumns(),
-    className: classnames(styles.footer, className, (_classnames = {}, _defineProperty(_classnames, styles.light, theme === 'light'), _defineProperty(_classnames, styles.withMenu, isDynamicFooter), _classnames)),
+    className: classnames(styles.footer, className, _defineProperty(_defineProperty({}, styles.light, theme === 'light'), styles.withMenu, isDynamicFooter)),
     bottom: bottom || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: cx(styles.bottom, _defineProperty({}, styles.light, theme === 'light'))
     }, theme === 'light' ? "\xA9 Copyright ".concat(new Date().getFullYear(), " Ant Group Co., Ltd..\u5907\u6848\u53F7\uFF1A\u4EACICP\u590715032932\u53F7-38") : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {

package/dist/slots/Header/Navs.js

@@ -1,7 +1,7 @@
 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 _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 React from 'react';
 import cx from 'classnames';
 import { size } from 'lodash-es';

package/dist/slots/Header/Products/getProducts.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 { each } from 'lodash-es';
 var tuple = function tuple() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {

package/dist/slots/Header/Products/index.js

@@ -1,7 +1,7 @@
 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 _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); }

package/dist/slots/Header/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 _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); }
@@ -34,7 +34,6 @@ var ANNOUNCEMENT_LOCALSTORAGE_ID = 'ANNOUNCEMENT_LOCALSTORAGE_ID';
  * 头部菜单
  */
 var HeaderComponent = function HeaderComponent(_ref) {
-  var _cx, _cx4;
   var _ref$subTitle = _ref.subTitle,
     subTitle = _ref$subTitle === void 0 ? '' : _ref$subTitle,
     _ref$navs = _ref.navs,
@@ -174,7 +173,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     onClick: onToggleProductMenuVisible
   };
   var menu = /*#__PURE__*/React.createElement("ul", {
-    className: cx(styles.menu, (_cx = {}, _defineProperty(_cx, styles.popup, !isWide), _defineProperty(_cx, styles.popupHidden, !popupMenuVisible), _cx))
+    className: cx(styles.menu, _defineProperty(_defineProperty({}, styles.popup, !isWide), styles.popupHidden, !popupMenuVisible))
   }, /** 最左侧的菜单，一般是 教程、API、示例，或者其他自定义，有配置文件中的 `navs` 决定 */
   size(navs) ? /*#__PURE__*/React.createElement(Navs, {
     navs: navs,
@@ -402,7 +401,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     return get(announcement, ['link', 'text', lang]);
   }, [announcement, lang]);
   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))
+    className: cx(styles.header, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.transparent, !!transparent && !productMenuVisible), styles.isHomePage, !!isHomePage && !isAntVHome), styles.lightTheme, !!isAntVHome && !productMenuVisible && isWide), styles.isAntVHome, !!isAntVHome), styles.fixed, popupMenuVisible))
   }, bannerVisible && announcementTitle && /*#__PURE__*/React.createElement(Alert, {
     className: styles.banner,
     message: /*#__PURE__*/React.createElement("div", {

package/dist/slots/ManualContent/index.js

@@ -3,8 +3,8 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 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); }

package/package.json

@@ -1,31 +1,35 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.4.6",
+  "version": "0.5.0",
   "description": "AntV website theme based on dumi2.",
-  "types": "dist/types.d.ts",
-  "scripts": {
-    "start": "cd example && npm run start",
-    "dev": "father dev",
-    "build": "npm run prepare && father build",
-    "prepare": "father link-dev-theme",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "prepublishOnly": "npm run build"
-  },
   "keywords": [
     "dumi",
     "dumi-theme",
     "dumi-theme-antv"
   ],
-  "authors": [
-    "dumi",
-    "antv"
-  ],
+  "homepage": "https://github.com/antvis/dumi-theme-antv#readme",
+  "bugs": {
+    "url": "https://github.com/antvis/dumi-theme-antv/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antvis/dumi-theme-antv"
+  },
   "license": "MIT",
+  "types": "dist/types.d.ts",
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "npm run prepare && father build",
+    "dev": "father dev",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "prepare": "father link-dev-theme",
+    "prepublishOnly": "npm run build",
+    "start": "cd example && npm run start"
+  },
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
@@ -48,9 +52,6 @@
       "prettier --parser=typescript --write"
     ]
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
     "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
@@ -73,6 +74,7 @@
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.25.0",
     "parse-github-url": "^1.0.2",
+    "prettier": "^2.7.1",
     "rc-drawer": "^4.0.0",
     "rc-footer": "^0.6.6",
     "react": "^18.2.0",
@@ -80,24 +82,22 @@
     "react-error-boundary": "^3.1.4",
     "react-github-button": "^0.1.11",
     "react-helmet": "^6.1.0",
+    "react-markdown": "^9.0.1",
     "react-router-dom": "^6.4.2",
     "react-slick": "^0.29.0",
     "react-split-pane": "^0.1.92",
     "react-use": "^17.4.0",
     "reading-time": "^1.5.0",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.0",
     "semver": "^7.3.8",
     "size-sensor": "^1.0.1",
     "slick-carousel": "^1.8.1",
     "unified": "^10.1.2",
     "unist-util-visit": "^4.1.2",
     "uri-parse": "^1.0.0",
-    "video-react": "^0.16.0",
-    "prettier": "^2.7.1"
-  },
-  "peerDependencies": {
-    "dumi": "^2.0.0",
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "valtio": "^1.12.1",
+    "video-react": "^0.16.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.1.2",
@@ -123,12 +123,16 @@
     "react-dom": "^18.0.0",
     "stylelint": "^14.9.1"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/antvis/dumi-theme-antv"
+  "peerDependencies": {
+    "dumi": "^2.0.0",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
   },
-  "bugs": {
-    "url": "https://github.com/antvis/dumi-theme-antv/issues"
+  "publishConfig": {
+    "access": "public"
   },
-  "homepage": "https://github.com/antvis/dumi-theme-antv#readme"
+  "authors": [
+    "dumi",
+    "antv"
+  ]
 }