@dckj-npm/lowcode-plugin-code-generator 1.3.2 → 1.3.4

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2021 Alibaba
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2021 Alibaba
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,52 +1,53 @@
-# 集团低代码引擎 - 出码插件（浏览器里进行出码）
-
-## 简介
-
-本项目是出码模块的对应的浏览器里进行出码的插件
-
-## 使用方法
-
-1. 安装依赖 `npm install --save @alilc/lowcode-plugin-code-generator`
-2. 注册插件:
-
-```ts
-import { plugins } from '@alilc/lowcode-engine';
-import CodeGenPlugin from '@alilc/lowcode-plugin-code-generator';
-
-// 在你的初始化函数中：
-await plugins.register(CodeGenPlugin);
-
-// 如果您不希望自动加上出码按钮，则可以这样注册
-await plugins.register(CodeGenPlugin, { disableCodeGenActionBtn: true });
-
-```
-
-然后运行你的低代码编辑器项目即可。
-
-参考：低代码编辑器的 Demo: <https://github.com/alibaba/lowcode-demo>
-
-## 插件 API
-
-本插件提供了出码的 API，注册了插件后, 可以这么样来用:
-
-```js
-import { plugins } from '@alilc/lowcode-engine';
-
-const codeGenResult = plugins.codeGenerator.generateCode({
-  solution: 'icejs',
-  schema: await ctx.project.exportSchema(),
-});
-
-console.log('出码结果:', codeGenResult); // 这里就是出码结果
-
-```
-
-## 本地开发
-
-常规两步即可开发调试：`npm i && npm start`
-
-## 共建
-
-欢迎参与共建，欢迎直接 fork 一份改改，补充您所需要的特性或修复 bug，然后提 PR 过来:
-
--- 代码仓库：<https://github.com/alibaba/lowcode-code-generator-demo>
+# 集团低代码引擎 - 出码插件（浏览器里进行出码）
+
+## 简介
+
+本项目是出码模块的对应的浏览器里进行出码的插件
+
+## 使用方法
+
+1. 安装依赖 `npm install --save @alilc/lowcode-plugin-code-generator`
+2. 注册插件:
+
+```ts
+import { plugins } from '@alilc/lowcode-engine';
+import CodeGenPlugin from '@alilc/lowcode-plugin-code-generator';
+
+// 在你的初始化函数中：
+await plugins.register(CodeGenPlugin);
+
+// 如果您不希望自动加上出码按钮，则可以这样注册
+await plugins.register(CodeGenPlugin, { disableCodeGenActionBtn: true });
+
+```
+
+然后运行你的低代码编辑器项目即可。
+
+参考：低代码编辑器的 Demo: <https://github.com/alibaba/lowcode-demo>
+
+## 插件 API
+
+本插件提供了出码的 API，注册了插件后, 可以这么样来用:
+
+```js
+import { plugins } from '@alilc/lowcode-engine';
+
+const codeGenResult = plugins.codeGenerator.generateCode({
+  solution: 'icejs',
+  schema: await ctx.project.exportSchema(),
+});
+
+console.log('出码结果:', codeGenResult); // 这里就是出码结果
+
+```
+
+## 本地开发
+
+常规两步即可开发调试：`npm i && npm start`
+
+## 共建
+
+欢迎参与共建，欢迎直接 fork 一份改改，补充您所需要的特性或修复 bug，然后提 PR 过来:
+
+-- 代码仓库：<https://github.com/alibaba/lowcode-code-generator-demo>
+

package/es/components/CodeGenActionBtn/CodeGenActionBtn.js

@@ -23,8 +23,8 @@ export function CodeGenActionBtn(_ref) {
     setState = _useState[1];
   var handleClick = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var name, resourceList, allSchema, resultSchema, result;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var name, resourceList, allSchema, resultSchema, result, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
@@ -40,23 +40,20 @@ export function CodeGenActionBtn(_ref) {
             // 获取 schema，并修正
             // const originalSchema = await project.exportSchema();
             name = getProjectId();
-            _context.next = 5;
+            _context.next = 1;
             return getResourceListFromLocalStorage(name);
-          case 5:
+          case 1:
             resourceList = _context.sent;
-            console.log('resourceList', resourceList);
-            _context.next = 9;
+            _context.next = 2;
             return getAllSchemaByResourceList(name, resourceList);
-          case 9:
+          case 2:
             allSchema = _context.sent;
-            _context.next = 12;
+            _context.next = 3;
             return Promise.all(allSchema.map(function (item) {
               return fixSchema(item);
             }));
-          case 12:
+          case 3:
             resultSchema = _context.sent;
-            console.log('allSchema', allSchema);
-            console.log('resultSchema', resultSchema);
             // console.log('ctx ', ctx)
             // console.log('isActive ', ctx.workspace.isActive)
             // console.log('window.exportSchema ', ctx.workspace.window.exportSchema())
@@ -72,14 +69,14 @@ export function CodeGenActionBtn(_ref) {
             });
 
             // 出码...
-            _context.next = 18;
+            _context.next = 4;
             return CodeGenerator.generateCode({
               solution: 'vuejs3',
               schema: resultSchema,
               flattenResult: true,
               resourceList: resourceList
             });
-          case 18:
+          case 4:
             result = _context.sent;
             console.log('generated: ', result);
             setState(function (prev) {
@@ -88,23 +85,23 @@ export function CodeGenActionBtn(_ref) {
                 result: result
               });
             });
-            _context.next = 27;
+            _context.next = 6;
             break;
-          case 23:
-            _context.prev = 23;
-            _context.t0 = _context["catch"](0);
-            console.error('failed to run code generator: ', _context.t0);
+          case 5:
+            _context.prev = 5;
+            _t = _context["catch"](0);
+            console.error('failed to run code generator: ', _t);
             setState(function (prev) {
               return _extends({}, prev, {
                 hasError: true,
-                error: _context.t0 instanceof Error ? _context.t0 : new Error("" + ((_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) || _context.t0))
+                error: _t instanceof Error ? _t : new Error("" + ((_t === null || _t === void 0 ? void 0 : _t.message) || _t))
               });
             });
-          case 27:
+          case 6:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 23]]);
+      }, _callee, null, [[0, 5]]);
     }));
     return function handleClick() {
       return _ref2.apply(this, arguments);
@@ -152,7 +149,7 @@ export function fixSchema(_x) {
 }
 function _fixSchema() {
   _fixSchema = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(schema) {
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           return _context2.abrupt("return", deepClone(_extends({}, schema, {

package/es/components/CodeGenActionBtn/CodeGenActionBtn.scss

@@ -1,13 +1,13 @@
-.code-gen-plugin-loading {
-  width: 100%;
-  margin: 2em auto;
-}
-
-.code-gen-plugin-result {
-  width: 100%;
-  .next-message-error {
-    .next-message-content {
-      white-space: pre-wrap;
-    }
-  }
-}
+.code-gen-plugin-loading {
+  width: 100%;
+  margin: 2em auto;
+}
+
+.code-gen-plugin-result {
+  width: 100%;
+  .next-message-error {
+    .next-message-content {
+      white-space: pre-wrap;
+    }
+  }
+}

package/es/components/CodeGenPreview/CodeGenPreview.scss

@@ -1,16 +1,16 @@
-.code-gen-preview-tabs {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-
-  .next-tabs-bar {
-    flex-shrink: 0;
-  }
-
-  .next-tabs-content {
-    flex: 1;
-    .next-tabs-tabpane {
-      height: 100%;
-    }
-  }
-}
+.code-gen-preview-tabs {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  .next-tabs-bar {
+    flex-shrink: 0;
+  }
+
+  .next-tabs-content {
+    flex: 1;
+    .next-tabs-tabpane {
+      height: 100%;
+    }
+  }
+}

package/es/components/CodeGenPreview/useIsInIntranet.js

@@ -5,8 +5,8 @@ import React, { useEffect } from 'react';
 // 预先检测下是否在内网环境中
 var isInIntranetPromise = detectIsInIntranet();
 
-/**
- * 判断是否在内网环境中中
+/**
+ * 判断是否在内网环境中中
  */
 export function useIsInIntranet() {
   var _React$useState = React.useState({
@@ -28,39 +28,39 @@ export function useIsInIntranet() {
   return state.isInIntranet;
 }
 
-/**
- * 判断是否在内网环境中中
+/**
+ * 判断是否在内网环境中中
  */
 function detectIsInIntranet() {
   return _detectIsInIntranet.apply(this, arguments);
 }
 function _detectIsInIntranet() {
   _detectIsInIntranet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var res;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var res, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
-          _context.next = 3;
+          _context.next = 1;
           return fetch('https://dev.g.alicdn.com/ali-lowcode/ali-lowcode-materials/1.1.0/schema.json');
-        case 3:
+        case 1:
           res = _context.sent;
           if (!res.ok) {
-            _context.next = 6;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return", true);
-        case 6:
+        case 2:
           return _context.abrupt("return", false);
-        case 9:
-          _context.prev = 9;
-          _context.t0 = _context["catch"](0);
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](0);
           return _context.abrupt("return", false);
-        case 12:
+        case 4:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 9]]);
+    }, _callee, null, [[0, 3]]);
   }));
   return _detectIsInIntranet.apply(this, arguments);
 }

package/es/components/CodeGenResult/CodeGenResult.js

@@ -31,8 +31,8 @@ export function CodeGenResult(_ref) {
   var gravityDemoHeight = paneState.expandedKeys.includes('sources') ? '40vh' : '80vh';
   var handleDownloadSources = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
-      var zip;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var zip, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
@@ -42,25 +42,25 @@ export function CodeGenResult(_ref) {
             Object.values((gravityCode === null || gravityCode === void 0 ? void 0 : gravityCode.modules) || {}).forEach(function (file) {
               zip.file(file.fpath.replace(/^\/+/, ''), file.code);
             });
-            _context.next = 7;
+            _context.next = 1;
             return zip.generateAsync({
               type: 'blob'
             }).then(function (content) {
               FileSaver.saveAs(content, 'ali-lowcode-generated-sources.zip');
             });
-          case 7:
-            _context.next = 13;
+          case 1:
+            _context.next = 3;
             break;
-          case 9:
-            _context.prev = 9;
-            _context.t0 = _context["catch"](0);
-            console.log('failed to download sources: ', _context.t0);
+          case 2:
+            _context.prev = 2;
+            _t = _context["catch"](0);
+            console.log('failed to download sources: ', _t);
             Message.error('下载失败！');
-          case 13:
+          case 3:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 9]]);
+      }, _callee, null, [[0, 2]]);
     }));
     return function handleDownloadSources(_x) {
       return _ref2.apply(this, arguments);

package/es/components/CodeGenResult/CodeGenResult.scss

@@ -1,7 +1,7 @@
-.code-gen-result {
-  .code-gen-result-gravity-demo {
-    iframe {
-      height: 100%;
-    }
-  }
-}
+.code-gen-result {
+  .code-gen-result-gravity-demo {
+    iframe {
+      height: 100%;
+    }
+  }
+}

package/es/components/CodeSandboxPreview/CodeSandboxPreview.js

@@ -54,14 +54,14 @@ export function CodeSandboxPreview(_ref) {
         });
       });
       _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var sandboxId;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var sandboxId, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              _context.next = 3;
+              _context.next = 1;
               return createCodeSandbox(parameters);
-            case 3:
+            case 1:
               sandboxId = _context.sent;
               if (!hasCanceled) {
                 setState(function (prev) {
@@ -72,25 +72,25 @@ export function CodeSandboxPreview(_ref) {
                   });
                 });
               }
-              _context.next = 10;
+              _context.next = 3;
               break;
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
+            case 2:
+              _context.prev = 2;
+              _t = _context["catch"](0);
               if (!hasCanceled) {
                 setState(function (prev) {
                   return _extends({}, prev, {
                     hasError: true,
-                    error: _context.t0,
+                    error: _t,
                     isCreating: false
                   });
                 });
               }
-            case 10:
+            case 3:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 7]]);
+        }, _callee, null, [[0, 2]]);
       }))();
       return function () {
         hasCanceled = true;
@@ -136,16 +136,16 @@ function createCodeSandbox(_x) {
 function _createCodeSandbox() {
   _createCodeSandbox = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(parameters) {
     var res, json, _ref3, sandbox_id;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           if (Object.entries((parameters === null || parameters === void 0 ? void 0 : parameters.files) || {}).length) {
-            _context2.next = 2;
+            _context2.next = 1;
             break;
           }
           return _context2.abrupt("return", '');
-        case 2:
-          _context2.next = 4;
+        case 1:
+          _context2.next = 2;
           return fetch('https://codesandbox.io/api/v1/sandboxes/define?json=1', {
             method: 'POST',
             headers: {
@@ -154,29 +154,29 @@ function _createCodeSandbox() {
             },
             body: JSON.stringify(parameters)
           });
-        case 4:
+        case 2:
           res = _context2.sent;
           if (res.ok) {
-            _context2.next = 7;
+            _context2.next = 3;
             break;
           }
           throw new Error("\u521B\u5EFA CodeSandbox \u5931\u8D25\uFF0C\u9519\u8BEF\u7801\uFF1A" + res.status + " " + res.statusText);
-        case 7:
-          _context2.next = 9;
+        case 3:
+          _context2.next = 4;
           return res.json()["catch"](function (err) {
             throw new Error("\u521B\u5EFA CodeSandbox \u5931\u8D25\uFF0C\u670D\u52A1\u5F02\u5E38(" + ((err === null || err === void 0 ? void 0 : err.message) || err || '未知异常') + ")");
           });
-        case 9:
+        case 4:
           json = _context2.sent;
           _ref3 = json || {}, sandbox_id = _ref3.sandbox_id;
           if (!(!sandbox_id || typeof sandbox_id !== 'string')) {
-            _context2.next = 13;
+            _context2.next = 5;
             break;
           }
           throw new Error("\u521B\u5EFA CodeSandbox \u5931\u8D25\uFF0C\u670D\u52A1\u54CD\u5E94\u5F02\u5E38");
-        case 13:
+        case 5:
           return _context2.abrupt("return", sandbox_id);
-        case 14:
+        case 6:
         case "end":
           return _context2.stop();
       }

package/es/components/CodeSandboxPreview/CodeSandboxPreview.scss

@@ -1,18 +1,18 @@
-.code-gen-plugin-code-sandbox-preview {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  align-content: center;
-  justify-content: center;
-  justify-items: center;
-  height: 100%;
-
-  iframe {
-    width: 100%;
-    height: 100%;
-    min-height: 300px;
-    border: 0;
-    border-radius: 0;
-    overflow: hidden;
-  }
-}
+.code-gen-plugin-code-sandbox-preview {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  align-content: center;
+  justify-content: center;
+  justify-items: center;
+  height: 100%;
+
+  iframe {
+    width: 100%;
+    height: 100%;
+    min-height: 300px;
+    border: 0;
+    border-radius: 0;
+    overflow: hidden;
+  }
+}

package/es/components/FileTypeIcon/FileTypeIcon.scss

@@ -1,36 +1,36 @@
-// source: https://at.alicdn.com/t/font_2997782_rtal7ux80t.css
-
-@font-face {
-  font-family: "file-types-iconfont"; /* Project id 2997782 */
-  src: url('//at.alicdn.com/t/font_2997782_rtal7ux80t.woff2?t=1638951976966') format('woff2'),
-       url('//at.alicdn.com/t/font_2997782_rtal7ux80t.woff?t=1638951976966') format('woff'),
-       url('//at.alicdn.com/t/font_2997782_rtal7ux80t.ttf?t=1638951976966') format('truetype');
-}
-
-.file-types-iconfont {
-  font-family: "file-types-iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.file-types-icon-folder:before {
-  content: "\e6e9";
-}
-
-.file-types-icon-text:before {
-  content: "\e6a7";
-}
-
-.file-types-icon-jsx:before {
-  content: "\e63b";
-}
-
-.file-types-icon-js:before {
-  content: "\e618";
-}
-
-.file-types-icon-json:before {
-  content: "\e642";
-}
+// source: https://at.alicdn.com/t/font_2997782_rtal7ux80t.css
+
+@font-face {
+  font-family: "file-types-iconfont"; /* Project id 2997782 */
+  src: url('//at.alicdn.com/t/font_2997782_rtal7ux80t.woff2?t=1638951976966') format('woff2'),
+       url('//at.alicdn.com/t/font_2997782_rtal7ux80t.woff?t=1638951976966') format('woff'),
+       url('//at.alicdn.com/t/font_2997782_rtal7ux80t.ttf?t=1638951976966') format('truetype');
+}
+
+.file-types-iconfont {
+  font-family: "file-types-iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.file-types-icon-folder:before {
+  content: "\e6e9";
+}
+
+.file-types-icon-text:before {
+  content: "\e6a7";
+}
+
+.file-types-icon-jsx:before {
+  content: "\e63b";
+}
+
+.file-types-icon-js:before {
+  content: "\e618";
+}
+
+.file-types-icon-json:before {
+  content: "\e642";
+}