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

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

@@ -14,6 +14,7 @@ import React, { useContext, useRef, forwardRef, Fragment, useImperativeHandle, u
 import { connect, getDvaApp, useRouteMatch, useModel } from 'umi';
 import PropTypes from 'prop-types';
 import { useCreation, useMemoizedFn, useAsyncEffect } from 'ahooks';
+import { createDeepCompareEffect } from 'ahooks/es/createDeepCompareEffect';
 import { BasicDivider } from 'luck-design';
 import { ChildrenUtil } from '@luck-design-biz/base/utils';
 import { FormList, FormListAffix, FormBtn } from '@luck-design-biz/base/FormList';
@@ -28,6 +29,7 @@ import { isArray, sortBy, mapValues } from 'lodash';
 import { BpmButton } from '@luck-design-biz/bpm';
 import { readBehaviorCall } from "../../services";
 import { parse, stringify } from 'querystring';
+var useDeepCompareAsyncEffect = createDeepCompareEffect(useAsyncEffect);
 
 // 组件
 var LdFormList = function LdFormList(_ref) {
@@ -124,7 +126,7 @@ var LdFormList = function LdFormList(_ref) {
       placement: luckTheme === 'base' && (affixLayout || defaultLayout) !== 'top' ? 'topRight' : 'bottomRight'
     }, bpmButtonProps)));
   };
-  useAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  useDeepCompareAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _props$formData$mainF, _params, response, _yield$readBehaviorCa, code, data, _props$formData$mainF2, _props$formData$mainF3, bpmInfoObj, tempObj;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -150,6 +152,7 @@ var LdFormList = function LdFormList(_ref) {
           }
           _context.next = 8;
           return readBehaviorCall(_objectSpread(_objectSpread({}, _params), {}, {
+            // bizKey: bizData.bizKey,
             behaviorKey: 'readBpm'
           }));
         case 8:

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,2 @@
+// icon地址
+export var ICON = '/public/icons/iconfont.json';

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

@@ -0,0 +1,23 @@
+/******************************** 通用Topic开始 ********************************/
+
+// 组件的加载完成事件
+export var COMPONENT_MOUNT = 'component-mount';
+// 组件的卸载事件
+export var COMPONENT_UNMOUNT = 'component-unmount';
+
+/******************************** 通用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';
+
+/******************************* 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/meta/button.props.default.json

@@ -0,0 +1,8 @@
+{
+  "title": "按钮",
+  "type": {
+    "key": "primary"
+  },
+  "size": "middle",
+  "effect": "hidden"
+}

package/es/lowcode/engine/meta/cardlist.props.default.json

@@ -0,0 +1,10 @@
+{
+  "autoLoad": true,
+  "readOnly": false,
+  "isFlow": false,
+  "defaultPageSize": 30,
+  "actionTitle": "操作列",
+  "actionWidth": 100,
+  "actionHidden": false,
+  "maxWebShownActionCount": 2
+}

package/es/lowcode/engine/meta/components/button.json

@@ -0,0 +1,104 @@
+{
+  "component": "Button",
+  "name": "按钮",
+  "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
+  "icon": "icon-button",
+  "group": "basic",
+  "groupName": "基础",
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "按钮上显示的文字",
+      "type": "string",
+      "default": "按钮"
+    },
+    {
+      "key": "type",
+      "desc": "按钮类型",
+      "type": "_ButtonType",
+      "default": {
+        "key": "primary"
+      }
+    },
+    {
+      "key": "size",
+      "name": "按钮",
+      "desc": "按钮的大小尺寸",
+      "type": "radio",
+      "options": [
+        {
+          "label": "小",
+          "value": "small"
+        },
+        {
+          "label": "中",
+          "value": "middle"
+        },
+        {
+          "label": "大",
+          "value": "large"
+        }
+      ],
+      "default": "middle"
+    },
+    {
+      "key": "icon",
+      "name": "图标",
+      "desc": "按钮标题前的图标",
+      "type": "Icon"
+    },
+    {
+      "key": "serials",
+      "name": "资源串",
+      "desc": "挂接模块资源串",
+      "type": "string"
+    },
+    {
+      "key": "effect",
+      "name": "资源串效果",
+      "desc": "当资源串条件生效时按钮的效果",
+      "type": "radio",
+      "options": [
+        {
+          "label": "禁用",
+          "value": "disable"
+        },
+        {
+          "label": "隐藏",
+          "value": "hidden"
+        }
+      ],
+      "default": "hidden"
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "(e)=>{\n\t\n}"
+      }
+    ]
+  }
+}