feat: add default loading skeleton

.dumi/theme/slots/HeaderExtra/index.tsx

@@ -12,6 +12,9 @@ const HeaderExtra: FC = () => {
             window.open('https://v1.d.umijs.org/', '_blank');
           }
         }}
+        onClick={(e) => {
+          e.stopPropagation();
+        }}
       >
         <option value={process.env.DUMI_VERSION}>
           {process.env.DUMI_VERSION}

docs/config/runtime.md

@@ -9,12 +9,12 @@ group: 框架配置
 
 ## 配置项
 
-### modifyCodeSandBoxData
+### modifyCodeSandboxData
 
 修改在 CodeSandbox 中打开 demo 的数据，比如修改依赖、增加文件等。
 
 ```js
-export function modifyCodeSandBoxData(memo, props) {
+export function modifyCodeSandboxData(memo, props) {
   // 根据需要修改 memo 并返回新值
   return memo;
 }

docs/guide/index.md

@@ -29,5 +29,5 @@ dumi，中文发音**嘟米**，是一款为组件开发场景而生的静态站
 或加入讨论群：
 
 <div>
-  <img data-type="dingtalk" src="https://gw.alipayobjects.com/zos/bmw-prod/7362dab4-374e-42c6-9d52-85fd4b5e357b/lbesxxl3_w1004_h1346.jpeg" width="300" />
+  <img data-type="dingtalk" src="https://mdn.alipayobjects.com/huamei_i7qs1c/afts/img/A*T94jRZmW1fgAAAAAAAAAAAAADs-oAQ" width="300" />
 </div>

docs/index.md

@@ -38,5 +38,5 @@ features:
 请访问 [GitHub](https://github.com/umijs/dumi) 或加入讨论群：
 
 <div>
-  <img data-type="dingtalk" src="https://gw.alipayobjects.com/zos/bmw-prod/7362dab4-374e-42c6-9d52-85fd4b5e357b/lbesxxl3_w1004_h1346.jpeg" width="300" />
+  <img data-type="dingtalk" src="https://mdn.alipayobjects.com/huamei_i7qs1c/afts/img/A*T94jRZmW1fgAAAAAAAAAAAAADs-oAQ" width="300" />
 </div>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.2.13",
+  "version": "2.2.16",
   "description": "📖 Documentation Generator of React Component",
   "keywords": [
     "generator",
@@ -119,6 +119,7 @@
     "rc-tabs": "^12.10.0",
     "rc-tree": "^5.7.9",
     "react-copy-to-clipboard": "^5.1.0",
+    "react-loading-skeleton": "^3.1.1",
     "react-error-boundary": "^4.0.10",
     "react-intl": "^6.4.4",
     "rehype-autolink-headings": "^6.1.1",