@bit-sun/business-component 1.2.0 → 1.2.3

package/dist/index.esm.js

@@ -1959,7 +1959,7 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
       }).map(function (item) {
         var obj = {};
         item.slice(0, itemsTemp.length).map(function (innerItem, index) {
-          obj[_this.state.items[index].code] = innerItem && (innerItem.v === innerItem.m ? innerItem.v : innerItem.m);
+          obj[_this.state.items[index].code] = innerItem && (innerItem.v === innerItem.m ? innerItem.m : innerItem.v);
         });
         return obj;
       });
@@ -2259,9 +2259,645 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
   return DataValidation;
 }(React.Component);
 
-var css_248z$1 = ".query_input_show {\n  display: flex;\n}\n.query_input_expand_button {\n  position: relative;\n  width: 30px;\n  color: #ffffff;\n  cursor: pointer;\n}\n.query_input_expand_button span {\n  position: absolute;\n  height: 20px;\n  line-height: 14px;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.query_input_wrapper {\n  display: flex;\n}\n.query_input_wrapper_left {\n  width: 100px;\n}\n.query_input_wrapper_right {\n  color: #9e9e9e;\n}\n.query_input_textArea {\n  margin-top: 15px;\n}\n";
+var css_248z$1 = ".luckysheet {\n  overflow: hidden;\n}\n.luckysheet .luckysheet-work-area.luckysheet-noselected-text {\n  display: none;\n}\n.sheet_table_top {\n  height: 50px;\n  background: #f2f2f2;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 20px;\n  border: 1px solid #d8d8d8;\n}\n.sheet_table_top .menu_item_text {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.sheet_table_footer {\n  height: 50px;\n  background: #f2f2f2;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 20px;\n  border: 1px solid #d8d8d8;\n}\n.sheet_table_text {\n  color: #8f8f8f;\n}\n.sheet_table_dnd_text {\n  background: #f2f2f2;\n  border: 1px solid #d8d8d8;\n  display: inline-block;\n  width: 100px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n";
 styleInject(css_248z$1);
 
+var _excluded$3 = ["flag", "checkResults"],
+    _excluded2$1 = ["flag", "checkResults"];
+
+var itemsTemp$1 = [];
+var luckysheet$1; // const mapping = [
+//   { "key": "skuCode", "name": "SKU编码", "rule": "skuCode"  },
+//   { "key": "quantity", "name": "数量", "rule": "quantity" },
+//   { "key": "price", "name": "单价", "rule": "price" }
+// ]
+
+var mapping$1 = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价'], ['regionCode', '库区'], ['checkQuantity', '实盘数量'], ['shareRatio', '共享比例'], ['lotNumberCode', '批号'], ['warehouseCode', '仓库编码'], ['regionCode', '库区'], ['locationCode', '货位'], ['rowNumber', '货位排数'], ['layerNumber', '货位层数'], ['gridNumber', '货位格号'], ['oldUniqueCode', '原始唯一码'], ['newUniqueCode', '新唯一码'], ['relationRecordCode', '单据编码'], ['remark', '备注']]); // for dnd
+
+
+var reorder$1 = function reorder(list, startIndex, endIndex) {
+  var result = Array.from(list);
+
+  var _result$splice = result.splice(startIndex, 1),
+      _result$splice2 = _slicedToArray(_result$splice, 1),
+      removed = _result$splice2[0];
+
+  result.splice(endIndex, 0, removed);
+  return result;
+};
+
+var grid$1 = 8;
+
+var getItemStyle$1 = function getItemStyle(isDragging, draggableStyle) {
+  return _objectSpread2({
+    // some basic styles to make the items look a bit nicer
+    userSelect: 'none',
+    padding: "4px",
+    margin: "4px"
+  }, draggableStyle);
+};
+
+var getListStyle$1 = function getListStyle(isDraggingOver) {
+  return {
+    background: isDraggingOver ? '#fff' : '#fff',
+    display: 'flex',
+    padding: grid$1,
+    overflow: 'auto'
+  };
+};
+
+var filterLetters$1 = function filterLetters(i) {
+  if (i >= 0 && i <= 25) {
+    return String.fromCharCode(65 + i);
+  } else {
+    return undefined;
+  }
+};
+
+var DataImport = /*#__PURE__*/function (_React$Component) {
+  _inherits(DataImport, _React$Component);
+
+  var _super = _createSuper(DataImport);
+
+  function DataImport(props) {
+    var _this;
+
+    _classCallCheck(this, DataImport);
+
+    _this = _super.call(this, props);
+
+    _this.getCount = function () {
+      var resultData = _this.state.resultData;
+      return {
+        total: resultData.length,
+        error: resultData.filter(function (item) {
+          return !item.flag;
+        }).length
+      };
+    };
+
+    _this.setConfig = function (data) {
+      var _ref;
+
+      var items = _this.state.items;
+      var notValid = _this.props.notValid;
+      return {
+        container: 'luckysheet',
+        showtoolbar: false,
+        hook: {
+          columnTitleCellRenderBefore: function columnTitleCellRenderBefore(columnAbc, postion, ctx) {
+            if (columnAbc.name) {
+              var charCode = columnAbc.name.charCodeAt();
+
+              if (charCode - 65 <= items.length) {
+                columnAbc.name = itemsTemp$1[charCode - 65] ? itemsTemp$1[charCode - 65].content : !notValid ? '校验结果' : '';
+              } else {
+                columnAbc.name = '';
+              }
+            }
+          },
+          cellRenderBefore: function cellRenderBefore(cell, postion, sheetFile, ctx) {
+            if (cell) {
+              cell.fs = 10;
+
+              if (typeof cell.v === 'string') {
+                cell.m = cell.v = cell.m.trim();
+              }
+
+              if (cell && cell.m && cell.m.indexOf('E+') !== -1) {
+                cell.v = cell.v.toString();
+                cell.m = cell.v;
+              }
+
+              if (typeof cell.v === 'number') {
+                cell.v = cell.m;
+              }
+            } // console.log(postion);
+
+          },
+          cellAllRenderBefore: function cellAllRenderBefore(data, sheetFile, ctx) {
+            sheetFile.config.borderInfo = []; // console.info(data,sheetFile,ctx)
+          }
+        },
+        // showtoolbarConfig: {
+        //   undoRedo: true, //撤销重做，注意撤消重做是两个按钮，由这一个配置决定显示还是隐藏
+        //   paintFormat: false, //格式刷
+        //   currencyFormat: false, //货币格式
+        //   percentageFormat: false, //百分比格式
+        //   numberDecrease: false, // '减少小数位数'
+        //   numberIncrease: false, // '增加小数位数
+        //   moreFormats: false, // '更多格式'
+        //   font: true, // '字体'
+        //   fontSize: true, // '字号大小'
+        // },
+        data: [(_ref = {
+          name: 'Cell',
+          color: '',
+          index: 0,
+          status: 1,
+          order: 0,
+          hide: 0,
+          row: 36,
+          column: 18,
+          defaultRowHeight: 20,
+          defaultColWidth: 120,
+          config: {},
+          // celldata:
+          //   data && data.length !== 0 ? data : _.flattenDeep(Array.from({ length: 100 }).map((a, b) => Array.from({ length: 100 }).map((c, d) => ({
+          //     "r": b,
+          //     "c": d,
+          //     "v": { "ct": { "fa": "@", "t": "s" }, }
+          //   }))))
+          // ,
+          celldata: data && data.length !== 0 ? data : _.flattenDeep(Array.from({
+            length: 100
+          }).map(function (a, b) {
+            return Array.from({
+              length: 100
+            }).map(function (c, d) {
+              return {
+                "r": b,
+                "c": d,
+                "v": {
+                  "ct": {
+                    "fa": "@",
+                    "t": "s"
+                  }
+                }
+              };
+            });
+          })),
+          scrollLeft: 0,
+          // "scrollTop": 315, //上下滚动条位置
+          luckysheet_select_save: [],
+          calcChain: [],
+          isPivotTable: false,
+          pivotTable: {},
+          filter_select: {},
+          filter: null,
+          luckysheet_alternateformat_save: [],
+          luckysheet_alternateformat_save_modelCustom: [],
+          luckysheet_conditionformat_save: {},
+          frozen: {},
+          chart: [],
+          zoomRatio: 1,
+          image: [],
+          showGridLines: 1,
+          dataVerification: {}
+        }, _defineProperty(_ref, "luckysheet_alternateformat_save", [{
+          cellrange: {
+            //单元格范围
+            row: [0, 1000],
+            column: [0, 18]
+          },
+          format: {
+            head: {
+              //页眉颜色
+              fc: '#6aa84f',
+              bc: '#ffffff'
+            },
+            one: {
+              //第一种颜色
+              bc: '#ffffff'
+            },
+            two: {
+              //第二种颜色
+              bc: '#f2f4f5'
+            },
+            foot: {
+              //页脚颜色
+              fc: '#000',
+              bc: '#a5efcc'
+            }
+          },
+          hasRowHeader: false,
+          hasRowFooter: false //含有页脚
+
+        }]), _defineProperty(_ref, "luckysheet_alternateformat_save_modelCustom", [{
+          head: {
+            //页眉颜色
+            fc: '#6aa84f',
+            bc: '#ffffff'
+          },
+          one: {
+            //第一种颜色
+            fc: '#000',
+            bc: '#ffffff'
+          },
+          two: {
+            //第二种颜色
+            fc: '#000',
+            bc: '#e5fbee'
+          },
+          foot: {
+            //页脚颜色
+            fc: '#000',
+            bc: '#a5efcc'
+          }
+        }]), _ref)],
+        cellRightClickConfig: {
+          copy: false,
+          copyAs: false,
+          paste: false,
+          insertRow: false,
+          insertColumn: false,
+          // deleteRow: false, // 删除选中行
+          // deleteColumn: false, // 删除选中列
+          deleteCell: false,
+          hideRow: false,
+          hideColumn: false,
+          rowHeight: false,
+          columnWidth: false,
+          clear: false,
+          matrix: false,
+          sort: false,
+          filter: false,
+          chart: false,
+          image: false,
+          link: false,
+          data: false,
+          cellFormat: false // 设置单元格格式
+
+        },
+        showsheetbar: false,
+        optionstate: false,
+        showstatisticBarConfig: {
+          count: false,
+          view: false,
+          zoom: false // 缩放
+
+        },
+        column: 10,
+        columnHeaderHeight: 30,
+        lang: 'zh',
+        defaultFontSize: '10',
+        frozen: {
+          type: 'rangeBoth',
+          range: {
+            row_focus: 1,
+            column_focus: 1
+          }
+        }
+      };
+    };
+
+    _this.getValidateData = function () {
+      var resultData = _this.state.resultData;
+      return {
+        successData: resultData.filter(function (item) {
+          return item.flag;
+        }).map(function (_ref2) {
+          var flag = _ref2.flag,
+              checkResults = _ref2.checkResults,
+              item = _objectWithoutProperties(_ref2, _excluded$3);
+
+          return item;
+        }),
+        failData: resultData.filter(function (item) {
+          return !item.flag;
+        }).map(function (_ref3) {
+          var flag = _ref3.flag,
+              checkResults = _ref3.checkResults,
+              item = _objectWithoutProperties(_ref3, _excluded2$1);
+
+          return item;
+        })
+      };
+    };
+
+    _this.getData = function () {
+      console.time();
+      var sheetData = luckysheet$1.getSheetData();
+      var data = JSON.parse(JSON.stringify(sheetData)).filter(function (item) {
+        debugger;
+        return item[0];
+      }).map(function (item) {
+        var obj = {};
+        item.slice(0, itemsTemp$1.length).map(function (innerItem, index) {
+          obj[_this.state.items[index].code] = innerItem && (innerItem.v === innerItem.m ? innerItem.m : innerItem.v);
+        });
+        return obj;
+      });
+      return data.filter(function (item) {
+        return item[_this.props.customerColumnsMapping[0].name];
+      });
+    };
+
+    _this.resetData = function () {
+      var _this$props = _this.props,
+          validDataUrl = _this$props.validDataUrl,
+          updateData = _this$props.updateData,
+          columns = _this$props.columns;
+
+      var resultData = _this.getData().filter(function (d) {
+        return _.compact(Object.values(d)).length;
+      });
+
+      axios.post(validDataUrl, {
+        columns: columns,
+        data: resultData
+      }).then(function (result) {
+        result = result.data;
+
+        if (result.status !== '0') {
+          message.error(result.msg);
+          return;
+        }
+
+        var items = _this.state.items;
+        var validIndex = items.length;
+        var res = result.data;
+        var sheetData = luckysheet$1.getSheetData();
+        sheetData.map(function (item, index) {
+          if (!res[index]) return item;
+
+          var changeVMIndex = _this.props.columns.findIndex(function (i) {
+            return i === 'skuCode';
+          });
+
+          if (_this.props.columns.find(function (i) {
+            return i === 'skuCode';
+          }) && item[changeVMIndex].v !== res[index].skuCode) {
+            item[changeVMIndex].v = res[index].skuCode;
+            item[changeVMIndex].m = res[index].skuCode;
+          }
+
+          if (res[index].flag) {
+            item[validIndex] = _objectSpread2(_objectSpread2({}, item[validIndex]), {}, {
+              v: '通过',
+              m: '通过',
+              fc: 'green' //字体颜色为 "#990000"
+
+            });
+          } else {
+            item[validIndex] = _objectSpread2(_objectSpread2({}, item[validIndex]), {}, {
+              v: res[index].checkResults,
+              m: res[index].checkResults,
+              fc: 'red' //字体颜色为 "#990000"
+
+            });
+          }
+
+          item[validIndex].ct = {
+            fa: 'General',
+            t: 'g'
+          };
+        }); // sheetData.map((item, index) => {
+        //   luckysheet.setCellValue(index + 1, 4, 345)
+        // })
+
+        luckysheet$1.create(_this.setConfig(luckysheet$1.transToCellData(sheetData)));
+
+        _this.setState({
+          data: luckysheet$1.transToCellData(sheetData),
+          errorListCheck: false,
+          resultData: res
+        });
+
+        console.log(setExportData);
+        setExportData([123123]);
+      }).catch(function (err) {});
+    };
+
+    _this.filterData = function (type) {
+      var _this$state = _this.state,
+          showErrorData = _this$state.showErrorData,
+          data = _this$state.data,
+          resultData = _this$state.resultData;
+      var sheetData = luckysheet$1.transToData(data).filter(function (item, index) {
+        if (type === 'all') {
+          return false;
+        }
+
+        if (type === 'error') {
+          return item[itemsTemp$1.length] && item[itemsTemp$1.length].v === '通过';
+        }
+      });
+      luckysheet$1.create(_this.setConfig(luckysheet$1.transToCellData(sheetData)));
+
+      _this.setState({
+        data: luckysheet$1.transToCellData(sheetData),
+        errorListCheck: false,
+        resultData: type === 'all' ? [] : resultData.filter(function (item) {
+          return item.flag;
+        })
+      });
+    };
+
+    _this.toggleData = function () {
+      var _this$state2 = _this.state,
+          showErrorData = _this$state2.showErrorData,
+          data = _this$state2.data;
+
+      if (showErrorData) {
+        luckysheet$1.create(_this.setConfig(data));
+      } else {
+        var sheetData = luckysheet$1.getSheetData();
+        sheetData = sheetData.filter(function (item, index) {
+          return !item[itemsTemp$1.length] || item[itemsTemp$1.length].v !== '通过';
+        });
+        luckysheet$1.create(_this.setConfig(luckysheet$1.transToCellData(sheetData)));
+      }
+
+      _this.setState({
+        showErrorData: !showErrorData
+      });
+    };
+
+    _this.onChange = function (e) {
+      _this.setState({
+        radioValue: e.target.value
+      });
+
+      _this.toggleData();
+    };
+
+    _this.errorChange = function (e) {
+      _this.toggleData();
+
+      _this.setState({
+        errorListCheck: e.target.checked
+      });
+    };
+
+    _this.menuList = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "1",
+      className: "sheet_table-menu_item_text"
+    }, /*#__PURE__*/React.createElement("a", {
+      onClick: function onClick() {
+        return _this.filterData('all');
+      }
+    }, "\u6E05\u7A7A\u5168\u90E8\u6570\u636E")), /*#__PURE__*/React.createElement(Menu.Divider, null), !_this.props.notValid && /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "2",
+      className: "sheet_table-menu_item_text"
+    }, /*#__PURE__*/React.createElement("a", {
+      onClick: function onClick() {
+        return _this.filterData('error');
+      }
+    }, "\u4EC5\u6E05\u7A7A\u9519\u8BEF\u6570\u636E")));
+    _this.leftMenu = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "3",
+      className: "sheet_table-menu_item_text"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "sheet_table_text"
+    }, "\u8BF7\u62D6\u52A8\u5B57\u6BB5\u6765\u5BF9\u5E94\u5217")), /*#__PURE__*/React.createElement(Menu.Divider, null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DragDropContext, {
+      onDragEnd: function onDragEnd(e) {
+        return _this.onDragEnd(e);
+      }
+    }, /*#__PURE__*/React.createElement(Droppable, {
+      droppableId: "droppable",
+      direction: "vertical"
+    }, function (provided, snapshot) {
+      return /*#__PURE__*/React.createElement("div", _objectSpread2({
+        ref: provided.innerRef,
+        style: _objectSpread2(_objectSpread2({}, getListStyle$1(snapshot.isDraggingOver)), {}, {
+          flexDirection: 'column'
+        })
+      }, provided.droppableProps), _this.state.items.map(function (item, index) {
+        return /*#__PURE__*/React.createElement(Draggable, {
+          key: item.id,
+          draggableId: item.id,
+          index: index
+        }, function (provided, snapshot) {
+          return /*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2(_objectSpread2({
+            ref: provided.innerRef
+          }, provided.draggableProps), provided.dragHandleProps), {}, {
+            style: getItemStyle$1(snapshot.isDragging, provided.draggableProps.style)
+          }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("span", null, filterLetters$1(index), " \u5217 "), /*#__PURE__*/React.createElement(Space, {
+            className: "sheet_table_dnd_text"
+          }, /*#__PURE__*/React.createElement(UnorderedListOutlined$2, null), item.content)));
+        });
+      }), provided.placeholder);
+    }))));
+
+    _this.props.onRef(_assertThisInitialized(_this));
+
+    if (props.customerColumnsMapping) {
+      itemsTemp$1 = props.customerColumnsMapping.map(function (item, index) {
+        return {
+          id: "item-0".concat(index),
+          content: item.title,
+          code: item.name,
+          "ct": {
+            "fa": "General",
+            "t": "s" //格式类型为数字类型
+
+          }
+        };
+      });
+    } else {
+      itemsTemp$1 = props.columns.map(function (item, index) {
+        if (!mapping$1.get(item)) throw Error("".concat(item, " is not in DataImport component, please fix this error"));
+        return {
+          id: "item-0".concat(index),
+          content: mapping$1.get(item),
+          code: item,
+          "ct": {
+            "fa": "General",
+            "t": "s" //格式类型为数字类型
+
+          }
+        };
+      });
+    }
+
+    luckysheet$1 = window.luckysheet;
+    _this.state = {
+      showErrorData: false,
+      data: [],
+      items: _toConsumableArray(itemsTemp$1),
+      resultData: [],
+      errorListCheck: false
+    };
+    return _this;
+  }
+
+  _createClass(DataImport, [{
+    key: "onDragEnd",
+    value: function onDragEnd(result) {
+      // dropped outside the list
+      if (!result.destination) {
+        return;
+      }
+
+      var items = reorder$1(this.state.items, result.source.index, result.destination.index);
+      this.setState({
+        items: items
+      });
+      itemsTemp$1 = items;
+      luckysheet$1.refresh();
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      luckysheet$1.create(this.setConfig([]));
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      // luckysheet.create(this.setConfig([]));
+      luckysheet$1.destroy();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var errorListCheck = this.state.errorListCheck;
+      var _this$props2 = this.props,
+          title = _this$props2.title,
+          notValid = _this$props2.notValid,
+          customerColumnsMapping = _this$props2.customerColumnsMapping;
+      var totalSummary = this.getCount();
+      var luckyCss = {
+        margin: '0px',
+        padding: '0px',
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        left: '0px',
+        top: '0px'
+      };
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: "sheet_table_top"
+      }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("span", null, "\u6392\u5E8F\u5217"), /*#__PURE__*/React.createElement(Dropdown, {
+        trigger: ['click'],
+        overlay: this.leftMenu,
+        placement: "bottomLeft"
+      }, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(ProfileTwoTone$2, null))), /*#__PURE__*/React.createElement(Tooltip, {
+        title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "\u4F7F\u7528\u6307\u5357\uFF1A"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", null, "1\u3001\u62D6\u52A8\u6570\u636E\u9879\uFF0C\u4EE5\u9002\u914D\u6E90\u6570\u636E\u7684\u987A\u5E8F\uFF0C\u5982\u60A8Excel\u4E2D\u6570\u636E\u6392\u5E8F\u4F9D\u6B21\u4E3A\u7F16\u7801\u3001\u4EF7\u683C\u548C\u6570\u91CF\uFF0C\u5219\u60A8\u4E5F\u53EF\u4EE5\u5C06\u6570\u636E\u9879\u7684\u987A\u5E8F\u8C03\u6574\u4E3A\u4E00\u81F4"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", null, "2\u3001\u590D\u5236\u6587\u4EF6\u6570\u636E\uFF08\u591A\u5217\u4E00\u8D77\uFF09\uFF0C\u5728\u6587\u672C\u6846\u5185\u8FDB\u884C\u7C98\u8D34"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", null, "3\u3001\u70B9\u51FB\u8BC6\u522B\u6309\u94AE\u8FDB\u884C\u6570\u636E\u6821\u9A8C\uFF0C\u5982\u5168\u90E8\u6B63\u786E\uFF0C\u5219\u70B9\u51FB\u5F55\u5165\u6309\u94AE\u53EF\u5F55\u5165\u6570\u636E\uFF0C\u5982\u5B58\u5728\u9519\u8BEF\u6570\u636E\uFF0C\u5219\u9700\u4FEE\u6539\u540E\u518D\u8FDB\u884C\u5F55\u5165"))
+      }, /*#__PURE__*/React.createElement(ExclamationCircleOutlined$2, null))), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Dropdown, {
+        trigger: ['click'],
+        overlay: this.menuList,
+        placement: "bottomRight"
+      }, /*#__PURE__*/React.createElement(Button, null, "\u6E05\u7A7A", /*#__PURE__*/React.createElement(DownOutlined$2, null))), !notValid && /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: this.resetData
+      }, "\u8BC6\u522B"))), /*#__PURE__*/React.createElement("div", {
+        style: {
+          position: 'relative',
+          height: '400px'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        id: "luckysheet",
+        style: luckyCss
+      })), !this.props.notValid && /*#__PURE__*/React.createElement("div", {
+        className: "sheet_table_footer"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "sheet_table_footer_l"
+      }, "\u5171 ", totalSummary.total, " \u6761\u6570\u636E", !notValid && ", \u5176\u4E2D\u9519\u8BEF ".concat(totalSummary.error, " \u9879")), !notValid && /*#__PURE__*/React.createElement(Space, {
+        className: "sheet_table_footer_r"
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        checked: errorListCheck,
+        onClick: this.errorChange
+      }), "\u4EC5\u5C55\u793A\u9519\u8BEF\u6570\u636E")));
+    }
+  }]);
+
+  return DataImport;
+}(React.Component);
+
+var css_248z$2 = ".query_input_show {\n  display: flex;\n}\n.query_input_expand_button {\n  position: relative;\n  width: 30px;\n  color: #ffffff;\n  cursor: pointer;\n}\n.query_input_expand_button span {\n  position: absolute;\n  height: 20px;\n  line-height: 14px;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.query_input_wrapper {\n  display: flex;\n}\n.query_input_wrapper_left {\n  width: 100px;\n}\n.query_input_wrapper_right {\n  color: #9e9e9e;\n}\n.query_input_textArea {\n  margin-top: 15px;\n}\n";
+styleInject(css_248z$2);
+
 var QueryMutipleInput = function QueryMutipleInput(_ref) {
   var onValueChange = _ref.onValueChange;
 
@@ -2391,8 +3027,8 @@ function ToCDB(str) {
   return tmp;
 }
 
-var css_248z$2 = ".search_select_show {\n  display: flex;\n}\n.search_select_expand_button {\n  position: relative;\n  width: 30px;\n  color: #ffffff;\n  cursor: pointer;\n}\n.search_select_expand_button span {\n  position: absolute;\n  height: 20px;\n  line-height: 14px;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.search_select_wrapper {\n  position: relative;\n  display: flex;\n  min-height: 60vh;\n  max-height: 60vh;\n  overflow: hidden;\n  font-size: 14px;\n}\n.search_select_wrapper_click_flag {\n  position: absolute;\n  z-index: 10;\n}\n.search_select_wrapper_click_flag_arrow {\n  transform: rotate(0deg);\n  transition: transform 0.5s;\n}\n.search_select_wrapper_click_flag_arrow_1 {\n  transform: rotate(-180deg);\n  transition: transform 0.5s;\n}\n.search_select_wrapper_left {\n  width: 28%;\n  overflow-y: hidden;\n  transition: all 0.3s;\n  margin-left: 20px;\n}\n.search_select_wrapper_left1 {\n  width: 0;\n  height: 0;\n  transition: all 0.3s;\n  display: none;\n}\n.search_select_wrapper_right {\n  width: 70%;\n  margin-left: 1%;\n}\n.search_select_wrapper_right1 {\n  width: 100%;\n  margin-left: 20px;\n}\n.search_select_wrapper_right,\n.search_select_wrapper_right1 {\n  overflow-x: auto;\n}\n.search_select_wrapper .select_list_columns {\n  width: 100%;\n  height: calc(60vh - 60px);\n  overflow-y: auto;\n  border: 1px solid #d8d8d8;\n}\n.search_select_wrapper .select_list_columns_tips {\n  background: #eee;\n  padding: 6px 20px;\n  margin-bottom: 10px;\n}\n.search_select_wrapper .select_list_columns_formItems {\n  padding: 0 20px;\n}\n.search_select_wrapper .select_list_searchButton {\n  display: flex;\n  margin: 10px 0px;\n  justify-content: flex-end;\n}\n.search_select_wrapper .select_list_button_space {\n  margin-right: 10px;\n}\n.search_select_wrapper .select_list_selectTips {\n  display: flex;\n  justify-content: space-between;\n  height: 34px;\n  line-height: 32px;\n  background-color: #eee;\n  margin-bottom: 10px;\n  padding: 0 12px;\n}\n.search_select_wrapper .select_list_selectAll {\n  position: relative;\n  top: -40px;\n  left: 20px;\n  width: 160px;\n}\n";
-styleInject(css_248z$2);
+var css_248z$3 = ".search_select_show {\n  display: flex;\n}\n.search_select_expand_button {\n  position: relative;\n  width: 30px;\n  color: #ffffff;\n  cursor: pointer;\n}\n.search_select_expand_button span {\n  position: absolute;\n  height: 20px;\n  line-height: 14px;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.search_select_wrapper {\n  position: relative;\n  display: flex;\n  min-height: 60vh;\n  max-height: 60vh;\n  overflow: hidden;\n  font-size: 14px;\n}\n.search_select_wrapper_click_flag {\n  position: absolute;\n  z-index: 10;\n}\n.search_select_wrapper_click_flag_arrow {\n  transform: rotate(0deg);\n  transition: transform 0.5s;\n}\n.search_select_wrapper_click_flag_arrow_1 {\n  transform: rotate(-180deg);\n  transition: transform 0.5s;\n}\n.search_select_wrapper_left {\n  width: 28%;\n  overflow-y: hidden;\n  transition: all 0.3s;\n  margin-left: 20px;\n}\n.search_select_wrapper_left1 {\n  width: 0;\n  height: 0;\n  transition: all 0.3s;\n  display: none;\n}\n.search_select_wrapper_right {\n  width: 70%;\n  margin-left: 1%;\n}\n.search_select_wrapper_right1 {\n  width: 100%;\n  margin-left: 20px;\n}\n.search_select_wrapper_right,\n.search_select_wrapper_right1 {\n  overflow-x: auto;\n}\n.search_select_wrapper .select_list_columns {\n  width: 100%;\n  height: calc(60vh - 60px);\n  overflow-y: auto;\n  border: 1px solid #d8d8d8;\n}\n.search_select_wrapper .select_list_columns_tips {\n  background: #eee;\n  padding: 6px 20px;\n  margin-bottom: 10px;\n}\n.search_select_wrapper .select_list_columns_formItems {\n  padding: 0 20px;\n}\n.search_select_wrapper .select_list_searchButton {\n  display: flex;\n  margin: 10px 0px;\n  justify-content: flex-end;\n}\n.search_select_wrapper .select_list_button_space {\n  margin-right: 10px;\n}\n.search_select_wrapper .select_list_selectTips {\n  display: flex;\n  justify-content: space-between;\n  height: 34px;\n  line-height: 32px;\n  background-color: #eee;\n  margin-bottom: 10px;\n  padding: 0 12px;\n}\n.search_select_wrapper .select_list_selectAll {\n  position: relative;\n  top: -40px;\n  left: 20px;\n  width: 160px;\n}\n";
+styleInject(css_248z$3);
 
 var Option = Select.Option;
 
@@ -5121,4 +5757,4 @@ function getStorageVale(storageKeyString) {
 var resposne = JSON.parse(localStorage.getItem('userInfo') || '{}');
 axios.defaults.headers.common['sso-sessionid'] = (resposne === null || resposne === void 0 ? void 0 : resposne.sessionId) || '';
 
-export { BusinessSearchSelect$1 as BusinessSearchSelect, index as CheckOneUser, CommodityEntry, DataValidation, QueryMutipleInput, SearchSelect };
+export { BusinessSearchSelect$1 as BusinessSearchSelect, index as CheckOneUser, CommodityEntry, DataImport, DataValidation, QueryMutipleInput, SearchSelect };