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

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

@@ -1,7 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +11,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
@@ -30,7 +29,6 @@ var _helper = require("../../../engine/tools/helper");
 var _apiUrl = require("../../../constants/api-url");
 var _imexPropsDefault = _interopRequireDefault(require("../../../engine/meta/imex.props.default.json"));
 var _lodash = require("lodash");
-var _excluded = ["id", "title", "type", "size", "iconFont", "block", "ghost", "css", "className", "onClick", "advance", "impexpSetting"];
 var StyledButton = (0, _styledComponents.default)(_LdCom.LdButton).withConfig({
   displayName: "StyledButton",
   componentId: "luckda-6530__sc-mil6cj-0"
@@ -58,12 +56,18 @@ var LCImex = function LCImex(_ref) {
     onClick = _ref.onClick,
     advance = _ref.advance,
     impexpSetting = _ref.impexpSetting,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    serial = _ref.serial,
+    serialEffect = _ref.serialEffect;
   var ref = (0, _react.useRef)();
-  var uploadRef = (0, _react.useRef)();
+  var ctx = (0, _ContextProvider.useContext)();
   var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
-    module = _useRemoteSource.module,
-    moduleCode = _useRemoteSource.moduleCode;
+    module = _useRemoteSource.module;
+  (0, _react.useEffect)(function () {
+    ctx.doAction(advance.events.onMount);
+    return function () {
+      return ctx.doAction(advance.events.onUnmount);
+    };
+  }, []);
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     var _ref$current;
     return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.buttonNode;
@@ -84,7 +88,7 @@ var LCImex = function LCImex(_ref) {
     var _fetchExcelStateParams = {
       moduleCode: moduleCode,
       behaviorKey: behaviorKey,
-      reportType: "export"
+      reportType: 'export'
     };
     (0, _apiUrl.getFindexcelstate)(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
       if (response.code === 1) {
@@ -131,7 +135,7 @@ var LCImex = function LCImex(_ref) {
               _exportExcelParams = {
                 moduleCode: module.moduleCode,
                 behaviorKey: behaviorKey,
-                reportType: "export"
+                reportType: 'export'
               };
               _exportExcelPrefix = "/".concat(strategy);
               _context.next = 9;
@@ -159,47 +163,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.default.createElement("div", null),
-      icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-        type: "cloud-download",
-        className: _index.default.exportTheme
-      })
-    };
-    var process = function process(i) {
-      _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
-        description: /*#__PURE__*/_react.default.createElement(_antd.Progress, {
-          percent: i
-        })
-      }));
-    };
-    _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
-      description: /*#__PURE__*/_react.default.createElement(_antd.Progress, {
-        percent: 0
-      })
+  var doExportAll = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(onExportAll) {
+      var key, notificationConfig, process, ret;
+      return (0, _regeneratorRuntime2.default)().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.default.createElement("div", null),
+              icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+                type: "cloud-download",
+                className: _index.default.exportTheme
+              })
+            };
+            process = function process(i) {
+              _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
+                description: /*#__PURE__*/_react.default.createElement(_antd.Progress, {
+                  percent: i
+                })
+              }));
+            };
+            _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
+              description: /*#__PURE__*/_react.default.createElement(_antd.Progress, {
+                percent: 0
+              })
+            }));
+            _context2.prev = 4;
+            _context2.next = 7;
+            return onExportAll(process);
+          case 7:
+            ret = _context2.sent;
+            if (ret) {
+              window.location.href = ret;
+            }
+            _antd.notification.close(key);
+            _context2.next = 15;
+            break;
+          case 12:
+            _context2.prev = 12;
+            _context2.t0 = _context2["catch"](4);
+            _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
+              icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+                type: "cloud-download",
+                className: _index.default.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;
-      }
-      _antd.notification.close(key);
-    }).catch(function () {
-      return _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
-        icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-          type: "cloud-download",
-          className: _index.default.exportErrorTheme
-        }),
-        message: '导出失败',
-        duration: 4
-      }));
-    });
-  };
+    return function doExportAll(_x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
 
   // ========= 导出 ==========
 
@@ -224,18 +249,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'
     };
     (0, _apiUrl.getFindexcelstate)(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
       if (response.code === 1) {
@@ -271,13 +296,13 @@ var LCImex = function LCImex(_ref) {
     }
   }, [visible]);
   var handleImport = /*#__PURE__*/function () {
-    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(err, values) {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(err, values) {
       var _importExcelParams, strategy, importParameter, _importExcelPrefix, importExcelResponse;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return (0, _regeneratorRuntime2.default)().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();
@@ -295,10 +320,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((0, _objectSpread2.default)({
               strategy: strategy,
@@ -306,70 +331,111 @@ var LCImex = function LCImex(_ref) {
             }, importParameter), function (result) {
               setUploadResult(result || {});
             });
-            _context2.next = 15;
+            _context3.next = 15;
             break;
           case 14:
             _antd.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 = (0, _ahooks.useMemoizedFn)( /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(e) {
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4(e) {
+      var resault, response;
+      return (0, _regeneratorRuntime2.default)().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 ((0, _lodash.isString)(impexpSetting.customParam) && impexpSetting.customParam) {
-              doExportAll(handleExportAll);
-            } else {
-              _antd.message.info("\u672A\u914D\u7F6E\u884C\u4E3A\uFF01");
+            if (!((0, _lodash.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:
+            _antd.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", _antd.message.info("\u672A\u914D\u7F6E\u6A21\u7248\uFF01"));
-          case 9:
-            if (!impexpSetting.customType) {
-              (0, _apiUrl.noAuthGetTemplateUrl)(impexpSetting.customParam).then(function (response) {
-                if (response.code === 1) {
-                  setTemplateUrl(response.data);
-                }
+            ctx.doAction(advance.events.afterExe, {
+              success: false
+            });
+            return _context4.abrupt("return", _antd.message.info("\u672A\u914D\u7F6E\u6A21\u7248\uFF01"));
+          case 23:
+            if (impexpSetting.customType) {
+              _context4.next = 28;
+              break;
+            }
+            _context4.next = 26;
+            return (0, _apiUrl.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.default.createElement(_Wrapper.default, {
@@ -384,24 +450,29 @@ var LCImex = function LCImex(_ref) {
     ghost: ghost,
     $css: css,
     className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
+    resource: serial,
+    serialEffect: serialEffect,
     onClick: handleClick
   }, iconFont ? /*#__PURE__*/_react.default.createElement(_IconFont.default, {
     type: iconFont
   }) : null, title || (0, _utils.formatMessage)({
     id: 'luckda.lowcode.painter.import',
     label: '导入'
-  })), /*#__PURE__*/_react.default.createElement(_luckDesign.PopWindow, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+  })), /*#__PURE__*/_react.default.createElement(_luckDesign.PopWindow, {
     visible: visible,
     title: "\u4E0A\u4F20excel\u6587\u4EF6",
     mode: "modal",
-    size: "mini"
-  }, "visible", visible), "destroyOnClose", true), "footer", actionStep === 'undone' ? function () {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  } : null), "onClose", function onClose() {
-    if (actionStep !== 'uploading') {
-      setVisible(false);
+    size: "mini",
+    destroyOnClose: true,
+    footer: actionStep === 'undone' ? function () {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    } : null,
+    onClose: function onClose() {
+      if (actionStep !== 'uploading') {
+        setVisible(false);
+      }
     }
-  }), actionStep === 'undone' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_luckDesign.BasicForm, {
+  }, actionStep === 'undone' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_luckDesign.BasicForm, {
     onSubmit: handleImport,
     layout: "drawer",
     buttonRender: function buttonRender() {
@@ -446,41 +517,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.default.string.isRequired,
-  /**
-   * @name 按钮标题
-   * @type string
-   * @default 12:3:9
+  /**
+   * @name 按钮标题
+   * @type string
+   * @default 12:3:9
    */
   title: _propTypes.default.string,
-  /**
-   * @name 按钮类型
-   * @type _ButtonType
-   * @default 'default'
+  /**
+   * @name 按钮类型
+   * @type _ButtonType
+   * @default 'default'
    */
   type: _propTypes.default.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.default.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.default.oneOf(['small', 'default', 'large']),
-  /**
-   * @name 将按钮宽度调整为其父宽度的选项
-   * @type boolean
-   * @default false
+  /**
+   * @name 将按钮宽度调整为其父宽度的选项
+   * @type boolean
+   * @default false
    */
   block: _propTypes.default.bool
 };

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