@luck-design-biz/luckda 1.0.0-alpha → 1.0.1-2

package/es/lowcode/view/lc-components/ImEx/index.js

@@ -3,18 +3,16 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "title", "type", "size", "iconFont", "block", "ghost", "css", "className", "onClick", "advance", "impexpSetting"];
 import React, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { useMemoizedFn, useMount, useUnmount, useRequest } from 'ahooks';
-import { notification, Icon as IconAntd, Upload, Button as ButtonAntd, Progress, message } from 'luck-design/antd';
+import { useMemoizedFn, useRequest } from 'ahooks';
+import { notification, Progress, message } from 'luck-design/antd';
 import { BasicForm, BasicFormItem, PopWindow } from 'luck-design';
 import api from "@/services/ApiConfig";
 import styled from 'styled-components';
 import classNames from 'classnames';
 import styles from "./index.less";
-import { useRemoteSource } from "../../../engine/provider/ContextProvider";
+import { useContext, useRemoteSource } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
 import { LdButton as Button } from "../../../../components/LdCom";
 import Icon from "../../../../components/IconFont";
@@ -50,12 +48,18 @@ var LCImex = function LCImex(_ref) {
     onClick = _ref.onClick,
     advance = _ref.advance,
     impexpSetting = _ref.impexpSetting,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    serial = _ref.serial,
+    serialEffect = _ref.serialEffect;
   var ref = useRef();
-  var uploadRef = useRef();
+  var ctx = useContext();
   var _useRemoteSource = useRemoteSource(),
-    module = _useRemoteSource.module,
-    moduleCode = _useRemoteSource.moduleCode;
+    module = _useRemoteSource.module;
+  useEffect(function () {
+    ctx.doAction(advance.events.onMount);
+    return function () {
+      return ctx.doAction(advance.events.onUnmount);
+    };
+  }, []);
   var getTargetDom = useMemoizedFn(function () {
     var _ref$current;
     return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.buttonNode;
@@ -76,7 +80,7 @@ var LCImex = function LCImex(_ref) {
     var _fetchExcelStateParams = {
       moduleCode: moduleCode,
       behaviorKey: behaviorKey,
-      reportType: "export"
+      reportType: 'export'
     };
     getFindexcelstate(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
       if (response.code === 1) {
@@ -123,7 +127,7 @@ var LCImex = function LCImex(_ref) {
               _exportExcelParams = {
                 moduleCode: module.moduleCode,
                 behaviorKey: behaviorKey,
-                reportType: "export"
+                reportType: 'export'
               };
               _exportExcelPrefix = "/".concat(strategy);
               _context.next = 9;
@@ -151,47 +155,68 @@ var LCImex = function LCImex(_ref) {
       };
     }());
   };
-  var doExportAll = function doExportAll(onExportAll) {
-    var key = 'exportAll';
-    var notificationConfig = {
-      key: key,
-      duration: null,
-      message: '正在导出数据...',
-      placement: 'bottomRight',
-      closeIcon: /*#__PURE__*/React.createElement("div", null),
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        type: "cloud-download",
-        className: styles.exportTheme
-      })
-    };
-    var process = function process(i) {
-      notification.open(_objectSpread(_objectSpread({}, notificationConfig), {}, {
-        description: /*#__PURE__*/React.createElement(Progress, {
-          percent: i
-        })
-      }));
-    };
-    notification.open(_objectSpread(_objectSpread({}, notificationConfig), {}, {
-      description: /*#__PURE__*/React.createElement(Progress, {
-        percent: 0
-      })
+  var doExportAll = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(onExportAll) {
+      var key, notificationConfig, process, ret;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            key = 'exportAll';
+            notificationConfig = {
+              key: key,
+              duration: null,
+              message: '正在导出数据...',
+              placement: 'bottomRight',
+              closeIcon: /*#__PURE__*/React.createElement("div", null),
+              icon: /*#__PURE__*/React.createElement(Icon, {
+                type: "cloud-download",
+                className: styles.exportTheme
+              })
+            };
+            process = function process(i) {
+              notification.open(_objectSpread(_objectSpread({}, notificationConfig), {}, {
+                description: /*#__PURE__*/React.createElement(Progress, {
+                  percent: i
+                })
+              }));
+            };
+            notification.open(_objectSpread(_objectSpread({}, notificationConfig), {}, {
+              description: /*#__PURE__*/React.createElement(Progress, {
+                percent: 0
+              })
+            }));
+            _context2.prev = 4;
+            _context2.next = 7;
+            return onExportAll(process);
+          case 7:
+            ret = _context2.sent;
+            if (ret) {
+              window.location.href = ret;
+            }
+            notification.close(key);
+            _context2.next = 15;
+            break;
+          case 12:
+            _context2.prev = 12;
+            _context2.t0 = _context2["catch"](4);
+            notification.open(_objectSpread(_objectSpread({}, notificationConfig), {}, {
+              icon: /*#__PURE__*/React.createElement(Icon, {
+                type: "cloud-download",
+                className: styles.exportErrorTheme
+              }),
+              message: '导出失败',
+              duration: 4
+            }));
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[4, 12]]);
     }));
-    onExportAll(process).then(function (ret) {
-      if (ret) {
-        window.location.href = ret;
-      }
-      notification.close(key);
-    }).catch(function () {
-      return notification.open(_objectSpread(_objectSpread({}, notificationConfig), {}, {
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          type: "cloud-download",
-          className: styles.exportErrorTheme
-        }),
-        message: '导出失败',
-        duration: 4
-      }));
-    });
-  };
+    return function doExportAll(_x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
 
   // ========= 导出 ==========
 
@@ -216,18 +241,18 @@ var LCImex = function LCImex(_ref) {
       manual: true
     }),
     runAsyncImport = _useRequest2.runAsync;
-  var fecthFindExcelState = function fecthFindExcelState(_ref4, callback) {
-    var strategy = _ref4.strategy,
-      batchNo = _ref4.batchNo,
-      moduleCode = _ref4.moduleCode,
-      behaviorKey = _ref4.behaviorKey,
-      templateId = _ref4.templateId;
+  var fecthFindExcelState = function fecthFindExcelState(_ref5, callback) {
+    var strategy = _ref5.strategy,
+      batchNo = _ref5.batchNo,
+      moduleCode = _ref5.moduleCode,
+      behaviorKey = _ref5.behaviorKey,
+      templateId = _ref5.templateId;
     var _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
     var _fetchExcelStateParams = {
       moduleCode: moduleCode,
       behaviorKey: behaviorKey,
       templateId: templateId,
-      reportType: "import"
+      reportType: 'import'
     };
     getFindexcelstate(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
       if (response.code === 1) {
@@ -263,13 +288,13 @@ var LCImex = function LCImex(_ref) {
     }
   }, [visible]);
   var handleImport = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(err, values) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(err, values) {
       var _importExcelParams, strategy, importParameter, _importExcelPrefix, importExcelResponse;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             if (err) {
-              _context2.next = 14;
+              _context3.next = 14;
               break;
             }
             _importExcelParams = new FormData();
@@ -287,10 +312,10 @@ var LCImex = function LCImex(_ref) {
             };
             _importExcelParams.append('importParameter', JSON.stringify(importParameter));
             _importExcelPrefix = "/".concat(strategy);
-            _context2.next = 9;
+            _context3.next = 9;
             return runAsyncImport(_importExcelPrefix, _importExcelParams);
           case 9:
-            importExcelResponse = _context2.sent;
+            importExcelResponse = _context3.sent;
             setActionStep('uploading');
             fecthFindExcelState(_objectSpread({
               strategy: strategy,
@@ -298,70 +323,111 @@ var LCImex = function LCImex(_ref) {
             }, importParameter), function (result) {
               setUploadResult(result || {});
             });
-            _context2.next = 15;
+            _context3.next = 15;
             break;
           case 14:
             message.info('请选择Excel文件！');
           case 15:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
-    return function handleImport(_x3, _x4) {
-      return _ref5.apply(this, arguments);
+    return function handleImport(_x4, _x5) {
+      return _ref6.apply(this, arguments);
     };
   }();
 
   // ========= 导入 ==========
 
   var handleClick = useMemoizedFn( /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e) {
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(e) {
+      var resault, response;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             if (!onClick) {
-              _context3.next = 3;
+              _context4.next = 3;
               break;
             }
             onClick(e);
-            return _context3.abrupt("return");
+            return _context4.abrupt("return");
           case 3:
+            _context4.next = 5;
+            return ctx.doAction(advance.events.beforeExe);
+          case 5:
+            resault = _context4.sent;
+            if (!(resault === false)) {
+              _context4.next = 9;
+              break;
+            }
+            ctx.doAction(advance.events.afterExe, {
+              success: false
+            });
+            return _context4.abrupt("return");
+          case 9:
             if (!(impexpSetting.type === 'export')) {
-              _context3.next = 7;
+              _context4.next = 20;
               break;
             }
-            // ! 导出
-            if (isString(impexpSetting.customParam) && impexpSetting.customParam) {
-              doExportAll(handleExportAll);
-            } else {
-              message.info("\u672A\u914D\u7F6E\u884C\u4E3A\uFF01");
+            if (!(isString(impexpSetting.customParam) && impexpSetting.customParam)) {
+              _context4.next = 16;
+              break;
             }
-            _context3.next = 11;
+            _context4.next = 13;
+            return doExportAll(handleExportAll);
+          case 13:
+            ctx.doAction(advance.events.afterExe, {
+              success: true
+            });
+            _context4.next = 18;
             break;
-          case 7:
+          case 16:
+            message.info("\u672A\u914D\u7F6E\u884C\u4E3A\uFF01");
+            ctx.doAction(advance.events.afterExe, {
+              success: false
+            });
+          case 18:
+            _context4.next = 29;
+            break;
+          case 20:
             if (impexpSetting.customParam) {
-              _context3.next = 9;
+              _context4.next = 23;
               break;
             }
-            return _context3.abrupt("return", message.info("\u672A\u914D\u7F6E\u6A21\u7248\uFF01"));
-          case 9:
-            if (!impexpSetting.customType) {
-              noAuthGetTemplateUrl(impexpSetting.customParam).then(function (response) {
-                if (response.code === 1) {
-                  setTemplateUrl(response.data);
-                }
+            ctx.doAction(advance.events.afterExe, {
+              success: false
+            });
+            return _context4.abrupt("return", message.info("\u672A\u914D\u7F6E\u6A21\u7248\uFF01"));
+          case 23:
+            if (impexpSetting.customType) {
+              _context4.next = 28;
+              break;
+            }
+            _context4.next = 26;
+            return noAuthGetTemplateUrl(impexpSetting.customParam);
+          case 26:
+            response = _context4.sent;
+            if (response.code === 1) {
+              setTemplateUrl(response.data);
+              ctx.doAction(advance.events.afterExe, {
+                success: true
+              });
+            } else {
+              ctx.doAction(advance.events.afterExe, {
+                success: false
               });
             }
+          case 28:
             setVisible(true);
-          case 11:
+          case 29:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
-    return function (_x5) {
-      return _ref6.apply(this, arguments);
+    return function (_x6) {
+      return _ref7.apply(this, arguments);
     };
   }());
   return /*#__PURE__*/React.createElement(Wrapper, {
@@ -376,24 +442,29 @@ var LCImex = function LCImex(_ref) {
     ghost: ghost,
     $css: css,
     className: classNames(_defineProperty({}, className, !!className)),
+    resource: serial,
+    serialEffect: serialEffect,
     onClick: handleClick
   }, iconFont ? /*#__PURE__*/React.createElement(Icon, {
     type: iconFont
   }) : null, title || formatMessage({
     id: 'luckda.lowcode.painter.import',
     label: '导入'
-  })), /*#__PURE__*/React.createElement(PopWindow, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  })), /*#__PURE__*/React.createElement(PopWindow, {
     visible: visible,
     title: "\u4E0A\u4F20excel\u6587\u4EF6",
     mode: "modal",
-    size: "mini"
-  }, "visible", visible), "destroyOnClose", true), "footer", actionStep === 'undone' ? function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  } : null), "onClose", function onClose() {
-    if (actionStep !== 'uploading') {
-      setVisible(false);
+    size: "mini",
+    destroyOnClose: true,
+    footer: actionStep === 'undone' ? function () {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    } : null,
+    onClose: function onClose() {
+      if (actionStep !== 'uploading') {
+        setVisible(false);
+      }
     }
-  }), actionStep === 'undone' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BasicForm, {
+  }, actionStep === 'undone' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BasicForm, {
     onSubmit: handleImport,
     layout: "drawer",
     buttonRender: function buttonRender() {

package/es/lowcode/view/lc-components/ImEx/meta.json

@@ -80,34 +80,55 @@
         ]
       },
       "repositioning": true
+    },
+    {
+      "key": "serials",
+      "name": "资源串",
+      "type": "_SerialsSelector"
+    },
+    {
+      "key": "serialEffect",
+      "name": "越权效果",
+      "type": "segmented",
+      "options": [
+        {
+          "label": "禁用",
+          "value": "disable"
+        },
+        {
+          "label": "隐藏",
+          "value": "hidden"
+        }
+      ],
+      "default": "hidden"
     }
   ],
-  "css": {},
+  "css": "",
   "advance": {
     "events": [
       {
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "beforeExe",
         "name": "操作执行前",
         "desc": "在导入或导出执行前，执行方法，promise反回false截断执行",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function beforeExe() {\n\t\n}"
       },
       {
         "key": "afterExe",
         "name": "操作执行后",
         "desc": "在导入或导出执行后，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function afterExe(success) {\n\t\n}"
       }
     ]
   }

package/es/lowcode/view/lc-components/Image/meta.json

@@ -5,6 +5,7 @@
   "group": "basic",
   "groupName": "基础",
   "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
+  "hidden": true,
   "order": 1,
   "props": [
     {
@@ -88,7 +89,7 @@
       "default": false
     }
   ],
-  "css": {},
+  "css": "",
   "advance": {
     "events": [
       {

package/es/lowcode/view/lc-components/JSX/meta.json

@@ -24,5 +24,5 @@
       "wrapperProps": { "suppressIcon": true }
     }
   ],
-  "css": "width: 100%; height: auto;"
+  "css": ""
 }

package/es/lowcode/view/lc-components/Layout/index.js

@@ -1,19 +1,35 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useRef } from 'react';
+import React, { useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useMemoizedFn } from 'ahooks';
+import styled from 'styled-components';
+import { useContext } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
 import styles from "./index.less";
 import { omitBadProps } from "../../../engine/tools/helper";
 import defaultMeta from "../../../engine/meta/layout.props.default.json";
+var StyledLayout = styled.div.withConfig({
+  displayName: "StyledLayout",
+  componentId: "luckda-6530__sc-39av4h-0"
+})(["", ""], function (props) {
+  return props.$css;
+});
 var LCLayout = function LCLayout(_ref) {
   var id = _ref.id,
     children = _ref.children,
-    columnRatio = _ref.columnRatio,
     columnSpacing = _ref.columnSpacing,
     lineSpacing = _ref.lineSpacing,
-    style = _ref.style;
+    style = _ref.style,
+    css = _ref.css,
+    advance = _ref.advance;
   var ref = useRef();
+  var ctx = useContext();
+  useEffect(function () {
+    ctx.doAction(advance.events.onMount);
+    return function () {
+      return ctx.doAction(advance.events.onUnmount);
+    };
+  }, []);
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;
   });
@@ -21,12 +37,13 @@ var LCLayout = function LCLayout(_ref) {
     id: id,
     displayName: "Layout",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(StyledLayout, {
     ref: ref,
     className: styles['lc-component-layout'],
     style: _objectSpread(_objectSpread({}, style), {}, {
       gap: "".concat(columnSpacing, "px ").concat(lineSpacing, "px")
-    })
+    }),
+    $css: css
   }, children));
 };
 LCLayout.propTypes = {

package/es/lowcode/view/lc-components/Layout/meta.json

@@ -23,7 +23,7 @@
     {
       "key": "columnSpacing",
       "name": "列间距",
-      "desc": "表示列之间的间距或距离",
+      "desc": "表示一行中分栏与分栏之间的间距",
       "type": "select",
       "options": [
         {
@@ -56,7 +56,7 @@
     {
       "key": "lineSpacing",
       "name": "行间距",
-      "desc": "表示行之间的间距或距离",
+      "desc": "表示每一行之间的间距",
       "type": "select",
       "options": [
         {
@@ -87,20 +87,20 @@
       "default": 16
     }
   ],
-  "css": {},
+  "css": "background-color: transparent;",
   "advance": {
     "events": [
       {
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "function onMount(params) {\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "function onUnmount(params) {\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       }
     ]
   }

package/es/lowcode/view/lc-components/Link/meta.json

@@ -5,6 +5,7 @@
   "group": "basic",
   "groupName": "基础",
   "desc": "用于创建可点击的链接，以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
+  "hidden": true,
   "order": 1,
   "props": [
     {
@@ -86,7 +87,7 @@
       "default": "hidden"
     }
   ],
-  "css": {},
+  "css": "",
   "advance": {
     "events": [
       {

package/es/lowcode/view/lc-components/Page/meta.json

@@ -27,6 +27,12 @@
           "default": "false"
         }
       ]
+    },
+    {
+      "key": "vars",
+      "name": "页面数据源",
+      "type": "_PageVars",
+      "wrapper": "collapse"
     }
   ],
   "css": "background-color: transparent;",

package/es/lowcode/view/lc-components/PageLayout/FunctionDesign.js

@@ -32,7 +32,11 @@ var FunctionDesign = function FunctionDesign(_ref) {
     ratioArr.forEach(function (_, i) {
       var _boxId = "box_".concat(suid());
       addNode(id, _boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
-        buildIn: true
+        buildIn: true,
+        style: {
+          width: 'calc(100% - 32px)',
+          height: 'calc(100% - 32px)'
+        }
       }));
       if (prevChildren[i]) {
         addNode(_boxId, prevChildren[i][0], prevChildren[i][1]);

package/es/lowcode/view/lc-components/PageLayout/meta.json

@@ -39,7 +39,7 @@
       ]
     }
   ],
-  "css": "width: 100%; height: 100%; background-color: transparent",
+  "css": "width: 100%; height: 100%; background-color: transparent;",
   "advance": {
     "events": [
       {

package/es/lowcode/view/lc-components/Section/index.js

@@ -90,13 +90,9 @@ var LCSection = function LCSection(_ref2) {
     _collapseProps = _useCreation._collapseProps,
     _panelProps = _useCreation._panelProps;
   useEffect(function () {
-    ctx.doAction(advance.events.onMount, {
-      instance: ref.current
-    });
+    ctx.doAction(advance.events.onMount);
     return function () {
-      ctx.doAction(advance.events.onUnmount, {
-        instance: ref.current
-      });
+      ctx.doAction(advance.events.onUnmount);
     };
   }, []);
   var getTargetDom = useMemoizedFn(function () {