@luck-design-biz/luckda 0.0.25-8 → 0.0.25-9

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

@@ -6,17 +6,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
+var _luckDesign = require("luck-design");
+var _ApiConfig = _interopRequireDefault(require("@/services/ApiConfig"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _index = _interopRequireDefault(require("./index.less"));
@@ -28,6 +29,7 @@ var _utils = require("@luck-design-biz/base/utils");
 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",
@@ -35,6 +37,14 @@ var StyledButton = (0, _styledComponents.default)(_LdCom.LdButton).withConfig({
 })(["", ""], function (props) {
   return props.$css;
 });
+var DownloadLink = _styledComponents.default.div.withConfig({
+  displayName: "DownloadLink",
+  componentId: "luckda-6530__sc-mil6cj-1"
+})(["display:flex;align-items:center;justify-content:center;margin-top:-36px;"]);
+var UploadDoneWrap = _styledComponents.default.div.withConfig({
+  displayName: "UploadDoneWrap",
+  componentId: "luckda-6530__sc-mil6cj-2"
+})(["display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;"]);
 var LCButton = function LCButton(_ref) {
   var id = _ref.id,
     title = _ref.title,
@@ -54,27 +64,49 @@ var LCButton = function LCButton(_ref) {
   var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
     module = _useRemoteSource.module,
     moduleCode = _useRemoteSource.moduleCode;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    uploadLoading = _useState2[0],
-    setUploadLoading = _useState2[1];
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    var _ref$current;
+    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.buttonNode;
+  });
+
+  // ========= 导出 ==========
+
   var _useRequest = (0, _ahooks.useRequest)(_apiUrl.exportExcel, {
       manual: true
     }),
-    _loading = _useRequest.loading,
-    runAsync = _useRequest.runAsync,
-    data = _useRequest.data;
-  var fecthExcelState = function fecthExcelState(payload, procress, resolve, reject) {
-    // 查询进度
-    (0, _apiUrl.readExportExcelState)(payload).then(function (ret) {
-      var cpage = ret.cpage,
-        total = ret.total,
-        downloadUrl = ret.downloadUrl;
-      if (cpage >= total) {
-        resolve("".concat(window.location.origin, "/api").concat(downloadUrl));
+    runAsync = _useRequest.runAsync;
+  var fecthExcelState = function fecthExcelState(_ref2, procress, resolve, reject) {
+    var strategy = _ref2.strategy,
+      batchNo = _ref2.batchNo,
+      moduleCode = _ref2.moduleCode,
+      behaviorKey = _ref2.behaviorKey;
+    var _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
+    var _fetchExcelStateParams = {
+      moduleCode: moduleCode,
+      behaviorKey: behaviorKey,
+      reportType: "export"
+    };
+    (0, _apiUrl.getFindexcelstate)(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
+      if (response.code === 1) {
+        var _response$data = response.data,
+          successCount = _response$data.successCount,
+          totalCount = _response$data.totalCount,
+          downloadUrl = _response$data.downloadUrl;
+        if (successCount >= totalCount) {
+          resolve(downloadUrl);
+        } else {
+          procress((successCount / totalCount * 100).toFixed(1));
+          setTimeout(function () {
+            fecthExcelState({
+              strategy: strategy,
+              batchNo: batchNo,
+              moduleCode: moduleCode,
+              behaviorKey: behaviorKey
+            }, procress, resolve, reject);
+          }, 500);
+        }
       } else {
-        procress(cpage / total * 100);
-        fecthExcelState(payload, procress, resolve, reject);
+        reject();
       }
     }).catch(function () {
       reject();
@@ -82,32 +114,48 @@ var LCButton = function LCButton(_ref) {
   };
   var handleExportAll = function handleExportAll(procress) {
     return new Promise( /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(resolve, reject) {
-        var joiner, payload;
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(resolve, reject) {
+        var isBehavior, strategy, behaviorKey, _exportExcelParams, _exportExcelPrefix, exportExcelResponse;
         return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              joiner = 'apiUrl'.indexOf('?') !== -1 ? '&' : '?';
-              _context.next = 3;
-              return runAsync({
-                apiUrl: "apiurl".concat(joiner, "token=").concat(window.cookie.get(window.appConfig.authSaveKey)),
-                code: impexpSetting.customParam
-              });
-            case 3:
-              payload = _context.sent;
-              if (payload && typeof payload === 'string') {
-                fecthExcelState(payload, procress, resolve, reject);
+              isBehavior = (0, _lodash.isString)(impexpSetting.customParam);
+              strategy = isBehavior ? 'behavior' : 'report_server';
+              if (isBehavior) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return", _antd.message.info("\u672A\u914D\u7F6E\u81EA\u5B9A\u4E49\u884C\u4E3A\uFF01"));
+            case 4:
+              behaviorKey = impexpSetting.customParam;
+              _exportExcelParams = {
+                moduleCode: module.moduleCode,
+                behaviorKey: behaviorKey,
+                reportType: "export"
+              };
+              _exportExcelPrefix = "/".concat(strategy);
+              _context.next = 9;
+              return runAsync(_exportExcelPrefix, _exportExcelParams);
+            case 9:
+              exportExcelResponse = _context.sent;
+              if (exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: strategy,
+                  batchNo: exportExcelResponse.data,
+                  moduleCode: module.moduleCode,
+                  behaviorKey: behaviorKey
+                }, procress, resolve, reject);
               } else {
                 reject();
               }
-            case 5:
+            case 11:
             case "end":
               return _context.stop();
           }
         }, _callee);
       }));
       return function (_x, _x2) {
-        return _ref2.apply(this, arguments);
+        return _ref3.apply(this, arguments);
       };
     }());
   };
@@ -119,7 +167,7 @@ var LCButton = function LCButton(_ref) {
       message: '正在导出数据...',
       placement: 'bottomRight',
       closeIcon: /*#__PURE__*/_react.default.createElement("div", null),
-      icon: /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+      icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
         type: "cloud-download",
         className: _index.default.exportTheme
       })
@@ -143,7 +191,7 @@ var LCButton = function LCButton(_ref) {
       _antd.notification.close(key);
     }).catch(function () {
       return _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
-        icon: /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+        icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
           type: "cloud-download",
           className: _index.default.exportErrorTheme
         }),
@@ -152,67 +200,183 @@ var LCButton = function LCButton(_ref) {
       }));
     });
   };
-  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    var _ref$current;
-    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.buttonNode;
-  });
-  var getActionUrl = function getActionUrl() {
-    var caturl = impexpSetting.customType ? "selectKey=".concat(impexpSetting.customParam) : "inputKey=".concat(impexpSetting.customParam);
-    return caturl;
+
+  // ========= 导出 ==========
+
+  // ========= 导入 ==========
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)('undone'),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    actionStep = _useState4[0],
+    setActionStep = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    templateUrl = _useState6[0],
+    setTemplateUrl = _useState6[1];
+  var _useState7 = (0, _react.useState)({}),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    uploadResult = _useState8[0],
+    setUploadResult = _useState8[1];
+  var _useRequest2 = (0, _ahooks.useRequest)(_apiUrl.uploadTemplate, {
+      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 _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
+    var _fetchExcelStateParams = {
+      moduleCode: moduleCode,
+      behaviorKey: behaviorKey,
+      templateId: templateId,
+      reportType: "import"
+    };
+    (0, _apiUrl.getFindexcelstate)(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
+      if (response.code === 1) {
+        var data = response.data;
+        callback(data);
+        if (data.state !== -1 && data.successCount < data.totalCount) {
+          setTimeout(function () {
+            fecthFindExcelState({
+              strategy: strategy,
+              batchNo: batchNo,
+              moduleCode: moduleCode,
+              behaviorKey: behaviorKey,
+              templateId: templateId
+            }, callback);
+          }, 500);
+        } else {
+          setActionStep('finish');
+        }
+      } else {
+        callback();
+        setActionStep('finish');
+      }
+    }).catch(function () {
+      setActionStep('finish');
+      callback();
+    });
   };
-  var formItemProps = {
-    action: getActionUrl(),
-    // 上传地址
-    headers: {
-      Authorization: "Bearer ".concat(window.cookie.get(window.appConfig.authSaveKey))
-    },
-    name: 'files',
-    showUploadList: false,
-    beforeUpload: function beforeUpload(file, fileList) {
-      setUploadLoading(true);
-      return file;
-    },
-    onChange: function onChange(e) {
-      setUploadLoading(false);
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      setActionStep('undone');
+      setUploadResult({});
+      setTemplateUrl('');
     }
-  };
-  var handleClick = (0, _ahooks.useMemoizedFn)( /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(e) {
-      var _uploadRef$current;
+  }, [visible]);
+  var handleImport = /*#__PURE__*/function () {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(err, values) {
+      var _importExcelParams, strategy, importParameter, _importExcelPrefix, importExcelResponse;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (err) {
+              _context2.next = 14;
+              break;
+            }
+            _importExcelParams = new FormData();
+            values.files.forEach(function (file) {
+              _importExcelParams.append('file', file.originFileObj);
+            });
+            strategy = impexpSetting.customType ? 'behavior' : 'report_server';
+            importParameter = impexpSetting.customType ? {
+              moduleCode: module.moduleCode,
+              behaviorKey: impexpSetting.customParam,
+              gatewayUrl: "".concat(window.location.origin).concat(_ApiConfig.default.API_HOST)
+            } : {
+              templateId: impexpSetting.customParam,
+              gatewayUrl: "".concat(window.location.origin).concat(_ApiConfig.default.API_HOST)
+            };
+            _importExcelParams.append('importParameter', JSON.stringify(importParameter));
+            _importExcelPrefix = "/".concat(strategy);
+            _context2.next = 9;
+            return runAsyncImport(_importExcelPrefix, _importExcelParams);
+          case 9:
+            importExcelResponse = _context2.sent;
+            setActionStep('uploading');
+            fecthFindExcelState((0, _objectSpread2.default)({
+              strategy: strategy,
+              batchNo: importExcelResponse.data
+            }, importParameter), function (result) {
+              setUploadResult(result || {});
+            });
+            _context2.next = 15;
+            break;
+          case 14:
+            _antd.message.info('请选择Excel文件！');
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handleImport(_x3, _x4) {
+      return _ref5.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) {
           case 0:
             if (!onClick) {
-              _context2.next = 3;
+              _context3.next = 3;
               break;
             }
             onClick(e);
-            return _context2.abrupt("return");
+            return _context3.abrupt("return");
           case 3:
-            if (impexpSetting.type === 'export') {
+            if (!(impexpSetting.type === 'export')) {
+              _context3.next = 7;
+              break;
+            }
+            // ! 导出
+            if ((0, _lodash.isString)(impexpSetting.customParam) && impexpSetting.customParam) {
               doExportAll(handleExportAll);
             } else {
-              if (uploadRef.current) {
-                (_uploadRef$current = uploadRef.current) === null || _uploadRef$current === void 0 || (_uploadRef$current = _uploadRef$current.upload) === null || _uploadRef$current === void 0 || (_uploadRef$current = _uploadRef$current.uploader) === null || _uploadRef$current === void 0 || _uploadRef$current.onClick();
-              }
+              _antd.message.info("\u672A\u914D\u7F6E\u884C\u4E3A\uFF01");
+            }
+            _context3.next = 11;
+            break;
+          case 7:
+            if (impexpSetting.customParam) {
+              _context3.next = 9;
+              break;
             }
-          case 4:
+            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);
+                }
+              });
+            }
+            setVisible(true);
+          case 11:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
-    return function (_x3) {
-      return _ref3.apply(this, arguments);
+    return function (_x5) {
+      return _ref6.apply(this, arguments);
     };
   }());
-  // console.log(formItemProps, module, moduleCode)
-
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
     displayName: "Imex",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement(StyledButton, {
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(StyledButton, {
     ref: ref,
     type: type,
     size: size,
@@ -220,20 +384,66 @@ var LCButton = function LCButton(_ref) {
     ghost: ghost,
     $css: css,
     className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
-    onClick: handleClick,
-    loading: !!_loading || !!uploadLoading
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'none'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Upload, (0, _extends2.default)({}, formItemProps, {
-    ref: uploadRef
-  }))), iconFont ? /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    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)({
+    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);
+    }
+  }), actionStep === 'undone' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_luckDesign.BasicForm, {
+    onSubmit: handleImport,
+    layout: "drawer",
+    buttonRender: function buttonRender() {
+      return /*#__PURE__*/_react.default.createElement(_LdCom.LdButton, {
+        type: "primary",
+        htmlType: "submit"
+      }, "\u5BFC\u5165");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_luckDesign.BasicFormItem, {
+    type: "upload",
+    name: "files",
+    label: "\u4E0A\u4F20",
+    accept: ".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    config: {
+      required: true,
+      message: '请上传Excel文件',
+      directory: false,
+      num: 1,
+      multiple: false,
+      autoUpload: false,
+      listType: 'text',
+      accept: '.xls,.xlsx,.xlt,.xlsm',
+      name: 'fileObj',
+      beforeUpload: function beforeUpload(file) {
+        var suffix = (0, _lodash.lowerCase)((0, _lodash.last)((0, _lodash.split)(file.name, '.')));
+        if (!(0, _lodash.includes)(['xls', 'xlsx', 'xlt', 'xlsm'], suffix)) {
+          _antd.message.info('禁止上传的文件类型');
+          return false;
+        }
+      }
+    }
+  })), templateUrl && /*#__PURE__*/_react.default.createElement(DownloadLink, null, /*#__PURE__*/_react.default.createElement("a", {
+    href: "".concat(templateUrl),
+    download: true
+  }, /*#__PURE__*/_react.default.createElement(_LdCom.LdButton, {
+    type: "link"
+  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: "download"
+  }), " \u4E0B\u8F7D\u6A21\u7248")))) : /*#__PURE__*/_react.default.createElement(UploadDoneWrap, null, /*#__PURE__*/_react.default.createElement("p", null, "\u5DF2\u5BFC\u5165\uFF1A", uploadResult.totalCount || 0, "\u6761\uFF0C\u6210\u529F\uFF1A", uploadResult.successCount || 0, "\u6761\uFF0C\u5931\u8D25\uFF1A", uploadResult.failureCount, "\u6761"), uploadResult.failureCount > 0 ? /*#__PURE__*/_react.default.createElement("a", {
+    href: uploadResult.errorFileUrl,
+    download: true
+  }, "\u4E0B\u8F7D\u51FA\u9519\u8868\u683C\u4FE1\u606F") : ''))));
 };
 LCButton.propTypes = {
   /**
@@ -257,7 +467,7 @@ LCButton.propTypes = {
   /**
    * @name impexpSetting
    * @type _ImpExpAlone
-   * @default { "customType": false, "customParam": false, "type": "export" }
+   * @default { "customType": false, "customParam": null, "type": "export" }
    */
   impexpSetting: _propTypes.default.object,
   /**

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

@@ -25,7 +25,7 @@
       "type": "_ImpExpAlone",
       "default": {
         "customType": false,
-        "customParam": false,
+        "customParam": null,
         "type": "export"
       }
     },