@antv/dumi-theme-antv 0.3.0-beta.12 → 0.3.0-beta.13

package/dist/slots/CodeEditor/index.js

@@ -133,10 +133,12 @@ export var CodeEditor = function CodeEditor(_ref) {
 
 
     execute(compiled, containerId, playground === null || playground === void 0 ? void 0 : playground.container, replaceId);
-  }, 300), [containerId, currentEditorTab]);
+  }, 300), [exampleId, currentEditorTab]); // 案例变化的时候，修改期待吗
+
   useEffect(function () {
     setCode(source);
-  }, [source]);
+  }, [exampleId]); // 代码变化的时候，运行代码
+
   useEffect(function () {
     executeCode(code);
   }, [code]);
@@ -149,6 +151,12 @@ export var CodeEditor = function CodeEditor(_ref) {
       }, 100));
     }
 
+    return function () {
+      dom && clear(dom);
+    };
+  }, []); // 生命周期
+
+  useEffect(function () {
     onReady();
 
     if (playground !== null && playground !== void 0 && playground.playgroundDidMount) {
@@ -156,7 +164,6 @@ export var CodeEditor = function CodeEditor(_ref) {
     }
 
     return function () {
-      dom && clear(dom);
       onDestroy();
 
       if (playground !== null && playground !== void 0 && playground.playgroundWillUnmount) {
@@ -175,16 +182,22 @@ export var CodeEditor = function CodeEditor(_ref) {
         setEditorTabs([EDITOR_TABS.JAVASCRIPT, EDITOR_TABS.DATA]);
         setData(data);
       });
+    } else {
+      setEditorTabs([EDITOR_TABS.JAVASCRIPT]);
     }
-  }, []);
-  useEffect(function () {
-    if (monacoRef.current) {
-      var v = currentEditorTab === EDITOR_TABS.JAVASCRIPT ? code : JSON.stringify(data, null, 2);
-      monacoRef.current.setValue(v);
-    }
-  }, [currentEditorTab]);
-  var onCodeChange = useCallback(function (value) {
-    if (currentEditorTab === EDITOR_TABS.JAVASCRIPT) {
+  }, [exampleId]); // 切换 tab
+
+  var onTabChange = useCallback(function (tab) {
+    setCurrentEditorTab(tab);
+  }, [exampleId]); // useEffect(() => {
+  //   if (monacoRef.current) {
+  //     const v = currentEditorTab === EDITOR_TABS.JAVASCRIPT ? code : JSON.stringify(data, null, 2);
+  //     monacoRef.current.setValue(v);
+  //   }
+  // }, [currentEditorTab]);
+
+  var onCodeChange = useCallback(function (value, event) {
+    if (!event.isFlush && currentEditorTab === EDITOR_TABS.JAVASCRIPT) {
       setCode(value);
     }
   }, [currentEditorTab]);
@@ -202,7 +215,7 @@ export var CodeEditor = function CodeEditor(_ref) {
     onExecuteCode: function onExecuteCode() {
       return executeCode(code);
     },
-    onEditorTabChange: setCurrentEditorTab,
+    onEditorTabChange: onTabChange,
     onToggleFullscreen: onFullscreen
   }), /*#__PURE__*/React.createElement("div", {
     className: styles.monaco,
@@ -210,9 +223,9 @@ export var CodeEditor = function CodeEditor(_ref) {
       height: 'calc(100% - 36px)'
     }
   }, /*#__PURE__*/React.createElement(MonacoEditor, {
-    language: currentEditorTab === EDITOR_TABS.JAVASCRIPT ? 'javascript' : 'json' // value={currentEditorTab === EDITOR_TABS.JAVASCRIPT ? code : JSON.stringify(data, null, 2)}
+    language: currentEditorTab === EDITOR_TABS.JAVASCRIPT ? 'javascript' : 'json',
+    value: currentEditorTab === EDITOR_TABS.JAVASCRIPT ? code : JSON.stringify(data, null, 2) // defaultValue={code}
     ,
-    defaultValue: code,
     path: relativePath,
     loading: /*#__PURE__*/React.createElement(Loading, null),
     options: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.0-beta.12",
+  "version": "0.3.0-beta.13",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {