@luck-design-biz/luckda 0.0.22-4 → 0.0.22-5

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2020 UmiJS
-
-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) 2020 UmiJS
+
+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,40 +1,40 @@
-# 微服务 3.0 纯净版
-
-luck-react-pure 是一个基于 qiankun 框架搭建的极简微服务框架，作为微服务业务子系统的开发基座。旨在为业务子系统提供简单、轻量的解决方案。该框架去除了冗余的功能，专注于提供基本的功能支持，使开发者能够更快速地搭建和开发业务子系统。
-
-## 启动
-
-安装 `node_modules`:
-
-```bash
-pnpm install
-```
-
-## 开始项目
-
-```bash
-pnpm start
-```
-
-## 代码校验
-
-本框架提供了代码校验方案，校验不通过禁止提交代码，当提交代码时将会校验以下内容：
-
-### 代码规范
-
-根据 eslint 校验规范。
-
-### commit message 校验
-
-commit message 格式：
-
-```bash
-💥 feat(模块): 添加了个很棒的功能
-🐛 fix(模块): 修复了一些 bug
-📝 docs(模块): 更新了一下文档
-💄 UI(模块): 修改了一下样式
-🎨 chore(模块): 对脚手架做了些更改
-🚨 refactor(模块): 重构（即不是新增功能，也不是修改bug的代码变动）
-🐞 test(模块): 增加、修改测试用例
-🌟 release(3.0.1):url
-```
+# 微服务 3.0 纯净版
+
+luck-react-pure 是一个基于 qiankun 框架搭建的极简微服务框架，作为微服务业务子系统的开发基座。旨在为业务子系统提供简单、轻量的解决方案。该框架去除了冗余的功能，专注于提供基本的功能支持，使开发者能够更快速地搭建和开发业务子系统。
+
+## 启动
+
+安装 `node_modules`:
+
+```bash
+pnpm install
+```
+
+## 开始项目
+
+```bash
+pnpm start
+```
+
+## 代码校验
+
+本框架提供了代码校验方案，校验不通过禁止提交代码，当提交代码时将会校验以下内容：
+
+### 代码规范
+
+根据 eslint 校验规范。
+
+### commit message 校验
+
+commit message 格式：
+
+```bash
+💥 feat(模块): 添加了个很棒的功能
+🐛 fix(模块): 修复了一些 bug
+📝 docs(模块): 更新了一下文档
+💄 UI(模块): 修改了一下样式
+🎨 chore(模块): 对脚手架做了些更改
+🚨 refactor(模块): 重构（即不是新增功能，也不是修改bug的代码变动）
+🐞 test(模块): 增加、修改测试用例
+🌟 release(3.0.1):url
+```

package/es/components/Builder/index.js

@@ -92,7 +92,7 @@ var builder = function builder(WrappedComponent, moduleCode) {
       var _props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       fieldProps.current = _objectSpread(_objectSpread({}, fieldProps.current), _props);
     };
-    if (loading) return 'loading...';
+    if (loading) return null;
     if (!moduleData) return formatMessage({
       id: 'luckda.module.loadFailed',
       label: '模块信息加载失败'

package/es/components/LdGrid/index.js

@@ -81,10 +81,10 @@ var LdGrid = function LdGrid(_ref) {
     });
   }, [batchOperations]);
 
-  /**
-   * 优先级
-   * columnsReset 重置columns，不受模块管理限制，写什么展示什么
-   * columnsRewrite 覆盖模块管理配置，是否展示以模块管理配置为主，自己可以用hide来隐藏某字段
+  /**
+   * 优先级
+   * columnsReset 重置columns，不受模块管理限制，写什么展示什么
+   * columnsRewrite 覆盖模块管理配置，是否展示以模块管理配置为主，自己可以用hide来隐藏某字段
    */
   var _columns = useCreation(function () {
     if (columnsReset) return columnsReset;

package/es/components/LdGridForm/index.less

@@ -1,7 +1,7 @@
-.ldGridForm {
-  :global {
-    .ag-layout-auto-height {
-      height: 100% !important;
-    }
-  }
-}
+.ldGridForm {
+  :global {
+    .ag-layout-auto-height {
+      height: 100% !important;
+    }
+  }
+}

package/es/components/LdRuntimeCom/index.js

@@ -0,0 +1,42 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import * as Babel from '@babel/standalone';
+import * as LuckAntd from 'luck-design/antd';
+import * as LuckDesign from 'luck-design';
+
+/**
+ * 实时代码渲染组件
+ * todo：沙箱上下文的集成
+ * todo：Loading效果的优化
+ */
+var LdRuntimeCom = function LdRuntimeCom(_ref) {
+  var children = _ref.children;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    Component = _useState2[0],
+    setComponent = _useState2[1];
+  var code = React.Children.toArray(children).join('').trim();
+  useEffect(function () {
+    if (code) {
+      // 使用Babel转换代码
+      var transformedCode = Babel.transform(code, {
+        presets: ['react']
+      }).code;
+
+      // 输出编译后的代码用于排错
+      console.log('transformedCode', transformedCode);
+
+      // 自动
+      var functionNameMatch = transformedCode.match(/function\s+([^\s(]+)/);
+      if (functionNameMatch && functionNameMatch.length > 1) {
+        var functionName = functionNameMatch[1];
+        var execute = new Function('React', 'LuckAntd', 'LuckDesign', "".concat(transformedCode, "; return ").concat(functionName, ";"));
+        // 设置组件状态
+        var ReactComponent = execute(React, LuckAntd, LuckDesign);
+        setComponent( /*#__PURE__*/React.createElement(ReactComponent, null));
+      }
+    }
+  }, [code]);
+  return Component ? Component : /*#__PURE__*/React.createElement("div", null, "Loading...");
+};
+export default LdRuntimeCom;

package/es/components/LdTree/index.less

@@ -1,36 +1,36 @@
-.tree {
-  .nodeTitle {
-    display: flex;
-    align-items: center;
-    width: 100%;
-
-    div {
-      flex: 1;
-      overflow-x: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-    div.nodeTitleDisabled {
-      color: var(--luck-text-color-disabled);
-    }
-    div.nodeTitleDisabled:hover {
-      cursor: not-allowed;
-    }
-  }
-
-  :global {
-    .ant-tree-title {
-      width: 100%;
-    }
-  }
-}
-.classTreeOperates {
-  :global(.ant-popover-inner-content) {
-    padding: 0;
-  }
-  .rightMenu {
-    display: block;
-    padding: 4px 8px;
-    color: var(--luck-text-color-);
-  }
-}
+.tree {
+  .nodeTitle {
+    display: flex;
+    align-items: center;
+    width: 100%;
+
+    div {
+      flex: 1;
+      overflow-x: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    div.nodeTitleDisabled {
+      color: var(--luck-text-color-disabled);
+    }
+    div.nodeTitleDisabled:hover {
+      cursor: not-allowed;
+    }
+  }
+
+  :global {
+    .ant-tree-title {
+      width: 100%;
+    }
+  }
+}
+.classTreeOperates {
+  :global(.ant-popover-inner-content) {
+    padding: 0;
+  }
+  .rightMenu {
+    display: block;
+    padding: 4px 8px;
+    color: var(--luck-text-color-);
+  }
+}

package/es/helper/action.js

@@ -7,12 +7,12 @@ import { transform, isArray, startsWith, keyBy } from 'lodash';
 import { dataFormat, behaviorCall } from "../utils";
 import { defaultComName } from "./form";
 
-/**
- * 提交行为
- * @param action 行为
- * @param data 数据
- * @param parmas 附件设置
- * @param moduleData 当前模块信息
+/**
+ * 提交行为
+ * @param action 行为
+ * @param data 数据
+ * @param parmas 附件设置
+ * @param moduleData 当前模块信息
  */
 export var doAction = function doAction(action) {
   var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/es/helper/form.js

@@ -25,11 +25,11 @@ export var defaultComName = {
   file: 'upload'
 };
 
-/**
- * 动态表单配置项转译
- * @param {key string} keyStr
- * @param {label string} labelStr
- * @returns [{key,label}]
+/**
+ * 动态表单配置项转译
+ * @param {key string} keyStr
+ * @param {label string} labelStr
+ * @returns [{key,label}]
  */
 export var splitStrToObj = function splitStrToObj(keyStr, labelStr) {
   var keys = keyStr && keyStr.length > 0 ? keyStr.split(',') : undefined;
@@ -46,11 +46,11 @@ export var splitStrToObj = function splitStrToObj(keyStr, labelStr) {
   return undefined;
 };
 
-/**
- * 动态表单配置项转译
- * @param {动态表单配置项} props
- * @param {自定义动态表单配置项} customProps
- * @returns {name: '',...}
+/**
+ * 动态表单配置项转译
+ * @param {动态表单配置项} props
+ * @param {自定义动态表单配置项} customProps
+ * @returns {name: '',...}
  */
 export function translator() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -90,10 +90,10 @@ export function translator() {
   return _props;
 }
 
-/**
- * 删除自动移操作中的不可覆盖字段
- * @param props
- * @returns {{multiple}|*}
+/**
+ * 删除自动移操作中的不可覆盖字段
+ * @param props
+ * @returns {{multiple}|*}
  */
 export function formatCustomProps(props) {
   var _props$confiig;

package/es/helper/index.less

@@ -1,7 +1,7 @@
-.ldLabs{
-  :global{
-    .ant-tabs-bar{
-      margin: 0 0 4px 0;
-    }
-  }
-}
+.ldLabs{
+  :global{
+    .ant-tabs-bar{
+      margin: 0 0 4px 0;
+    }
+  }
+}

package/es/index.js

@@ -6,4 +6,5 @@ export { default as buildLdAutoForm } from "./components/LdAutoForm";
 export { default as buildLdGridForm } from "./components/LdGridForm";
 export { default as LdInfoPanel } from "./components/LdInfoPanel";
 export { default as LdCard } from "./components/LdCard";
+export { default as LdRuntimeCom } from "./components/LdRuntimeCom";
 export * from "./components/LdCom";

package/es/lowcode/constants/api-url.js

@@ -0,0 +1,3 @@
+// icon地址
+export var ICONLIST_URL = '/public/icons/iconfont.json';
+export var ICONLIST_JS = '/public/icons/iconfont.js';

package/es/lowcode/constants/event-topics.js

@@ -0,0 +1,31 @@
+/******************************** 通用Topic开始 ********************************/
+
+// 组件的加载完成事件
+export var COMPONENT_MOUNT = 'component-mount';
+// 组件的卸载事件
+export var COMPONENT_UNMOUNT = 'component-unmount';
+// 模态视图层打开事件
+export var MODAL_OPEN = 'modal-open';
+// 模态视图层关闭事件
+export var MODAL_CLOSE = 'modal-close';
+
+/******************************** 通用Topic结束 ********************************/
+
+/******************************* Design Topic开始 *******************************/
+
+// 组件的hover事件
+export var COMPONENT_HOVER = 'component-hover';
+// 组件的激活事件
+export var COMPONENT_ACTIVE = 'component-active';
+// 组件设置的click事件
+export var COMPONENT_SETTING_CLICK = 'component-setting-click';
+// 组件的追加事件
+export var COMPONENT_APPEND = 'component-append';
+// 组件的删除事件
+export var COMPONENT_DELETE = 'component-delete';
+
+/******************************* Design Topic结束 *******************************/
+
+/******************************** Live Topic开始 ********************************/
+
+/******************************** Live Topic结束 ********************************/

package/es/lowcode/constants/index.js

@@ -0,0 +1,12 @@
+export var RUNTIME = {
+  LIVE: 'live',
+  DESIGN: 'design',
+  PREVIEW: 'preview'
+};
+export var CELL_CLASS_NAME = 'ld-lc-cell';
+export var CELL_KEY = {
+  PAGE_ROOT: 'page_root',
+  PAGE_HEADER: 'page_header',
+  PAGE_CONTENT: 'page_content',
+  PAGE_FOOTER: 'page_footer'
+};

package/es/lowcode/engine/factory/DataFactory.js

@@ -0,0 +1 @@
+{}

package/es/lowcode/engine/factory/panel-item-factory/DynamicStrategy.js

@@ -0,0 +1,60 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { dynamic } from 'umi';
+import { trimStart } from 'lodash';
+import Strategy from "./Strategy";
+var _TYPE_ = 'dynamic';
+var DynamicStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(DynamicStrategy, _Strategy);
+  var _super = _createSuper(DynamicStrategy);
+  function DynamicStrategy(factory) {
+    var _this;
+    _classCallCheck(this, DynamicStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(DynamicStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder(value) {
+      return dynamic({
+        loader: function () {
+          var _loader = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+            var name, _yield$import, _Comp;
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  name = trimStart(value, '_');
+                  _context.next = 3;
+                  return import("../../../painter/panel-section/".concat(name));
+                case 3:
+                  _yield$import = _context.sent;
+                  _Comp = _yield$import.default;
+                  return _context.abrupt("return", _Comp);
+                case 6:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function loader() {
+            return _loader.apply(this, arguments);
+          }
+          return loader;
+        }()
+      });
+    }
+  }]);
+  return DynamicStrategy;
+}(Strategy);
+export { DynamicStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/SegmentedStrategy.js

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { Segmented } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'segmented';
+var SelectStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(SelectStrategy, _Strategy);
+  var _super = _createSuper(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    _classCallCheck(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return Segmented;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/SelectStrategy.js

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { Select } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'select';
+var SelectStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(SelectStrategy, _Strategy);
+  var _super = _createSuper(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    _classCallCheck(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return Select;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/Strategy.js

@@ -0,0 +1,21 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+var PanelItemStrategy = /*#__PURE__*/function () {
+  function PanelItemStrategy(type) {
+    _classCallCheck(this, PanelItemStrategy);
+    this.type = type;
+  }
+  _createClass(PanelItemStrategy, [{
+    key: "builder",
+    value: function builder(value) {
+      throw new Error('builder Function Not implemented');
+    }
+  }, {
+    key: "match",
+    value: function match(type) {
+      throw new Error('support Function Not implemented');
+    }
+  }]);
+  return PanelItemStrategy;
+}();
+export { PanelItemStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/StringStrategy.js

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { Input } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'string';
+var StringStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(StringStrategy, _Strategy);
+  var _super = _createSuper(StringStrategy);
+  function StringStrategy(factory) {
+    var _this;
+    _classCallCheck(this, StringStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(StringStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return Input;
+    }
+  }]);
+  return StringStrategy;
+}(Strategy);
+export { StringStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/SwitchStrategy.js

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { Switch } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'switch';
+var SelectStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(SelectStrategy, _Strategy);
+  var _super = _createSuper(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    _classCallCheck(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return Switch;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };