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

package/es/components/SourcesView/SourcesView.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import './SourcesView.scss';
 import React, { useMemo, useRef, useState } from 'react';
 import naturalCompare from 'string-natural-compare';
@@ -43,7 +44,7 @@ export function SourcesView(_ref) {
       var _addFileToNodes = function addFileToNodes(currentNodes, basePath, path, file) {
         var _path$split$filter = path.split('/').filter(Boolean),
           head = _path$split$filter[0],
-          tail = _path$split$filter.slice(1);
+          tail = _arrayLikeToArray(_path$split$filter).slice(1);
         if (tail.length === 0) {
           currentNodes.push({
             label: head,

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.js

@@ -18,39 +18,38 @@ preference.set('DataSourcePane', {
 (function () {
   var _main = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var setterRegistry;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+    return _regeneratorRuntime.wrap(function (_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          _context4.next = 2;
+          _context4.next = 1;
           return plugins.register(Inject);
-        case 2:
-          _context4.next = 4;
+        case 1:
+          _context4.next = 2;
           return plugins.register(Object.assign(function (ctx) {
             return {
               name: 'editor-init',
               init: function init() {
                 return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-                  var assets, schema;
-                  return _regeneratorRuntime.wrap(function _callee$(_context) {
+                  var assets, schema, _t;
+                  return _regeneratorRuntime.wrap(function (_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
-                        _context.next = 2;
+                        _context.next = 1;
                         return fetchJSON('/assets.json');
-                      case 2:
+                      case 1:
                         assets = _context.sent;
-                        _context.t0 = ctx.material;
-                        _context.next = 6;
+                        _t = ctx.material;
+                        _context.next = 2;
                         return injectAssets(assets);
-                      case 6:
-                        _context.t1 = _context.sent;
-                        _context.t0.setAssets.call(_context.t0, _context.t1);
-                        _context.next = 10;
+                      case 2:
+                        _t.setAssets.call(_t, _context.sent);
+                        _context.next = 3;
                         return fetchJSON('/schema.json');
-                      case 10:
+                      case 3:
                         schema = _context.sent;
                         // 加载 schema
                         ctx.project.openDocument(schema);
-                      case 12:
+                      case 4:
                       case "end":
                         return _context.stop();
                     }
@@ -61,8 +60,8 @@ preference.set('DataSourcePane', {
           }, {
             pluginName: 'editorInit'
           }));
-        case 4:
-          _context4.next = 6;
+        case 2:
+          _context4.next = 3;
           return plugins.register(Object.assign(function (ctx) {
             return {
               name: 'builtin-plugin-registry',
@@ -70,7 +69,7 @@ preference.set('DataSourcePane', {
                 return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
                   var _componentsPane$disab;
                   var skeleton, project, componentsPane;
-                  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                  return _regeneratorRuntime.wrap(function (_context2) {
                     while (1) switch (_context2.prev = _context2.next) {
                       case 0:
                         skeleton = ctx.skeleton, project = ctx.project; // 注册组件面板
@@ -115,7 +114,7 @@ preference.set('DataSourcePane', {
                             align: 'left'
                           }
                         });
-                      case 5:
+                      case 1:
                       case "end":
                         return _context2.stop();
                     }
@@ -126,10 +125,10 @@ preference.set('DataSourcePane', {
           }, {
             pluginName: 'builtinPluginRegistry'
           }));
-        case 6:
-          _context4.next = 8;
+        case 3:
+          _context4.next = 4;
           return plugins.register(CodeGenPlugin);
-        case 8:
+        case 4:
           // 设置内置 setter 和事件绑定、插件绑定面板
           setterRegistry = function setterRegistry(ctx) {
             var _AliLowCodeEngineExt = window.AliLowCodeEngineExt,
@@ -140,7 +139,7 @@ preference.set('DataSourcePane', {
               init: function init() {
                 return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
                   var setters, skeleton;
-                  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+                  return _regeneratorRuntime.wrap(function (_context3) {
                     while (1) switch (_context3.prev = _context3.next) {
                       case 0:
                         setters = ctx.setters, skeleton = ctx.skeleton; // 注册setterMap
@@ -163,7 +162,7 @@ preference.set('DataSourcePane', {
                           name: 'variableBindDialog',
                           props: {}
                         });
-                      case 4:
+                      case 1:
                       case "end":
                         return _context3.stop();
                     }
@@ -173,9 +172,9 @@ preference.set('DataSourcePane', {
             };
           };
           setterRegistry.pluginName = 'setterRegistry';
-          _context4.next = 12;
+          _context4.next = 5;
           return plugins.register(setterRegistry);
-        case 12:
+        case 5:
           // 初始化设计器
           init(document.getElementById('lce-container'), {
             // designMode: 'live',
@@ -188,7 +187,7 @@ preference.set('DataSourcePane', {
             // 这里因为用的是 unpkg，在不同 npm 包，engine-core.js 和 react-simulator-renderer.js 是不同路径
             simulatorUrl: ['https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@beta/dist/css/react-simulator-renderer.css', 'https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@beta/dist/js/react-simulator-renderer.js']
           }, preference);
-        case 13:
+        case 6:
         case "end":
           return _context4.stop();
       }
@@ -205,15 +204,15 @@ function fetchJSON(_x) {
 function _fetchJSON() {
   _fetchJSON = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(url) {
     var res;
-    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+    return _regeneratorRuntime.wrap(function (_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
-          _context5.next = 2;
+          _context5.next = 1;
           return fetch(url);
-        case 2:
+        case 1:
           res = _context5.sent;
           return _context5.abrupt("return", res.json());
-        case 4:
+        case 2:
         case "end":
           return _context5.stop();
       }

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/index.js

@@ -13,7 +13,8 @@ var codeGeneratorPlugin = function codeGeneratorPlugin(ctx, options) {
     // 插件的初始化函数，在引擎初始化之后会立刻调用
     init: function init() {
       return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
@@ -35,18 +36,18 @@ var codeGeneratorPlugin = function codeGeneratorPlugin(ctx, options) {
 
               // 提前初始化下，这样后面用的时候更快
               CodeGenerator.init();
-              _context.next = 9;
+              _context.next = 2;
               break;
-            case 5:
-              _context.prev = 5;
-              _context.t0 = _context["catch"](0);
-              console.error('[plugin-code-geneator] failed to init: ', _context.t0);
-              throw _context.t0;
-            case 9:
+            case 1:
+              _context.prev = 1;
+              _t = _context["catch"](0);
+              console.error('[plugin-code-geneator] failed to init: ', _t);
+              throw _t;
+            case 2:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 5]]);
+        }, _callee, null, [[0, 1]]);
       }))();
     },
     destroy: function destroy() {}

package/es/utils/utils.js

@@ -1,23 +1,23 @@
 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) {
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (scenarioName) {
-            _context.next = 3;
+            _context.next = 1;
             break;
           }
           console.error('scenarioName is required!');
           return _context.abrupt("return");
-        case 3:
+        case 1:
           return _context.abrupt("return", JSON.parse(window.localStorage.getItem(getResourceName(scenarioName)) || '[{"title":"首页","slug":"index","id": "index"}]'));
-        case 4:
+        case 2:
         case "end":
           return _context.stop();
       }
@@ -28,31 +28,28 @@ 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) {
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           if (ResourceList) {
-            _context2.next = 3;
+            _context2.next = 1;
             break;
           }
           console.error('ResourceList is required!');
           return _context2.abrupt("return");
-        case 3:
+        case 1:
           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:
+        case 2:
         case "end":
           return _context2.stop();
       }
@@ -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) {

package/lib/components/CodeGenActionBtn/CodeGenActionBtn.js

@@ -14,8 +14,7 @@ var _next = require("@alifd/next");
 var _coerce = _interopRequireDefault(require("semver/functions/coerce"));
 var _CodeGenResult = require("../CodeGenResult");
 var _utils = require("../../utils/utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 function CodeGenActionBtn(_ref) {
   var ctx = _ref.ctx;
   var _useState = (0, _react.useState)({
@@ -31,8 +30,8 @@ function CodeGenActionBtn(_ref) {
     setState = _useState[1];
   var handleClick = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var name, resourceList, allSchema, resultSchema, result;
-      return _regenerator["default"].wrap(function _callee$(_context) {
+      var name, resourceList, allSchema, resultSchema, result, _t;
+      return _regenerator["default"].wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
@@ -48,23 +47,20 @@ function CodeGenActionBtn(_ref) {
             // 获取 schema，并修正
             // const originalSchema = await project.exportSchema();
             name = (0, _utils.getProjectId)();
-            _context.next = 5;
+            _context.next = 1;
             return (0, _utils.getResourceListFromLocalStorage)(name);
-          case 5:
+          case 1:
             resourceList = _context.sent;
-            console.log('resourceList', resourceList);
-            _context.next = 9;
+            _context.next = 2;
             return (0, _utils.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())
@@ -80,14 +76,14 @@ 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) {
@@ -96,23 +92,23 @@ 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 (0, _extends2["default"])({}, 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);
@@ -160,7 +156,7 @@ function fixSchema(_x) {
 }
 function _fixSchema() {
   _fixSchema = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(schema) {
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
+    return _regenerator["default"].wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           return _context2.abrupt("return", deepClone((0, _extends2["default"])({}, schema, {

package/lib/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/lib/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%;
+    }
+  }
+}