@dckj-npm/lowcode-plugin-code-generator 1.3.1 → 1.3.3

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

@@ -44,19 +44,16 @@ export function CodeGenActionBtn(_ref) {
             return getResourceListFromLocalStorage(name);
           case 5:
             resourceList = _context.sent;
-            console.log('resourceList', resourceList);
-            _context.next = 9;
+            _context.next = 8;
             return getAllSchemaByResourceList(name, resourceList);
-          case 9:
+          case 8:
             allSchema = _context.sent;
-            _context.next = 12;
+            _context.next = 11;
             return Promise.all(allSchema.map(function (item) {
               return fixSchema(item);
             }));
-          case 12:
+          case 11:
             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 = 15;
             return CodeGenerator.generateCode({
               solution: 'vuejs3',
               schema: resultSchema,
               flattenResult: true,
               resourceList: resourceList
             });
-          case 18:
+          case 15:
             result = _context.sent;
             console.log('generated: ', result);
             setState(function (prev) {
@@ -88,10 +85,10 @@ export function CodeGenActionBtn(_ref) {
                 result: result
               });
             });
-            _context.next = 27;
+            _context.next = 24;
             break;
-          case 23:
-            _context.prev = 23;
+          case 20:
+            _context.prev = 20;
             _context.t0 = _context["catch"](0);
             console.error('failed to run code generator: ', _context.t0);
             setState(function (prev) {
@@ -100,11 +97,11 @@ export function CodeGenActionBtn(_ref) {
                 error: _context.t0 instanceof Error ? _context.t0 : new Error("" + ((_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) || _context.t0))
               });
             });
-          case 27:
+          case 24:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 23]]);
+      }, _callee, null, [[0, 20]]);
     }));
     return function handleClick() {
       return _ref2.apply(this, arguments);

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,8 +28,8 @@ export function useIsInIntranet() {
   return state.isInIntranet;
 }
 
-/**
- * 判断是否在内网环境中中
+/**
+ * 判断是否在内网环境中中
  */
 function detectIsInIntranet() {
   return _detectIsInIntranet.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.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";
+}

package/es/components/SourcesView/SourcesView.scss

@@ -1,24 +1,24 @@
-.code-gen-sources-view {
-  height: 100%;
-  .sources-panes {
-    display: flex;
-    flex-direction: row;
-    height: 100%;
-  }
-  .file-tree-pane {
-    width: 230px;
-    overflow-y: auto;
-    height: 100%;
-    border-right: 1px solid #e0e0e0;
-    .file-types-iconfont {
-      font-size: 12px;
-      margin-right: 4px;
-      margin-left: -10px;
-    }
-  }
-  .source-code-pane {
-    flex: 1;
-    overflow-y: auto;
-    height: 100%;
-  }
-}
+.code-gen-sources-view {
+  height: 100%;
+  .sources-panes {
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+  }
+  .file-tree-pane {
+    width: 230px;
+    overflow-y: auto;
+    height: 100%;
+    border-right: 1px solid #e0e0e0;
+    .file-types-iconfont {
+      font-size: 12px;
+      margin-right: 4px;
+      margin-left: -10px;
+    }
+  }
+  .source-code-pane {
+    flex: 1;
+    overflow-y: auto;
+    height: 100%;
+  }
+}

package/es/demo/index.scss

@@ -1,56 +1,56 @@
-body {
-  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
-  font-size: 12px;
-  * {
-    box-sizing: border-box;
-  }
-}
-
-body,
-#lce-container {
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  overflow: hidden;
-  text-rendering: optimizeLegibility;
-  -webkit-user-select: none;
-  -webkit-user-drag: none;
-  -webkit-text-size-adjust: none;
-  -webkit-touch-callout: none;
-  -webkit-font-smoothing: antialiased;
-  #engine {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-html {
-  min-width: 1024px;
-}
-
-.save-sample {
-  width: 80px;
-  height: 30px;
-  background-color: #5584ff;
-  border: none;
-  outline: none;
-  border-radius: 4px;
-  color: white;
-  cursor: pointer;
-}
-
-.load-assets {
-  width: 100px;
-  height: 30px;
-  background-color: #5584ff;
-  border: none;
-  outline: none;
-  border-radius: 4px;
-  color: white;
-  cursor: pointer;
-}
+body {
+  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
+  font-size: 12px;
+  * {
+    box-sizing: border-box;
+  }
+}
+
+body,
+#lce-container {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  text-rendering: optimizeLegibility;
+  -webkit-user-select: none;
+  -webkit-user-drag: none;
+  -webkit-text-size-adjust: none;
+  -webkit-touch-callout: none;
+  -webkit-font-smoothing: antialiased;
+  #engine {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+html {
+  min-width: 1024px;
+}
+
+.save-sample {
+  width: 80px;
+  height: 30px;
+  background-color: #5584ff;
+  border: none;
+  outline: none;
+  border-radius: 4px;
+  color: white;
+  cursor: pointer;
+}
+
+.load-assets {
+  width: 100px;
+  height: 30px;
+  background-color: #5584ff;
+  border: none;
+  outline: none;
+  border-radius: 4px;
+  color: white;
+  cursor: pointer;
+}

package/es/utils/utils.js

@@ -1,8 +1,8 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-/**
- * 从缓存获取ResourceList
- * @param scenarioName
+/**
+ * 从缓存获取ResourceList
+ * @param scenarioName
  */
 export var getResourceListFromLocalStorage = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(scenarioName) {
@@ -28,10 +28,10 @@ export var getResourceListFromLocalStorage = /*#__PURE__*/function () {
   };
 }();
 
-/**
- * 根据ResourceList获取所有schema
- * @param scenarioName
- * @param ResourceList
+/**
+ * 根据ResourceList获取所有schema
+ * @param scenarioName
+ * @param ResourceList
  */
 export var getAllSchemaByResourceList = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(scenarioName, ResourceList) {
@@ -46,10 +46,7 @@ export var getAllSchemaByResourceList = /*#__PURE__*/function () {
           return _context2.abrupt("return");
         case 3:
           return _context2.abrupt("return", ResourceList.map(function (item) {
-            console.log('ResourceList.map', item);
-            console.log('getLSName(scenarioName, item.id)', getLSName(scenarioName, item.id));
             var localSchema = window.localStorage.getItem(getLSName(scenarioName, item.id)) || '{}';
-            console.log('localSchema', localSchema);
             return JSON.parse(localSchema);
           }));
         case 4:
@@ -69,18 +66,18 @@ export var getResourceName = function getResourceName(scenarioName, ns) {
   return scenarioName + ":" + ns;
 };
 
-/**
- * 获取项目id
+/**
+ * 获取项目id
  */
 export function getProjectId() {
   return getValueFromQueryByName('projectId', 'general');
 }
 
-/**
- * 获取地址栏参数值
- * @param queryName
- * @param defaultValue
- * @returns {string}
+/**
+ * 获取地址栏参数值
+ * @param queryName
+ * @param defaultValue
+ * @returns {string}
  */
 export function getValueFromQueryByName(queryName, defaultValue) {
   if (defaultValue === void 0) {