@ray-js/code-sandbox 0.0.3-beta-1 → 0.0.3-beta-3

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

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

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

@@ -14,7 +14,8 @@ export const CodeEditor = /*#__PURE__*/React.forwardRef((_ref, parentRef) => {
     show,
     height,
     txpCode,
-    baseUri
+    baseUri,
+    isZhLanguage = true
   } = _ref;
   const [initloading, setInitLoading] = useState(true);
   const ref = useRef();
@@ -107,20 +108,23 @@ export const CodeEditor = /*#__PURE__*/React.forwardRef((_ref, parentRef) => {
     };
   }, [show]);
   useImperativeHandle(parentRef, () => ref.current);
+  const loaderConfig = {
+    paths: {
+      vs: `${baseUri}/static/txp-static-txp-monaco-editor/min/vs`
+    },
+    themeUri: `${baseUri}/static/txp-static-txp-monaco-editor/themes/`
+  };
+  if (isZhLanguage) {
+    loaderConfig['vs/nls'] = {
+      availableLanguages: {
+        '*': 'zh-cn'
+      }
+    };
+  }
   return /*#__PURE__*/React.createElement(Spin, {
     spinning: initloading
   }, code && /*#__PURE__*/React.createElement(Editor, {
-    loaderConfig: {
-      paths: {
-        vs: `${baseUri}/static/txp-static-txp-monaco-editor/min/vs`
-      },
-      'vs/nls': {
-        availableLanguages: {
-          '*': 'zh-cn'
-        }
-      },
-      themeUri: `${baseUri}/static/txp-static-txp-monaco-editor/themes/`
-    },
+    loaderConfig: loaderConfig,
     theme: "monokai-bright",
     style: {
       height

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

@@ -6,6 +6,9 @@ export interface CodeSandboxProps {
     txpCode: string;
     pageName: string;
     baseUri: string;
+    langKey?: string;
+    emptyText?: string;
+    isZhLanguage?: boolean;
 }
 export declare const CodeSandbox: React.FC<CodeSandboxProps>;
 export declare const checkShowCodeSandbox: (code: string) => boolean;
@@ -16,4 +19,7 @@ export declare const CodeSandboxButton: React.FC<{
     tooltip?: string;
     pageName: string;
     baseUri: string;
+    langKey?: string;
+    emptyText?: string;
+    isZhLanguage?: boolean;
 }>;

package/lib/txp/codesandbox/index.js

@@ -13,7 +13,10 @@ export const CodeSandbox = _ref => {
     title,
     show,
     pageName = 'playground',
-    baseUri
+    baseUri,
+    langKey,
+    emptyText,
+    isZhLanguage
   } = _ref;
   const iframeRef = useRef();
   const [ts, setTs] = useState(Date.now());
@@ -37,6 +40,7 @@ export const CodeSandbox = _ref => {
     }
   }, 500), [show]);
   return /*#__PURE__*/React.createElement(Contain, null, /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Main, null, /*#__PURE__*/React.createElement(CodeEditor, {
+    isZhLanguage: isZhLanguage,
     baseUri: baseUri,
     txpCode: txpCode,
     height: `calc(90vh - 103px + 48px)`,
@@ -48,6 +52,8 @@ export const CodeSandbox = _ref => {
       postCode(newCode);
     }
   })), /*#__PURE__*/React.createElement(Right, null, /*#__PURE__*/React.createElement(Demo, {
+    emptyText: emptyText,
+    langKey: langKey,
     baseUri: baseUri,
     txpCode: txpCode,
     ts: ts,
@@ -72,7 +78,10 @@ export const CodeSandboxButton = _ref2 => {
     txpCode,
     tooltip = '在线编辑预览效果！',
     pageName,
-    baseUri
+    baseUri,
+    emptyText,
+    langKey,
+    isZhLanguage
   } = _ref2;
   const [show, setShow] = useState(false);
   const ref = useRef();
@@ -111,6 +120,9 @@ export const CodeSandboxButton = _ref2 => {
       setShow(false);
     }
   }, /*#__PURE__*/React.createElement(CodeSandbox, {
+    isZhLanguage: isZhLanguage,
+    emptyText: emptyText,
+    langKey: langKey,
     baseUri: baseUri,
     txpCode: txpCode,
     pageName: pageName,

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

@@ -6,6 +6,8 @@ export interface DemoProps {
     ts?: number;
     txpCode: string;
     baseUri: string;
+    langKey?: string;
+    emptyText: string;
 }
 export interface DemoRef {
     postMsg(data: any): void;

package/lib/txp/demo/index.js

@@ -11,10 +11,12 @@ export const Demo = /*#__PURE__*/React.forwardRef((_ref, parentRef) => {
     style,
     ts,
     txpCode,
-    baseUri
+    baseUri,
+    langKey = 'zh',
+    emptyText
   } = _ref;
   let path = `${createCompnentUri(baseUri, txpCode, `index.html`)}?t=${ts || Date.now()}`;
-  path += `#!/pages/${comId}/index`;
+  path += `#!/pages/${comId}/index&langKey=${langKey}`;
   const ref = useRef();
   useImperativeHandle(parentRef, () => ({
     postMsg: data => {
@@ -49,6 +51,7 @@ export const Demo = /*#__PURE__*/React.forwardRef((_ref, parentRef) => {
     src: path,
     style: {
       borderRadius: 0
-    }
+    },
+    emptyText: emptyText
   }));
 });

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

@@ -3,5 +3,6 @@ export interface SandboxProps {
     src: string;
     style?: React.CSSProperties;
     sandboxId?: string;
+    emptyText?: string;
 }
 export declare const Sandbox: React.ForwardRefExoticComponent<SandboxProps & React.RefAttributes<HTMLIFrameElement>>;

package/lib/txp/sandbox/index.js

@@ -5,14 +5,15 @@ export const Sandbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     src,
     style,
-    sandboxId
+    sandboxId,
+    emptyText = '暂无演示'
   } = _ref;
   const {
     data: hasUri,
     loading
   } = useTestUri(src);
   let content = /*#__PURE__*/React.createElement(SandboxEmpty, {
-    description: "\u6682\u65E0\u6F14\u793A"
+    description: emptyText
   });
   if (loading) {
     content = /*#__PURE__*/React.createElement(SandboxSkeleton, {

package/package.json

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