@antv/dumi-theme-antv 0.3.0-beta.7 → 0.3.0-beta.8

package/dist/pages/Example/index.js

@@ -97,7 +97,7 @@ var Example = function Example() {
     topic: topic,
     example: example,
     demo: demo,
-    size: get(themeConfig, 'editor.size', 0.4)
+    size: get(themeConfig, 'editor.size', 0.38)
   }))));
 };
 

package/dist/slots/CodeEditor/index.js

@@ -14,6 +14,7 @@ import React, { useRef, useState, useCallback, useEffect } from 'react';
 import MonacoEditor, { loader } from '@monaco-editor/react';
 import { useSiteData, useLocale } from 'dumi';
 import { debounce, noop } from 'lodash-es';
+import { bind, clear } from 'size-sensor';
 import { replaceInsertCss, execute, compile } from "./utils";
 import { Toolbar, EDITOR_TABS } from "./Toolbar";
 import { Loading } from "../Loading";
@@ -86,15 +87,15 @@ export var CodeEditor = function CodeEditor(_ref) {
     window.dispatchEvent(e);
   };
 
-  var reportError = useCallback(debounce(function (e) {
+  var reportError = useCallback(function (e) {
     if (e) {
-      console.error(e);
+      console.log(e);
       onError(e);
-      e && e.preventDefault && e.preventDefault();
+      e.preventDefault && e.preventDefault();
     } else {
       onError(null);
     }
-  }, 50), []);
+  }, []);
   useEffect(function () {
     // 用于上报错误信息，使用 script 执行代码
     if (typeof window !== 'undefined') {
@@ -113,16 +114,14 @@ export var CodeEditor = function CodeEditor(_ref) {
         window.removeEventListener('unhandledrejection', reportError);
       }
     };
-  });
+  }, []);
   var executeCode = useCallback(debounce(function (v) {
     if (!v) return; // 1. 先编译代码
 
     var compiled;
 
     try {
-      compiled = compile(replaceInsertCss(v, locale.id), relativePath); // 清除错误
-
-      reportError(null);
+      compiled = compile(replaceInsertCss(v, locale.id), relativePath);
     } catch (e) {
       reportError(e); // 执行出错，后面的步骤不用做了！
 
@@ -139,6 +138,10 @@ export var CodeEditor = function CodeEditor(_ref) {
     executeCode(code);
   }, [code]);
   useEffect(function () {
+    var dom = document.getElementById('playgroundScriptContainer');
+    bind(dom, debounce(function () {
+      dispatchResizeEvent();
+    }, 100));
     onReady();
 
     if (playground !== null && playground !== void 0 && playground.playgroundDidMount) {
@@ -146,6 +149,7 @@ export var CodeEditor = function CodeEditor(_ref) {
     }
 
     return function () {
+      clear(dom);
       onDestroy();
 
       if (playground !== null && playground !== void 0 && playground.playgroundWillUnmount) {

package/dist/slots/CodeEditor/utils.js

@@ -135,7 +135,7 @@ export function execute(code, playgroundScriptContainer, container) {
   var script = document.createElement('script'); // replace container id in case of multi demos in document
 
   var newCode = code.replace(/'container'|"container"/, "'".concat(replaceId, "'"));
-  script.innerHTML = "\n// Can only have one anonymous define call per script file\n// \u548C monaco loader \u52A0\u8F7D\u51B2\u7A81\nvar __runnerDefine = window['define'];\nwindow['define'] = null;\ntry {\n  ".concat(newCode, "\n\n  window.__reportErrorInPlayground && window.__reportErrorInPlayground(null);\n} catch(e) {\n  window.__reportErrorInPlayground && window.__reportErrorInPlayground(e);\n} finally {\n  window['define'] = __runnerDefine;\n}\n  "); // 追加图表容器
+  script.innerHTML = "\n// Can only have one anonymous define call per script file\n// \u548C monaco loader \u52A0\u8F7D\u51B2\u7A81\nvar __runnerDefine = window['define'];\nwindow['define'] = null;\ntry {\n  ".concat(newCode, "\n\n  // \u6E05\u9664\u663E\u793A\u7684\u9519\u8BEF\n  window.__reportErrorInPlayground && window.__reportErrorInPlayground(null);\n} catch(e) {\n  window.__reportErrorInPlayground && window.__reportErrorInPlayground(e);\n} finally {\n  window['define'] = __runnerDefine;\n}\n  "); // 追加图表容器
 
   node.innerHTML = container || "<div id=".concat(replaceId, " />"); // 运行 script
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.0-beta.7",
+  "version": "0.3.0-beta.8",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {
@@ -81,6 +81,7 @@
     "react-split-pane": "^0.1.92",
     "react-use": "^17.4.0",
     "reading-time": "^1.5.0",
+    "size-sensor": "^1.0.1",
     "slick-carousel": "^1.8.1",
     "uri-parse": "^1.0.0"
   },