@luck-design-biz/luckda 0.0.25-1 → 0.0.25-10

package/lib/lowcode/view/lc-components/Table/components/TopFilter.js

@@ -6,99 +6,119 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _lodash = require("lodash");
-function mockDict() {
-  return new Promise(function (resolve) {
-    setTimeout(function () {
-      resolve([{
-        value: '1',
-        label: '启用'
-      }, {
-        value: '2',
-        label: '未启用'
-      }, {
-        value: '0',
-        label: '未知'
-      }]);
-    }, 600);
-  });
-}
-function mockDApi() {
-  return new Promise(function (resolve) {
-    setTimeout(function () {
-      resolve({
-        options: [{
-          value: '2023',
-          label: '2023年'
-        }, {
-          value: '2024',
-          label: '2024年'
-        }, {
-          value: '2024',
-          label: '2025年'
-        }],
-        field: 'planYear'
-      });
-    }, 600);
-  });
-}
+var _utils = require("@luck-design-biz/base/utils");
+var _apiUrl = require("../../../../constants/api-url");
 var TopFilter = function TopFilter(_ref) {
-  var filter = _ref.filter;
+  var filter = _ref.filter,
+    instance = _ref.instance;
   var _useState = (0, _react.useState)((0, _lodash.isArray)(filter) ? filter : []),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     optons = _useState2[0],
     setOptions = _useState2[1];
+  var _useState3 = (0, _react.useState)(void 0),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    apiField = _useState4[0],
+    setApiField = _useState4[1];
   (0, _ahooks.useAsyncEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-    var _yield$mockDApi, options, field;
+    var _yield$request, options, field, _yield$fetchDataDic, code, list, detail;
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (!(0, _lodash.isString)(filter)) {
-            _context.next = 9;
+            _context.next = 10;
             break;
           }
           _context.next = 3;
-          return mockDApi();
+          return (0, _utils.request)(filter);
         case 3:
-          _yield$mockDApi = _context.sent;
-          options = _yield$mockDApi.options;
-          field = _yield$mockDApi.field;
+          _yield$request = _context.sent;
+          options = _yield$request.options;
+          field = _yield$request.field;
           setOptions(options);
-          _context.next = 19;
+          setApiField(field);
+          _context.next = 22;
           break;
-        case 9:
+        case 10:
           if (!(0, _lodash.isArray)(filter)) {
-            _context.next = 13;
+            _context.next = 14;
             break;
           }
           setOptions(filter);
-          _context.next = 19;
+          _context.next = 22;
           break;
-        case 13:
+        case 14:
           if (!(filter.key && filter.field)) {
-            _context.next = 19;
+            _context.next = 22;
             break;
           }
-          _context.t0 = setOptions;
           _context.next = 17;
-          return mockDict();
+          return (0, _apiUrl.fetchDataDic)({
+            snamealias: filter.key
+          });
         case 17:
-          _context.t1 = _context.sent;
-          (0, _context.t0)(_context.t1);
-        case 19:
+          _yield$fetchDataDic = _context.sent;
+          code = _yield$fetchDataDic.code;
+          list = _yield$fetchDataDic.list;
+          detail = _yield$fetchDataDic.detail;
+          if (code === 1) {
+            setOptions([{
+              value: 'all',
+              label: (0, _utils.formatMessage)({
+                id: "luckda.lowcode.view.lc-components.label.all",
+                label: '全部'
+              })
+            }].concat((0, _toConsumableArray2.default)(list.map(function (_id) {
+              return {
+                value: detail[_id].sfactvalue,
+                label: detail[_id].sname
+              };
+            }))));
+          }
+        case 22:
         case "end":
           return _context.stop();
       }
     }, _callee);
   })), [filter]);
-  return /*#__PURE__*/_react.default.createElement(_antd.Segmented, {
-    options: optons
+  var handleValueChange = (0, _ahooks.useMemoizedFn)(function (e) {
+    var val = e.target.value;
+    var _key = apiField || filter.field;
+    if (val === 'all') {
+      instance.current.onLdQuery((0, _defineProperty2.default)({}, _key, {
+        operate: 'remove'
+      }));
+    } else {
+      var _opt = optons.find(function (_ref3) {
+        var value = _ref3.value;
+        return val === value;
+      });
+      instance.current.onLdQuery((0, _defineProperty2.default)({}, _key, {
+        key: _key,
+        value: val,
+        label: _opt.label
+      }));
+    }
   });
+  return /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    defaultValue: "all",
+    buttonStyle: "solid",
+    onChange: handleValueChange
+  }, optons.map(function (_ref4) {
+    var value = _ref4.value,
+      label = _ref4.label;
+    return /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
+      key: value,
+      value: value
+    }, label);
+  }));
 };
 var _default = exports.default = TopFilter;

package/lib/lowcode/view/lc-components/Table/components/TopImex.js

@@ -0,0 +1,428 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopUpload = exports.TopExport = exports.ImportUploadPop = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("luck-design/antd");
+var _ApiConfig = _interopRequireDefault(require("@/services/ApiConfig"));
+var _luckDesign = require("luck-design");
+var _apiUrl = require("../../../../constants/api-url");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _lodash = require("lodash");
+var _ahooks = require("ahooks");
+var _index = _interopRequireDefault(require("../../ImEx/index.less"));
+var DownloadLink = _styledComponents.default.div.withConfig({
+  displayName: "DownloadLink",
+  componentId: "luckda-6530__sc-1eag873-0"
+})(["display:flex;align-items:center;justify-content:center;margin-top:-36px;"]);
+var UploadDoneWrap = _styledComponents.default.div.withConfig({
+  displayName: "UploadDoneWrap",
+  componentId: "luckda-6530__sc-1eag873-1"
+})(["display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;"]);
+
+// options: {import: 'templateId' | 'behaviorKey',  importType: false | true, moduleCode}
+var ImportUploadPop = exports.ImportUploadPop = function ImportUploadPop(_ref) {
+  var options = _ref.options,
+    visible = _ref.visible,
+    setVisible = _ref.setVisible;
+  var _useState = (0, _react.useState)('undone'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    actionStep = _useState2[0],
+    setActionStep = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    uploadResult = _useState4[0],
+    setUploadResult = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    templateUrl = _useState6[0],
+    setTemplateUrl = _useState6[1];
+
+  // 导入
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.uploadTemplate, {
+      manual: true
+    }),
+    runAsyncImport = _useRequest.runAsync;
+  var fecthFindExcelState = function fecthFindExcelState(_ref2, callback) {
+    var strategy = _ref2.strategy,
+      batchNo = _ref2.batchNo,
+      moduleCode = _ref2.moduleCode,
+      behaviorKey = _ref2.behaviorKey,
+      templateId = _ref2.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();
+    });
+  };
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      setActionStep('undone');
+      setUploadResult({});
+      setTemplateUrl('');
+      if (!options.importType) {
+        (0, _apiUrl.noAuthGetTemplateUrl)(options.import).then(function (response) {
+          if (response.code === 1) {
+            setTemplateUrl(response.data);
+          }
+        });
+      }
+    }
+  }, [visible]);
+  var handleImport = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(err, values) {
+      var _importExcelParams, strategy, importParameter, _importExcelPrefix, importExcelResponse;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (err) {
+              _context.next = 14;
+              break;
+            }
+            _importExcelParams = new FormData();
+            values.files.forEach(function (file) {
+              _importExcelParams.append('file', file.originFileObj);
+            });
+            strategy = options.importType ? 'behavior' : 'report_server';
+            importParameter = options.importType ? {
+              moduleCode: options.moduleCode,
+              behaviorKey: options.import,
+              gatewayUrl: "".concat(window.location.origin).concat(_ApiConfig.default.API_HOST)
+            } : {
+              templateId: options.import,
+              gatewayUrl: "".concat(window.location.origin).concat(_ApiConfig.default.API_HOST)
+            };
+            _importExcelParams.append('importParameter', JSON.stringify(importParameter));
+            _importExcelPrefix = "/".concat(strategy);
+            _context.next = 9;
+            return runAsyncImport(_importExcelPrefix, _importExcelParams);
+          case 9:
+            importExcelResponse = _context.sent;
+            setActionStep('uploading');
+            fecthFindExcelState((0, _objectSpread2.default)({
+              strategy: strategy,
+              batchNo: importExcelResponse.data
+            }, importParameter), function (result) {
+              setUploadResult(result || {});
+            });
+            _context.next = 15;
+            break;
+          case 14:
+            _antd.message.info('请选择Excel文件！');
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleImport(_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_react.default.createElement(_luckDesign.PopWindow, {
+    title: "上传excel文件",
+    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(_antd.Button, {
+        type: "primary",
+        htmlType: "submit"
+      }, "\u5BFC\u5165");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_luckDesign.BasicFormItem, {
+    type: "upload",
+    name: "files",
+    label: "\u4E0A\u4F20",
+    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(_antd.Button, {
+    type: "link"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+    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") : ''));
+};
+
+// options: {import: 'templateId' | 'behaviorKey',  importType: false | true}
+var TopUpload = exports.TopUpload = function TopUpload(_ref4) {
+  var options = _ref4.options,
+    moduleCode = _ref4.moduleCode;
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    visible = _useState8[0],
+    setVisible = _useState8[1];
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: function onClick() {
+      if (!options.import) {
+        return _antd.message.info("\u672A\u914D\u7F6E".concat(options.importType ? '行为' : '模版', "\uFF01"));
+      }
+      setVisible(true);
+    }
+  }, "\u5BFC\u5165"), visible && /*#__PURE__*/_react.default.createElement(ImportUploadPop, {
+    visible: visible,
+    setVisible: setVisible,
+    options: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options), {}, {
+      moduleCode: moduleCode
+    })
+  }));
+};
+
+// options: {export: true | 'behaviorKey'}
+var TopExport = exports.TopExport = function TopExport(_ref5) {
+  var options = _ref5.options,
+    moduleCode = _ref5.moduleCode,
+    apiUrl = _ref5.apiUrl,
+    tableRef = _ref5.tableRef;
+  var _useRequest2 = (0, _ahooks.useRequest)(_apiUrl.exportExcel, {
+      manual: true
+    }),
+    runAsync = _useRequest2.runAsync;
+  var fecthExcelState = function fecthExcelState(_ref6, procress, resolve, reject) {
+    var strategy = _ref6.strategy,
+      batchNo = _ref6.batchNo,
+      moduleCode = _ref6.moduleCode,
+      behaviorKey = _ref6.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 {
+        reject();
+      }
+    }).catch(function () {
+      reject();
+    });
+  };
+  var handleExportAll = function handleExportAll(procress) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(resolve, reject) {
+        var isBehavior, strategy, behaviorKey, _exportExcelParams, _exportExcelPrefix, exportExcelResponse, _tableRef$gridApi, joiner, labels, fieldInfo, defaultExcelParams, _exportExcelParams2, _exportExcelPrefix2, _exportExcelResponse;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              isBehavior = (0, _lodash.isString)(options.export);
+              strategy = isBehavior ? 'behavior' : 'report_server';
+              if (!isBehavior) {
+                _context2.next = 14;
+                break;
+              }
+              if (options.export) {
+                _context2.next = 5;
+                break;
+              }
+              return _context2.abrupt("return", _antd.message.info("\u672A\u914D\u7F6E\u884C\u4E3A\uFF01"));
+            case 5:
+              behaviorKey = options.export;
+              _exportExcelParams = {
+                moduleCode: moduleCode,
+                behaviorKey: behaviorKey,
+                reportType: "export"
+              };
+              _exportExcelPrefix = "/".concat(strategy);
+              _context2.next = 10;
+              return runAsync(_exportExcelPrefix, _exportExcelParams);
+            case 10:
+              exportExcelResponse = _context2.sent;
+              if (exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: strategy,
+                  batchNo: exportExcelResponse.data,
+                  moduleCode: moduleCode,
+                  behaviorKey: behaviorKey
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+              _context2.next = 25;
+              break;
+            case 14:
+              // ! 默认导出
+              joiner = apiUrl.indexOf('?') !== -1 ? '&' : '?';
+              labels = [];
+              fieldInfo = [];
+              tableRef === null || tableRef === void 0 || (_tableRef$gridApi = tableRef.gridApi) === null || _tableRef$gridApi === void 0 || _tableRef$gridApi.columnApi.getAllDisplayedColumns().forEach(function (column) {
+                if (column.colId !== 'luck-expand' && column.colId !== 'luck-select' && column.colId !== 'luck-index' && column.colId !== 'luck-actions' && !column.colDef.draggable) {
+                  labels.push(column.colDef.headerName);
+                  fieldInfo.push({
+                    width: column.actualWidth,
+                    fieldNm: column.colId
+                  });
+                }
+              });
+              defaultExcelParams = {
+                bgColor: "#69b1ff",
+                dataUrl: "".concat(window.location.origin, "/api").concat(apiUrl).concat(joiner, "token=").concat(window.cookie.get(window.appConfig.authSaveKey)),
+                excelName: "download.xls",
+                fieldInfo: fieldInfo,
+                islock: false,
+                labels: labels === null || labels === void 0 ? void 0 : labels.join(),
+                reqBody: null
+              };
+              _exportExcelParams2 = (0, _objectSpread2.default)({
+                moduleCode: moduleCode,
+                reportType: "export"
+              }, defaultExcelParams);
+              _exportExcelPrefix2 = "/".concat(strategy);
+              _context2.next = 23;
+              return runAsync(_exportExcelPrefix2, _exportExcelParams2);
+            case 23:
+              _exportExcelResponse = _context2.sent;
+              if (_exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: strategy,
+                  batchNo: _exportExcelResponse.data,
+                  moduleCode: moduleCode
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+            case 25:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function (_x3, _x4) {
+        return _ref7.apply(this, arguments);
+      };
+    }());
+  };
+  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(_antd.Icon, {
+        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
+      })
+    }));
+    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(_antd.Icon, {
+          type: "cloud-download",
+          className: _index.default.exportErrorTheme
+        }),
+        message: '导出失败',
+        duration: 4
+      }));
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: function onClick() {
+      doExportAll(handleExportAll);
+    }
+  }, "\u5BFC\u51FA");
+};