@ray-js/code-sandbox 0.0.7-beta-3 → 0.0.7-beta-4

package/lib/txp/codesandbox/code-editor/index.d.ts

@@ -8,6 +8,7 @@ export interface CodeEditorProps {
     txpCode: string;
     baseUri: string;
     isZhLanguage: boolean;
+    style?: React.CSSProperties;
 }
 export declare const CodeEditor: React.ForwardRefExoticComponent<CodeEditorProps & React.RefAttributes<{
     monaco: typeof import("monaco-editor");

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

@@ -1,4 +1,5 @@
-import { Spin } from 'antd';
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Skeleton } from 'antd';
 import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { getComponentResource } from '../../services';
 import { Editor } from '@saber2pr/monaco';
@@ -15,7 +16,8 @@ export const CodeEditor = /*#__PURE__*/React.forwardRef((_ref, parentRef) => {
     height,
     txpCode,
     baseUri,
-    isZhLanguage = true
+    isZhLanguage = true,
+    style
   } = _ref;
   const [initloading, setInitLoading] = useState(true);
   const ref = useRef();
@@ -121,17 +123,19 @@ export const CodeEditor = /*#__PURE__*/React.forwardRef((_ref, parentRef) => {
       }
     };
   }
-  return /*#__PURE__*/React.createElement(Spin, {
-    spinning: initloading,
-    style: {
-      flexGrow: 1
-    }
-  }, code && /*#__PURE__*/React.createElement(Editor, {
+  if (initloading) {
+    return /*#__PURE__*/React.createElement(Skeleton, {
+      active: true,
+      title: true,
+      paragraph: true
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, code && /*#__PURE__*/React.createElement(Editor, {
     loaderConfig: loaderConfig,
     theme: "monokai-bright",
-    style: {
+    style: _objectSpread(_objectSpread({}, style || {}), {}, {
       height
-    },
+    }),
     options: {
       minimap: {
         enabled: false

package/lib/txp/codesandbox/index.js

@@ -57,6 +57,9 @@ export const CodeSandbox = _ref => {
     baseUri: baseUri,
     txpCode: cssCode,
     height: `calc(90vh - 103px + 48px)`,
+    style: {
+      flexGrow: 1
+    },
     show: show,
     title: title,
     code: code,
@@ -68,6 +71,9 @@ export const CodeSandbox = _ref => {
     baseUri: baseUri,
     txpCode: txpCode,
     height: `calc(90vh - 103px + 48px)`,
+    style: {
+      flexGrow: 1
+    },
     ref: apiRef,
     show: show,
     title: title,

package/package.json

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