fix: 修复 md playground 设置宽度不生效 & 版本锁定解决playground无法运作

修复 warning

@antv/gatsby-theme-antv/site/components/MdPlayground.tsx

@@ -67,7 +67,11 @@ const PlayGround: React.FC<PlayGroundProps> = ({
   );
 
   const { extraLib = '' } = site.siteMetadata.playground;
-  const splitPaneSize = get(site.siteMetadata, ['splitPaneMainSize'], '62%');
+  const splitPaneSize = get(
+    site.siteMetadata,
+    ['mdPlayground', 'splitPaneMainSize'],
+    '62%',
+  );
   const { t, i18n } = useTranslation();
   const playgroundNode = useRef<HTMLDivElement>(null);
   const [error, setError] = useState<Error | null>();

example/api-extractor.json

@@ -1,15 +1,27 @@
-{
-  "mainEntryPointFilePath": "<projectFolder>/example/src/index.d.ts",
-  "apiReport": {
-    "enabled": false
-  },
-  "docModel": {
-    "enabled": false
-  },
-  "dtsRollup": {
-    "enabled": true
-  },
-  "tsdocMetadata": {
-    "enabled": false
-  }
-}
+{
+  "mainEntryPointFilePath": "<projectFolder>/example/src/index.d.ts",
+  "apiReport": {
+    "enabled": false
+  },
+  "docModel": {
+    "enabled": false
+  },
+  "dtsRollup": {
+    "enabled": true
+  },
+  "tsdocMetadata": {
+    "enabled": false
+  },
+  "messages": {
+    "extractorMessageReporting": {
+      "ae-missing-release-tag": {
+        "logLevel": "none"
+      }
+    },
+    "tsdocMessageReporting": {
+      "tsdoc-param-tag-missing-hyphen": {
+        "logLevel": "none"
+      }
+    }
+  }
+}

example/docs/api/g2plot/scatter.en.md

@@ -0,0 +1,10 @@
+---
+title: Scatter
+order: 1
+---
+
+### 图表容器
+
+`markdown:docs/common/chart-options.en.md`
+
+<playground path='basic/demo/ts-demo.ts' rid='rect'></playground>

example/docs/api/g2plot/scatter.zh.md

@@ -0,0 +1,10 @@
+---
+title: 散点图
+order: 1
+---
+
+### 图表容器
+
+`markdown:docs/common/chart-options.zh.md`
+
+<playground path='basic/demo/ts-demo.ts' rid='rect'></playground>

example/gatsby-config.js

@@ -69,16 +69,16 @@ module.exports = {
       {
         slug: 'api/antv',
         title: {
-          zh: '测试 g2',
-          en: 'test g2',
+          zh: '测试 G2',
+          en: 'test G2',
         },
         order: 0,
       },
       {
         slug: 'api/g2plot',
         title: {
-          zh: 'g2plot',
-          en: 'g2plot',
+          zh: 'G2Plot',
+          en: 'G2Plot',
         },
         order: 1,
       },
@@ -121,6 +121,10 @@ module.exports = {
   </body>
 </html>`,
     },
+    mdPlayground: {
+      // markdown 文档中的 playground 若干设置
+      splitPaneMainSize: '50%',
+    },
     redirects: [],
   },
 };

package.json

@@ -44,5 +44,10 @@
     "hooks": {
       "pre-commit": "pretty-quick --staged"
     }
+  },
+  "resolutions": {
+    "monaco-editor": "0.21.3",
+    "@babel/plugin-transform-spread": "7.12.1",
+    "@babel/standalone": "7.12.6"
   }
 }