@ray-js/code-sandbox 0.0.7-beta-12 → 0.0.7-beta-14

package/lib/txp/codesandbox/code-editor/index.js

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+/* eslint-disable no-await-in-loop */
 import { Skeleton } from 'antd';
 import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { getComponentResource } from '../../services';
@@ -107,22 +108,16 @@ export const CodeEditor = /*#__PURE__*/React.forwardRef((_ref, parentRef) => {
     };
   }, [show, fileName]);
   useEffect(() => {
-    const destroyOnClose = () => {
+    return () => {
       const api = ref.current;
-      if (!show) {
-        if (api) {
-          const model = api.getModel();
-          if (model) {
-            model.dispose();
-          }
+      if (api) {
+        const model = api.getModel();
+        if (model) {
+          model.dispose();
         }
       }
     };
-    destroyOnClose();
-    return () => {
-      destroyOnClose();
-    };
-  }, [show]);
+  }, []);
   useImperativeHandle(parentRef, () => ref.current);
   const loaderConfig = {
     paths: {

package/lib/txp/codesandbox/index.d.ts

@@ -36,8 +36,9 @@ export interface UseCodeSandboxDrawerOps {
     styMap?: any;
     cssParse?: (css: string) => Promise<string>;
     noTypeInit?: boolean;
+    extra?: React.ReactNode;
 }
-export declare const useCodeSandboxDrawer: ({ getContainer, title, height, placement, isZhLanguage, pageName, txpCode, emptyText, langKey, baseUri, code, editorApi, cssCode, styMap, cssParse, noTypeInit, }: UseCodeSandboxDrawerOps) => {
+export declare const useCodeSandboxDrawer: ({ getContainer, title, height, placement, isZhLanguage, pageName, txpCode, emptyText, langKey, baseUri, code, editorApi, cssCode, styMap, cssParse, noTypeInit, extra, }: UseCodeSandboxDrawerOps) => {
     modal: React.JSX.Element;
     show: boolean;
     setShow: React.Dispatch<React.SetStateAction<boolean>>;
@@ -58,4 +59,5 @@ export declare const CodeSandboxButton: React.FC<{
     styMap?: any;
     noTypeInit?: boolean;
     cssParse?: (css: string) => Promise<string>;
+    extra?: React.ReactNode;
 }>;

package/lib/txp/codesandbox/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["tooltip", "buttonProps"];
+const _excluded = ["tooltip", "buttonProps", "extra"];
 /* eslint-disable react/self-closing-comp */
 import { Button, Drawer, Tooltip } from 'antd';
 import _ from 'lodash';
@@ -138,7 +138,8 @@ export const useCodeSandboxDrawer = _ref2 => {
     cssCode,
     styMap,
     cssParse,
-    noTypeInit
+    noTypeInit,
+    extra
   } = _ref2;
   const [show, setShow] = useState(false);
   return {
@@ -152,6 +153,7 @@ export const useCodeSandboxDrawer = _ref2 => {
       style: {
         padding: 0
       },
+      extra: extra,
       placement: placement,
       destroyOnClose: true,
       open: show,
@@ -181,12 +183,14 @@ export const useCodeSandboxDrawer = _ref2 => {
 export const CodeSandboxButton = _ref3 => {
   let {
       tooltip,
-      buttonProps
+      buttonProps,
+      extra
     } = _ref3,
     props = _objectWithoutProperties(_ref3, _excluded);
   const api = useCodeSandboxDrawer(_objectSpread(_objectSpread({}, props), {}, {
     height: '90vh',
-    getContainer: () => ref.current
+    getContainer: () => ref.current,
+    extra
   }));
   const ref = useRef();
   return /*#__PURE__*/React.createElement(DrawerContain, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/code-sandbox",
-  "version": "0.0.7-beta-12",
+  "version": "0.0.7-beta-14",
   "description": "小程序 CodeSandbox 容器",
   "main": "lib/index",
   "files": [