@uni-sw/u-design 2.0.4

package/es/components/UImportExcel/index.js

@@ -0,0 +1,1117 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { __awaiter, __rest } from "tslib";
+import React, { useRef, useState, useEffect } from 'react';
+import UModal from "../UModal";
+import UButton from "../UButton";
+import UIcon from "../UIcon";
+import UMessageBox from "../UMessageBox";
+import UProgress from "../UProgress";
+import UTable from "../UTable";
+import UNotification from "../UNotification";
+import UPopconfirm from "../UPopconfirm";
+import getGuid from "./getGuid";
+import isDate from "./isDate";
+import ExcelJS from 'exceljs';
+import { saveAs } from 'file-saver';
+import moment from 'moment';
+import classNames from 'classnames';
+import "./style";
+import classnames from 'classnames';
+import { getTheme, CUSTOM_PREFIX } from "../../globalVarious";
+import LocaleReceiver from "../locale-provider/LocaleReceiver";
+//#endregion
+// 导出文件类型
+var EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+// 拼接类名前缀
+var importExcelPrefix = "".concat(CUSTOM_PREFIX, "-importExcel");
+/**
+ * 导入进度条相关信息
+ */
+var processInfo = {};
+/**
+ * 导入数据弹窗
+ */
+var ImportExcel = function ImportExcel(props) {
+  var open = props.open,
+    onCancel = props.onCancel,
+    templateName = props.templateName,
+    templateBlob = props.templateBlob,
+    backImport = props.backImport,
+    addFunc = props.addFunc,
+    maxNum = props.maxNum,
+    columns = props.columns,
+    tip = props.tip,
+    theme = props.theme,
+    rowKey = props.rowKey,
+    className = props.className,
+    progressClassName = props.progressClassName,
+    failReportClassName = props.failReportClassName,
+    dataTrim = props.dataTrim,
+    readFile = props.readFile,
+    readData = props.readData,
+    otherProps = __rest(props, ["open", "onCancel", "templateName", "templateBlob", "backImport", "addFunc", "maxNum", "columns", "tip", "theme", "rowKey", "className", "progressClassName", "failReportClassName", "dataTrim", "readFile", "readData"]);
+  var classMain = classnames("".concat(CUSTOM_PREFIX, "-import"), className, _defineProperty({}, "".concat(CUSTOM_PREFIX, "-import-theme-").concat(theme || getTheme()), theme || getTheme()));
+  var classProgress = classnames("".concat(importExcelPrefix, "-notification"), progressClassName, _defineProperty({}, "".concat(importExcelPrefix, "-theme-").concat(theme || getTheme()), theme || getTheme()));
+  var classFailReport = classnames("".concat(importExcelPrefix, "-failReport"), failReportClassName, _defineProperty({}, "".concat(importExcelPrefix, "-failReport-theme-").concat(theme || getTheme()), theme || getTheme()));
+  /** 导入中 */
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  /** 上传的文件名称 */
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fileName = _useState4[0],
+    setFileName = _useState4[1];
+  /** 导入失败列表 */
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    failReport = _useState6[0],
+    setFailReport = _useState6[1];
+  /** 显示失败列表弹窗 */
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    showError = _useState8[0],
+    setShowError = _useState8[1];
+  /** 显示选择文件弹框 */
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    chooseFile = _useState0[0],
+    setChooseFile = _useState0[1];
+  /** 唯一值 */
+  var _useState1 = useState(function () {
+      return getGuid();
+    }),
+    _useState10 = _slicedToArray(_useState1, 1),
+    guid = _useState10[0];
+  /** 失败列表表头 */
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    failColumns = _useState12[0],
+    setFailColumns = _useState12[1];
+  /** 读取的数据 */
+  var readExcelData = useRef(null);
+  /** 上传组件 */
+  var inputElement = useRef(null);
+  //#region 导入
+  /**
+  * 上传文件input点击
+  */
+  var _chooseFile = function _chooseFile() {
+    //上传前清空上传文件信息，防止上传同一文件，onChange不触发问题
+    if (!inputElement.current) {
+      return;
+    }
+    inputElement.current.value = '';
+    inputElement.current.click();
+  };
+  /**
+   * excel单元格读取
+   * @param info 导入的单个单元格数据
+   * @param rule 该单元格对应的校验规则
+   * @param ifTraDate 是否需要将时间数据转换为字符串
+   */
+  var _readValue = function _readValue(info, rule, ifTraDate) {
+    //excel单元格读取  如果是超链接格式的  读取到的是对象  此时取info.text真实信息
+    var value = info && _typeof(info) === 'object' && undefined !== info.text ? info.text || '' : info;
+    /** 若要求导入去除空格 则去除前后空格 */
+    if (dataTrim && typeof value === 'string') {
+      value = value.trim();
+    }
+    /**
+     * 若用户使用模板时  没使用指定单元格"文本"格式（numFmt = '@'），且填入的是时间数据时
+     * 存在风险项（而只有设置ifTraDate（错误报告展示时间格式数据）的时候 会暴露出来此问题）
+     * 风险如下：
+     * 时间格式的数据  解析出来的和用户填写的可能不一致  从而展示错误报告列列时，可能跟excel的不一致
+     */
+    if (ifTraDate && rule && isDate(value)) {
+      var format = rule.format;
+      //将时间转换为字符串  因为时区问题 减8小时
+      return moment(value.valueOf() - 8 * 60 * 60 * 1000).format(format || 'YYYY-MM-DD HH:mm:ss');
+    }
+    return value;
+  };
+  /**
+   * 校验导入数据
+   * @param info 导入的单个单元格数据
+   * @param rule 该单元格对应的校验规则
+   */
+  var _checkData = function _checkData(info, rule) {
+    var title = rule.title,
+      dataIndex = rule.dataIndex,
+      options = rule.options,
+      type = rule.type,
+      required = rule.required,
+      maxLength = rule.maxLength,
+      validator = rule.validator,
+      defaultValue = rule.defaultValue,
+      transformDate = rule.transformDate,
+      format = rule.format;
+    //excel单元格读取
+    var value = _readValue(info);
+    if (required && !value && 0 !== value) {
+      return "".concat(title, "\u5FC5\u586B");
+    }
+    /**
+     * 导出的模板  将时间类型的单元格格式也设置成了文本格式（numFmt = '@'）
+     * 因此不管哪种类型  都不应该存在时间格式的解析数据
+     * 如果存在  必定是用户未按指定单元格格式填写  按异常处理
+     */
+    if (isDate(value)) {
+      return "".concat(title, "\u6821\u9A8C\u5931\u8D25");
+    }
+    //非必填情况  但数据为空
+    if (!required && !value && 0 !== value) {
+      //若有默认数据  直接赋值默认值
+      if (typeof defaultValue === 'function') {
+        return _defineProperty({}, dataIndex, defaultValue());
+      }
+      //否则设置默认的undefined
+      return _defineProperty({}, dataIndex, undefined);
+    }
+    if (maxLength && 'text' === type && (value === null || value === void 0 ? void 0 : value.length) > maxLength) {
+      return "".concat(title, "\u8D85\u51FA\u9650\u5236\u957F\u5EA6");
+    }
+    if (validator) {
+      var checkResult = validator instanceof RegExp ? validator.test(value) : validator(value);
+      if (!checkResult) {
+        return "".concat(title, "\u6821\u9A8C\u5931\u8D25");
+      }
+    }
+    switch (type) {
+      case 'date':
+        {
+          //校验数据格式
+          if (typeof value !== 'string' || 'Invalid date' === value) {
+            return "".concat(title, "\u6821\u9A8C\u5931\u8D25");
+          }
+          /** 校验字符串是否是真实时间 */
+          var isTime = moment(value, format || 'YYYY-MM-DD HH:mm:ss', true).isValid();
+          console.log(value, '<-----isValid------>', isTime);
+          if (!isTime) {
+            return "".concat(title, "\u6821\u9A8C\u5931\u8D25");
+          }
+          return _defineProperty({}, dataIndex, false === transformDate ? new Date(value) : value);
+        }
+      case 'number':
+        {
+          if (typeof value !== 'number') {
+            return "".concat(title, "\u6821\u9A8C\u5931\u8D25");
+          }
+          return _defineProperty({}, dataIndex, value);
+        }
+      case 'list':
+        {
+          var enumInfo = (options || []).find(function (item) {
+            return item.label === value;
+          });
+          if (!enumInfo) {
+            return "".concat(title, "\u6821\u9A8C\u5931\u8D25");
+          }
+          return _defineProperty({}, dataIndex, enumInfo.value);
+        }
+      case 'checkbox':
+        {
+          var list = typeof value === 'string' ? value.split(/[;；]/g) : [];
+          var _checkResult = false;
+          var valueList = [];
+          Array.from(new Set(list.filter(function (item) {
+            return !!item;
+          }))).forEach(function (label) {
+            var info = (options || []).find(function (item) {
+              return item.label === label;
+            });
+            if (info) {
+              _checkResult = true;
+              valueList.push(info.value);
+            }
+          });
+          if (!_checkResult) {
+            return "".concat(title, "\u6821\u9A8C\u5931\u8D25");
+          }
+          return _defineProperty({}, dataIndex, valueList.join(';'));
+        }
+      case 'text':
+        {
+          if (typeof value !== 'string') {
+            return "".concat(title, "\u6821\u9A8C\u5931\u8D25");
+          }
+          if (maxLength && (value === null || value === void 0 ? void 0 : value.length) > maxLength) {
+            return "".concat(title, "\u8D85\u51FA\u9650\u5236\u957F\u5EA6");
+          }
+          return _defineProperty({}, dataIndex, value);
+        }
+      default:
+        {
+          return _defineProperty({}, dataIndex, value);
+        }
+    }
+  };
+  /**
+   * 循环导入
+   * @param resourceList 等待导入的数据
+   * @param failReport 失败报告
+   * @param startLoop 是否开始循环导入
+   */
+  var _loopImport2 = function _loopImport(resourceList) {
+    var failReport = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var startLoop = arguments.length > 2 ? arguments[2] : undefined;
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+      var _backImport$batchNum, batchNum, _addFunc, list, result, _result;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            //循环导出刚开始  先打开进度条
+            if (startLoop) {
+              _showProcess2();
+            }
+            //导入完成 展示失败列表，并重置   当关闭
+            if (!(0 === resourceList.length || !processInfo[guid])) {
+              _context.n = 1;
+              break;
+            }
+            setIsLoading(false);
+            setFailReport(failReport);
+            console.log('excel导入失败报告 ==>', fileName, failReport);
+            return _context.a(2);
+          case 1:
+            if (!backImport) {
+              _context.n = 4;
+              break;
+            }
+            //批量循环导入
+            _backImport$batchNum = backImport.batchNum, batchNum = _backImport$batchNum === void 0 ? 200 : _backImport$batchNum, _addFunc = backImport.addFunc;
+            list = resourceList.slice(0, batchNum);
+            _context.n = 2;
+            return _addFunc(list).catch(function () {
+              return false;
+            });
+          case 2:
+            result = _context.v;
+            if (processInfo[guid]) {
+              _context.n = 3;
+              break;
+            }
+            return _context.a(2);
+          case 3:
+            if (!result) {
+              failReport = [].concat(_toConsumableArray(failReport), _toConsumableArray(list.map(function (item) {
+                return _defineProperty(_defineProperty({}, rowKey, item[rowKey]), "failReason", '导入失败');
+              })));
+              processInfo[guid].failTotal += list.length;
+            } else if (result instanceof Array && result.length > 0) {
+              failReport = [].concat(_toConsumableArray(failReport), _toConsumableArray(result.map(function (item) {
+                return _defineProperty(_defineProperty({}, rowKey, item[0]), "failReason", item[1] || '导入失败');
+              })));
+              processInfo[guid].failTotal += result.length;
+            }
+            processInfo[guid].nowImportTotal += list.length;
+            _showProcess2();
+            _loopImport2(resourceList.slice(batchNum), failReport);
+            _context.n = 8;
+            break;
+          case 4:
+            _result = false;
+            if (!addFunc) {
+              _context.n = 6;
+              break;
+            }
+            _context.n = 5;
+            return addFunc(resourceList[0]).catch(function () {
+              return false;
+            });
+          case 5:
+            _result = _context.v;
+          case 6:
+            if (processInfo[guid]) {
+              _context.n = 7;
+              break;
+            }
+            return _context.a(2);
+          case 7:
+            if (typeof _result === 'string' && _result || typeof _result === 'boolean' && !_result) {
+              failReport = [].concat(_toConsumableArray(failReport), [_defineProperty(_defineProperty({}, rowKey, resourceList[0][rowKey]), "failReason", typeof _result === 'string' ? _result : '导入失败')]);
+              processInfo[guid].failTotal += 1;
+            }
+            processInfo[guid].nowImportTotal += 1;
+            _showProcess2();
+            _loopImport2(resourceList.slice(1), failReport);
+          case 8:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+  };
+  /**
+   * 开始导入数据
+   */
+  var _startImport = function _startImport() {
+    setIsLoading(true);
+    var reader = new FileReader();
+    // 上传的文件对象
+    var blob = readExcelData.current;
+    if (!fileName) {
+      UMessageBox.info('请上传需要导入的文件');
+      setIsLoading(false);
+      return;
+    }
+    if (!blob) {
+      UMessageBox.error('读取文件异常');
+      setIsLoading(false);
+      return;
+    }
+    /** 将file对象 回调 */
+    if (typeof readFile === 'function') {
+      readFile(blob);
+      _onCancel(true);
+      return;
+    }
+    reader.onload = function (e) {
+      var result = e.target.result;
+      var workbook = new ExcelJS.Workbook();
+      workbook.xlsx.load(result).then(function (res) {
+        var showColumns = columns.filter(function (item) {
+          return !item.hide;
+        });
+        //默认读取的第一个sheet表中的数据
+        var worksheet = res.getWorksheet(1);
+        // 得到rowKey所处的下标
+        var rowIndex = showColumns.findIndex(function (item) {
+          return item.dataIndex === rowKey;
+        });
+        //导入接口需要的数据
+        var resourceList = [];
+        //校验失败列表
+        var failReport = [];
+        //读取的excel数据，第一行是空数据  无需处理
+        var sheetList = worksheet.getSheetValues().slice(1);
+        //读取的excel数据，第二行是表头   且整个sheetList数据，每一行的第一列都是空数据，需剔除
+        var headerList = sheetList[0] instanceof Array ? sheetList[0].slice(1) : [];
+        //读取表头  跟之前生成的导入模板表头对比  若不一致，则认为导入的不是同一模板数据
+        var checkResult = showColumns.some(function (item, index) {
+          return headerList[index] !== "".concat(item.required ? '*' : '').concat(item.title);
+        });
+        console.log('导入的excel表头==>', headerList, columns);
+        if (checkResult) {
+          UMessageBox.error('当前文件有误，请使用下载的导入模板');
+          setIsLoading(false);
+          return;
+        }
+        /** 从第三行开始 才是真实数据 */
+        sheetList.slice(1).forEach(function (item) {
+          if (!(item instanceof Array)) {
+            return;
+          }
+          //第一列非数据  需剔除  并只取跟columns一样长度的数据
+          var list = item.slice(1, showColumns.length + 1);
+          //整个excel数据，index从1开始，且第一行为表头  无需处理
+          if (0 === (list === null || list === void 0 ? void 0 : list.length)) {
+            return;
+          }
+          var resourceRow = {};
+          var checkResult = true;
+          /** 每一行循环时 需循环表头的长度  避免只有前几列信息时，list长度非showColumns表头长度 */
+          for (var i = 0, length = showColumns.length; i < length; i++) {
+            var _result2 = _checkData(list[i], showColumns[i]);
+            if (typeof _result2 === 'string') {
+              failReport.push(_defineProperty(_defineProperty({}, rowKey, _readValue(list[rowIndex], showColumns[rowIndex], true)), "failReason", _result2));
+              checkResult = false;
+              break;
+            }
+            resourceRow = Object.assign(Object.assign({}, resourceRow), _result2);
+          }
+          if (checkResult) {
+            //过滤没法从导入excel中获取的信息  赋默认值
+            columns.filter(function (item) {
+              return item.hide;
+            }).forEach(function (item) {
+              if (item.defaultValue && undefined !== item.defaultValue()) {
+                resourceRow = Object.assign(Object.assign({}, resourceRow), _defineProperty({}, item.dataIndex, item.defaultValue()));
+              }
+            });
+            //检验过的一行数据存储起来 用于后期接口导入
+            resourceList.push(resourceRow);
+          }
+        });
+        if (0 === resourceList.length && 0 === failReport.length) {
+          UMessageBox.warn('文件为空');
+          setIsLoading(false);
+          return;
+        }
+        console.log('导入的excel数据==>', fileName, resourceList, failReport);
+        processInfo[guid] = {
+          importTotal: resourceList.length + failReport.length,
+          nowImportTotal: failReport.length,
+          failTotal: failReport.length,
+          type: 'normal'
+        };
+        /** 将file对象 回调 */
+        if (typeof readData === 'function') {
+          readData(resourceList, failReport);
+          _onCancel(true);
+          return;
+        }
+        if (maxNum && resourceList.length + failReport.length > maxNum) {
+          UMessageBox.info("\u4E00\u6B21\u6027\u5141\u8BB8\u5BFC\u5165".concat(maxNum, "\u6761\uFF0C\u73B0\u53D6\u524D").concat(maxNum, "\u6761\u5F00\u59CB\u5BFC\u5165"));
+        }
+        _loopImport2(maxNum ? resourceList.slice(maxNum) : resourceList, failReport, true);
+        setChooseFile(false);
+        _onCancel();
+      }).catch(function (err) {
+        console.error('文件读取失败', fileName, err);
+        UMessageBox.error('读取文件异常');
+        setIsLoading(false);
+      });
+    };
+    reader.onerror = function (err) {
+      console.error('文件读取失败', fileName, err);
+      UMessageBox.error('读取文件异常');
+      setIsLoading(false);
+    };
+    reader.readAsArrayBuffer(blob);
+  };
+  /**
+   * 显示失败报告
+   */
+  var _showError = function _showError() {
+    UNotification.close(guid);
+    setShowError(true);
+  };
+  /**
+   * 展示进度条
+   */
+  var _showProcess2 = function _showProcess() {
+    if (!processInfo[guid]) {
+      return;
+    }
+    var _processInfo$guid = processInfo[guid],
+      importTotal = _processInfo$guid.importTotal,
+      nowImportTotal = _processInfo$guid.nowImportTotal,
+      failTotal = _processInfo$guid.failTotal,
+      type = _processInfo$guid.type;
+    var percent = Math.floor(nowImportTotal / importTotal * 100);
+    if (!type) {
+      return;
+    }
+    UNotification.open({
+      key: guid,
+      message: 'normal' === type && /*#__PURE__*/React.createElement("span", null, "\u6B63\u5728\u5BFC\u5165\uFF08", /*#__PURE__*/React.createElement("span", {
+        className: "".concat(importExcelPrefix, "-blueText")
+      }, nowImportTotal), "/", importTotal, "\uFF09"),
+      btn: 'normal' === type && /*#__PURE__*/React.createElement(UIcon, {
+        icon: "minusIcon",
+        onClick: function onClick() {
+          processInfo[guid].type = 'simple';
+          _showProcess2();
+        }
+      }),
+      onClose: function onClose() {
+        return _closeProcess();
+      },
+      duration: null,
+      bottom: 8,
+      placement: 'bottomRight',
+      className: classNames(_defineProperty({}, "".concat(importExcelPrefix, "-simple"), 'simple' === type), classProgress),
+      description: (/*#__PURE__*/React.createElement(React.Fragment, null, 'normal' === type && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(importExcelPrefix, "-progress")
+      }, /*#__PURE__*/React.createElement("span", null, fileName), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(importExcelPrefix, "-progressText")
+      }, nowImportTotal !== importTotal && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UProgress, {
+        percent: percent,
+        status: "active"
+      }), /*#__PURE__*/React.createElement(UPopconfirm, {
+        arrowPointAtCenter: true,
+        title: '取消导入后无法继续进行，确认取消吗？',
+        onConfirm: function onConfirm() {
+          return _closeProcess(true);
+        }
+      }, /*#__PURE__*/React.createElement(UIcon, {
+        icon: "closeIcon"
+      }))), nowImportTotal === importTotal && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(importExcelPrefix, "-progressNum")
+      }, /*#__PURE__*/React.createElement(UIcon, {
+        icon: "confirmIcon"
+      }), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "\u6210\u529F", nowImportTotal - failTotal, "\u6761"), failTotal > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "\uFF0C\u5931\u8D25"), /*#__PURE__*/React.createElement("span", {
+        className: "".concat(importExcelPrefix, "-redText")
+      }, failTotal), /*#__PURE__*/React.createElement("span", null, "\u6761"))), failTotal > 0 && /*#__PURE__*/React.createElement(UIcon, {
+        icon: "detailIcon",
+        title: "\u5931\u8D25\u62A5\u544A",
+        onClick: _showError
+      })))), 'simple' === type && /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick() {
+          processInfo[guid].type = 'normal';
+          _showProcess2();
+        }
+      }, /*#__PURE__*/React.createElement(UProgress.Progress, {
+        percent: percent,
+        type: "circle",
+        width: 54
+      }))))
+    });
+  };
+  /**
+   *上传Excel文件/重新选择, 校验上传文件的格式是否正确
+   */
+  var _importExcel = function _importExcel(e) {
+    var file = e.target.files[0];
+    if (!file.type) {
+      var typeIndex = file.name.lastIndexOf('.');
+      var fileType = '';
+      if (typeIndex >= 0) {
+        fileType = file.name.substring(typeIndex + 1, file.name.length);
+      }
+      if (fileType !== 'xlsx' && fileType !== 'xls') {
+        console.error('文件类型不支持', file);
+        UMessageBox.warn('导入的文件格式不正确');
+        return false;
+      }
+    }
+    if (!['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/kset', 'application/excel', 'application/msexcel'].includes(file.type)) {
+      console.error('文件类型不支持', file.type);
+      UMessageBox.warn('导入的文件格式不正确');
+      return false;
+    }
+    readExcelData.current = file;
+    setFileName(file.name);
+    return true;
+  };
+  //#endregion
+  //#region 下载模板
+  /**
+   * 创建excel单个Sheet
+   * @param workbook excel实例
+   * @param name Sheet名称
+   * @param hidden 是否隐藏该Sheet页
+   */
+  var _createSheet = function _createSheet(workbook, name, hidden) {
+    // 添加sheet且冻结表头
+    var worksheet = workbook.addWorksheet(name, {
+      views: [{
+        state: 'frozen',
+        xSplit: 0,
+        ySplit: 1
+      }]
+    });
+    if (hidden) {
+      worksheet.state = 'hidden';
+    }
+    return worksheet;
+  };
+  /**
+   * 创建工作簿和sheet
+   */
+  var _createWork = function _createWork() {
+    var workbook = new ExcelJS.Workbook();
+    return workbook;
+  };
+  /**
+   * 获取枚举信息 { dataIndex: options }
+   * @param columns 模板列信息
+   */
+  var _getEnumList = function _getEnumList(columns) {
+    // 记录每个key所在的index
+    var enumObj = {};
+    columns.forEach(function (item) {
+      var dataIndex = item.dataIndex,
+        options = item.options,
+        type = item.type;
+      if (['list', 'checkbox'].includes(type) && options) {
+        enumObj[dataIndex] = options;
+      }
+    });
+    if (0 === Object.keys(enumObj).length) {
+      return;
+    }
+    return enumObj;
+  };
+  /**
+   * 构建枚举信息的Sheet页
+   * @param workbook 工作簿对象
+   * @param columns 模板列信息
+   */
+  var _createEnumSheet = function _createEnumSheet(workbook, columns) {
+    var enumList = _getEnumList(columns);
+    var enumSheet = {};
+    if (enumList) {
+      var _loop = function _loop() {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+          dataIndex = _Object$entries$_i[0],
+          options = _Object$entries$_i[1];
+        var sheetName = "".concat(dataIndex.slice(dataIndex.lastIndexOf('.') + 1), "_Enum");
+        /** 创建Sheet */
+        var worksheet = _createSheet(workbook, sheetName, true);
+        options.forEach(function (item) {
+          worksheet.addRow([item.label]);
+        });
+        enumSheet[dataIndex] = "=".concat(sheetName, "!$A$1:$A$").concat(options.length);
+      };
+      // 根据枚举值获取字典表中的中文名称
+      for (var _i = 0, _Object$entries = Object.entries(enumList); _i < _Object$entries.length; _i++) {
+        _loop();
+      }
+    }
+    return enumSheet;
+  };
+  /**
+  * 设置单元格的提示信息
+  * @param {Object} item 当前单元格信息
+  */
+  var _getNote = function _getNote(item) {
+    var type = item.type,
+      required = item.required,
+      maxLength = item.maxLength,
+      format = item.format,
+      transformDate = item.transformDate;
+    var titleList = [required ? '必填' : '非必填'];
+    switch (type) {
+      case 'date':
+        titleList = [].concat(_toConsumableArray(titleList), _toConsumableArray(false === transformDate ? [] : ["\u8BF7\u6309\u7167".concat(format || 'YYYY-MM-DD HH:mm:ss', "\u683C\u5F0F\u586B\u5199")]));
+        break;
+      case 'checkbox':
+        titleList = [].concat(_toConsumableArray(titleList), ['请下拉单选或者以分号隔开输入多选项']);
+        break;
+      case 'text':
+        titleList = [].concat(_toConsumableArray(titleList), _toConsumableArray(format ? [format] : []), _toConsumableArray(maxLength ? ["\u5141\u8BB8\u8F93\u5165\u7684\u6700\u5927\u957F\u5EA6\u4E3A".concat(maxLength, "\u4F4D")] : []));
+        break;
+      case 'number':
+        titleList = [].concat(_toConsumableArray(titleList), _toConsumableArray(format ? [format] : ['只允许输入数字']));
+        break;
+      default:
+        break;
+    }
+    return titleList.join('; ');
+  };
+  /**
+   * 设置单元格(不同展示类型)的数据校验规则
+   * @param {Object} item 当前行配置信息
+   * 规则如下：
+   * 数据验证的类型（list:定义一组数据列表，whole:该值必须为整数，textLength：该值可以是文本，但长度受控的，date:该值必须是日期）
+   * type
+   * 值的区间（between:值必须介于公式结果之间，equal：值必须等于公式结果，greaterThan:值必须大于公式结果，lassThanOrEqual：值必须小于或等于公式结果）
+   * operator
+   * 是否展示输入提示，必须是布尔值，默认为false
+   * showInputMessage
+   * 输入提示标题
+   * promptTitle
+   * 输入提示内容
+   * prompt
+   * 是否提示数据错误信息，必须是布尔值
+   * showErrorMessage
+   * 指定有效值的列表
+   * formulae
+   * 错误提示信息
+   * error
+   * 是否允许为空
+   * allowBlank
+   */
+  var _getDataValidation = function _getDataValidation(item, formulae) {
+    var title = item.title,
+      options = item.options,
+      type = item.type,
+      maxLength = item.maxLength,
+      otherParams = __rest(item, ["title", "options", "type", "maxLength"]);
+    switch (type) {
+      case 'list':
+        {
+          return Object.assign({
+            type: 'list',
+            formulae: formulae ? [formulae] : [],
+            showErrorMessage: true,
+            error: "\u8BF7\u9009\u62E9".concat(title)
+          }, otherParams);
+        }
+      case 'checkbox':
+        {
+          return Object.assign({
+            type: 'list',
+            formulae: formulae ? [formulae] : []
+          }, otherParams);
+        }
+      case 'number':
+        return Object.assign({
+          type: 'decimal',
+          showErrorMessage: true,
+          error: "".concat(title, "\u5FC5\u987B\u662F\u6570\u5B57")
+        }, otherParams);
+      case 'date':
+        return Object.assign({
+          type: 'textLength',
+          showErrorMessage: true
+        }, otherParams);
+      case 'text':
+        if (!maxLength) {
+          return Object.assign({
+            type: 'textLength',
+            showErrorMessage: true
+          }, otherParams);
+        }
+        return Object.assign({
+          // 允许输入文本的长度必须小于等于maxLength
+          formulae: [maxLength],
+          type: 'textLength',
+          operator: 'lessThanOrEqual',
+          showErrorMessage: true,
+          error: "".concat(title, "\u5B57\u6BB5\u5141\u8BB8\u8F93\u5165\u7684\u6700\u5927\u957F\u5EA6\u4E3A").concat(maxLength, "\u4F4D")
+        }, otherParams);
+      default:
+        return Object.assign({
+          type: 'textLength',
+          showErrorMessage: true
+        }, otherParams);
+    }
+  };
+  /**
+  * 导出文件
+  * @param {Object} workbook 工作簿对象
+  */
+  var _saveWorkbook = function _saveWorkbook(workbook) {
+    // 导出文件
+    workbook.xlsx.writeBuffer().then(function (data) {
+      var blob = new Blob([data], {
+        type: EXCEL_TYPE
+      });
+      saveAs(blob, "".concat(templateName, ".xlsx"));
+    }).catch(function (err) {
+      console.error('导出模板失败 =>', err);
+    });
+  };
+  /**
+   * 下载导入模板
+   */
+  var _downloadTemplate = function _downloadTemplate() {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee2() {
+      var blob, workbook, worksheet, showColumns, enumSheet, excelColumns;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            if (!isLoading) {
+              _context2.n = 1;
+              break;
+            }
+            return _context2.a(2);
+          case 1:
+            if (!templateBlob) {
+              _context2.n = 4;
+              break;
+            }
+            blob = templateBlob;
+            if (!(typeof templateBlob === 'function')) {
+              _context2.n = 3;
+              break;
+            }
+            _context2.n = 2;
+            return templateBlob();
+          case 2:
+            blob = _context2.v;
+          case 3:
+            if (blob) {
+              saveAs(blob, "".concat(templateName, ".xlsx"));
+            }
+            return _context2.a(2);
+          case 4:
+            /** 创建excel */
+            workbook = _createWork();
+            /** 创建Sheet */
+            worksheet = _createSheet(workbook, 'Sheet1');
+            /** 过滤出需生成的excel列信息 */
+            showColumns = columns.filter(function (item) {
+              return !item.hide;
+            });
+            /** 构建枚举下拉框关联的sheeet页 */
+            enumSheet = _createEnumSheet(workbook, showColumns);
+            excelColumns = showColumns.map(function (item, index) {
+              var title = item.title,
+                dataIndex = item.dataIndex,
+                required = item.required,
+                width = item.width,
+                format = item.format,
+                type = item.type;
+              //列数
+              var number = index + 1;
+              var header = required ? "*".concat(title) : title;
+              //表头
+              var columnsItem = {
+                header: header,
+                key: dataIndex,
+                width: width || 20
+              };
+              //必填列的表头 颜色设置为红色
+              if (required) {
+                var headerCell = worksheet.getCell(1, number);
+                headerCell.font = {
+                  color: {
+                    argb: 'ff0000'
+                  }
+                };
+              }
+              //从第二行（不含表头）开始  设置50行的校验以及枚举选择规则
+              for (var row = 0; row < 50; row++) {
+                var columnCell = worksheet.getCell(row + 2, number);
+                //设置单元格的校验规则
+                var dataValidation = _getDataValidation(item, enumSheet[dataIndex]);
+                if (dataValidation) {
+                  columnCell.dataValidation = dataValidation;
+                }
+                //除表头外的第一行  设置单元格的提示信息
+                if (0 === row) {
+                  console.log("excel\u6A21\u677F ".concat(title, " \u5217\u89C4\u5219 ==>"), dataValidation);
+                  columnCell.note = _getNote(item);
+                }
+                /**
+                 * date、text类型，将单元格格式设置为文本格式（时间也按文本处理）
+                 * 避免因时间格式 导致时间解析有误差
+                 */
+                if (['date', 'text'].includes(type)) {
+                  columnCell.numFmt = '@';
+                }
+                //设置单元格背景为蓝色
+                columnCell.fill = {
+                  type: 'pattern',
+                  pattern: 'solid',
+                  fgColor: {
+                    argb: 'dff8ff'
+                  }
+                };
+                //设置单元格边框
+                columnCell.border = {
+                  top: {
+                    style: 'thin'
+                  },
+                  left: {
+                    style: 'thin'
+                  },
+                  bottom: {
+                    style: 'thin'
+                  },
+                  right: {
+                    style: 'thin'
+                  }
+                };
+              }
+              return columnsItem;
+            }); // 设置 表头信息
+            worksheet.columns = excelColumns;
+            // 导出文件
+            _saveWorkbook(workbook);
+          case 5:
+            return _context2.a(2);
+        }
+      }, _callee2);
+    }));
+  };
+  //#endregion
+  /**
+   * 导入进度 弹框关闭
+   */
+  var _closeNotification = function _closeNotification() {
+    if (processInfo[guid]) {
+      processInfo[guid].type = '';
+    }
+    UNotification.close(guid);
+    setShowError(false);
+  };
+  /**
+   * 导入进度 关闭
+   * @param end 是否结束上传  并剩余的不再上传
+   */
+  var _closeProcess = function _closeProcess(end) {
+    _closeNotification();
+    _closeModal(end);
+  };
+  /**
+   * 导入回调 更新open
+   * @param ifQuery 是否有新数据，通知查询
+   */
+  var _onCancel = function _onCancel(ifQuery) {
+    onCancel && onCancel(ifQuery);
+  };
+  /**
+   * 导入选择弹框 关闭
+   * @param end 是否结束上传  并剩余的不再上传
+   */
+  var _closeModal = function _closeModal(end) {
+    /**
+     * 退出导入组件前   若有导入通知的则返回true，通知更新
+     */
+    if (processInfo[guid]) {
+      var _processInfo$guid2 = processInfo[guid],
+        importTotal = _processInfo$guid2.importTotal,
+        nowImportTotal = _processInfo$guid2.nowImportTotal,
+        failTotal = _processInfo$guid2.failTotal;
+      if (end) {
+        delete processInfo[guid];
+      }
+      if (importTotal > 0 && nowImportTotal - failTotal) {
+        _onCancel(true);
+        return;
+      }
+    }
+    _onCancel();
+  };
+  useEffect(function () {
+    if (open) {
+      /** 若正在上传  则直接展示上传进度条 */
+      if (processInfo[guid] && processInfo[guid].importTotal !== processInfo[guid].nowImportTotal && isLoading) {
+        processInfo[guid].type = 'normal';
+        _showProcess2();
+        setChooseFile(false);
+        _onCancel();
+      } else {
+        //否则表示  需要重新上传其他文件  此时重置文件名称信息即可
+        readExcelData.current = null;
+        _closeNotification();
+        setFileName('');
+        setIsLoading(false);
+        setChooseFile(true);
+      }
+    } else {
+      setChooseFile(false);
+    }
+  }, [open]);
+  useEffect(function () {
+    if (!open) {
+      return;
+    }
+    if (!(columns instanceof Array)) {
+      console.error('[ImportExcel]: 请确认columns信息');
+      return;
+    }
+    /**
+     * 校验组件属性传入
+     */
+    var rowKeyInfo = null;
+    var _iterator = _createForOfIteratorHelper(columns),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        if (item.dataIndex === rowKey) {
+          rowKeyInfo = item;
+        }
+        if (['list', 'checkbox'].includes(item.type) && !item.options) {
+          console.error('[ImportExcel]: 请确认columns的options信息, type为list、checkbox时，必须传入options');
+          break;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (!rowKeyInfo) {
+      console.error('[ImportExcel]: 请确认columns的dataIndex信息, 与rowKey匹配失败');
+      return;
+    }
+    if (!addFunc && !backImport) {
+      console.error('[ImportExcel]: 请确认addFunc或backImport信息');
+      return;
+    }
+    setFailColumns([{
+      title: rowKeyInfo.title,
+      dataIndex: rowKeyInfo.dataIndex
+    }, {
+      title: '失败原因',
+      dataIndex: 'failReason'
+    }]);
+  }, [open, columns, rowKey]);
+  useEffect(function () {
+    return function () {
+      for (var _guid in processInfo) {
+        var _processInfo$_guid = processInfo[_guid],
+          nowImportTotal = _processInfo$_guid.nowImportTotal,
+          importTotal = _processInfo$_guid.importTotal;
+        if (nowImportTotal < importTotal) {
+          console.error('组件onCancel回调后禁止将组件卸载掉，否则会影响后台上传');
+          break;
+        }
+      }
+    };
+  }, []);
+  /** 文件名称以及数据存在时 */
+  var showFile = !!(readExcelData.current && fileName);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LocaleReceiver, {
+    componentName: "UImportExcel"
+  }, function (contextLocale) {
+    return /*#__PURE__*/React.createElement(UModal, Object.assign({
+      width: 600,
+      title: "\u5BFC\u5165\u6570\u636E",
+      open: chooseFile,
+      className: "".concat(importExcelPrefix, "-box ").concat(classMain || ''),
+      onCancel: function onCancel() {
+        return _closeModal();
+      },
+      footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UButton, {
+        onClick: function onClick() {
+          return _closeModal();
+        }
+      }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(UButton, {
+        btnType: "primary",
+        onClick: _startImport,
+        loading: isLoading
+      }, "\u5F00\u59CB\u5BFC\u5165"))
+    }, otherProps), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(importExcelPrefix, "-info")
+    }, /*#__PURE__*/React.createElement("p", null, "1\u3001", contextLocale.import), /*#__PURE__*/React.createElement("a", {
+      onClick: _downloadTemplate,
+      className: "".concat(importExcelPrefix, "-content ").concat(importExcelPrefix, "-downloadIcon")
+    }, /*#__PURE__*/React.createElement(UIcon, {
+      icon: "downloadIcon"
+    }), contextLocale.download)), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(importExcelPrefix, "-info")
+    }, /*#__PURE__*/React.createElement("p", null, "2\u3001", contextLocale.choosefile), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(importExcelPrefix, "-content")
+    }, showFile && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(importExcelPrefix, "-text"),
+      title: fileName
+    }, /*#__PURE__*/React.createElement(UIcon, {
+      icon: "enclosureIcon"
+    }), fileName), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(importExcelPrefix, "-btn")
+    }, /*#__PURE__*/React.createElement(UButton, {
+      id: "selectFileBtn",
+      disabled: isLoading,
+      opeType: showFile ? 'counterClockwise' : 'upload',
+      onClick: _chooseFile
+    }, showFile ? '重新选择' : '上传文件'), /*#__PURE__*/React.createElement("input", {
+      type: "file",
+      accept: '.xls, .xlsx',
+      onChange: _importExcel,
+      ref: inputElement
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(importExcelPrefix, "-tip")
+    }, tip || contextLocale.supportfile)))));
+  }), /*#__PURE__*/React.createElement(UModal, {
+    width: 540,
+    title: "\u5931\u8D25\u62A5\u544A\uFF08".concat(failReport.length, "\uFF09"),
+    open: showError,
+    className: " ".concat(classFailReport || ''),
+    onCancel: function onCancel() {
+      return _closeProcess(true);
+    },
+    footer: null
+  }, /*#__PURE__*/React.createElement(UTable, {
+    dataSource: failReport,
+    columns: failColumns,
+    scroll: {
+      y: true
+    },
+    pagination: false
+  })));
+};
+export default ImportExcel;