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

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() {
@@ -438,41 +509,41 @@ var LCImex = function LCImex(_ref) {
   }, "\u4E0B\u8F7D\u51FA\u9519\u8868\u683C\u4FE1\u606F") : ''))));
 };
 LCImex.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
    */
   id: PropTypes.string.isRequired,
-  /**
-   * @name 按钮标题
-   * @type string
-   * @default 12:3:9
+  /**
+   * @name 按钮标题
+   * @type string
+   * @default 12:3:9
    */
   title: PropTypes.string,
-  /**
-   * @name 按钮类型
-   * @type _ButtonType
-   * @default 'default'
+  /**
+   * @name 按钮类型
+   * @type _ButtonType
+   * @default 'default'
    */
   type: PropTypes.oneOf(['default', 'primary', 'dashed', 'danger']),
-  /**
-   * @name impexpSetting
-   * @type _ImpExpAlone
-   * @default { "customType": false, "customParam": null, "type": "export" }
+  /**
+   * @name impexpSetting
+   * @type _ImpExpAlone
+   * @default { "customType": false, "customParam": null, "type": "export" }
    */
   impexpSetting: PropTypes.object,
-  /**
-   * @name 按钮大小
-   * @type segmented
-   * @options [{ "label": "小", "value": "small"}, { "label": "中", "value": "middle" }, { "label": "大", "value": "large" }]
-   * @default 'default'
+  /**
+   * @name 按钮大小
+   * @type segmented
+   * @options [{ "label": "小", "value": "small"}, { "label": "中", "value": "middle" }, { "label": "大", "value": "large" }]
+   * @default 'default'
    */
   size: PropTypes.oneOf(['small', 'default', 'large']),
-  /**
-   * @name 将按钮宽度调整为其父宽度的选项
-   * @type boolean
-   * @default false
+  /**
+   * @name 将按钮宽度调整为其父宽度的选项
+   * @type boolean
+   * @default false
    */
   block: PropTypes.bool
 };

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

@@ -1,7 +1,7 @@
-.exportTheme {
-  color: var(--luck-color-primary);
-}
-
-.exportErrorTheme {
-  color: var(--luck-color-danger);
-}
+.exportTheme {
+  color: var(--luck-color-primary);
+}
+
+.exportErrorTheme {
+  color: var(--luck-color-danger);
+}