@bit-sun/business-component 1.0.0 → 1.0.2

package/dist/{SheetTable → DataValidation}/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'antd/dist/antd.css';
 import './index.less';
-declare class Luckysheet extends React.Component {
+declare class DataValidation extends React.Component {
     constructor(props: any);
     onDragEnd(result: any): void;
     getCount: () => {
@@ -128,6 +128,10 @@ declare class Luckysheet extends React.Component {
     };
     componentDidMount(): void;
     componentWillUnmount(): void;
+    getValidateData: () => {
+        successData: any;
+        failData: any;
+    };
     getData: () => any;
     resetData: () => void;
     filterData: (type: string) => void;
@@ -138,4 +142,4 @@ declare class Luckysheet extends React.Component {
     leftMenu: JSX.Element;
     render(): JSX.Element;
 }
-export default Luckysheet;
+export default DataValidation;

package/dist/index.d.ts

@@ -1 +1 @@
-export { default as SheetTable } from './SheetTable';
+export { default as DataValidation } from './DataValidation';

package/dist/index.esm.js

@@ -1,5 +1,6 @@
+import axios from 'axios';
 import React, { createContext, useContext, useEffect, forwardRef, createElement } from 'react';
-import { Menu, Space, Card, Tooltip, Dropdown, Button, Checkbox } from 'antd';
+import { message, Menu, Space, Card, Dropdown, Tooltip, Button, Checkbox } from 'antd';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import 'antd/dist/antd.css';
 import classNames from 'classnames';
@@ -123,6 +124,42 @@ function _isNativeReflectConstruct() {
   }
 }
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -160,10 +197,6 @@ function _createSuper(Derived) {
   };
 }
 
-function _readOnlyError(name) {
-  throw new TypeError("\"" + name + "\" is read-only");
-}
-
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -355,7 +388,7 @@ function _slicedToArray$1(arr, i) {
   return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -370,9 +403,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-function _objectWithoutProperties(source, excluded) {
+function _objectWithoutProperties$1(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var target = _objectWithoutPropertiesLoose$1(source, excluded);
   var key, i;
 
   if (Object.getOwnPropertySymbols) {
@@ -1377,7 +1410,7 @@ var IconBase = function IconBase(props) {
       style = props.style,
       primaryColor = props.primaryColor,
       secondaryColor = props.secondaryColor,
-      restProps = _objectWithoutProperties(props, _excluded);
+      restProps = _objectWithoutProperties$1(props, _excluded);
 
   var colors = twoToneColorPalette;
 
@@ -1454,7 +1487,7 @@ var Icon = /*#__PURE__*/forwardRef(function (props, ref) {
       tabIndex = props.tabIndex,
       onClick = props.onClick,
       twoToneColor = props.twoToneColor,
-      restProps = _objectWithoutProperties(props, _excluded$1);
+      restProps = _objectWithoutProperties$1(props, _excluded$1);
 
   var _React$useContext = useContext(IconContext),
       _React$useContext$pre = _React$useContext.prefixCls,
@@ -1578,8 +1611,16 @@ function styleInject(css, ref) {
 var css_248z = ".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);
 
+var _excluded$2 = ["flag", "checkResults"],
+    _excluded2 = ["flag", "checkResults"];
 var luckysheet = window.luckysheet;
-var itemsTemp = []; // for dnd
+var itemsTemp = []; // const mapping = [
+//   { "key": "skuCode", "name": "SKU编码", "rule": "skuCode"  },
+//   { "key": "quantity", "name": "数量", "rule": "quantity" },
+//   { "key": "price", "name": "单价", "rule": "price" }
+// ]
+
+var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价']]); // for dnd
 
 
 var reorder = function reorder(list, startIndex, endIndex) {
@@ -1621,45 +1662,26 @@ var filterLetters = function filterLetters(i) {
   }
 };
 
-var Luckysheet = /*#__PURE__*/function (_React$Component) {
-  _inherits(Luckysheet, _React$Component);
+var DataValidation = /*#__PURE__*/function (_React$Component) {
+  _inherits(DataValidation, _React$Component);
 
-  var _super = _createSuper(Luckysheet);
+  var _super = _createSuper(DataValidation);
 
-  function Luckysheet(props) {
+  function DataValidation(props) {
     var _this;
 
-    _classCallCheck(this, Luckysheet);
+    _classCallCheck(this, DataValidation);
 
     _this = _super.call(this, props);
 
     _this.getCount = function () {
-      try {
-        var items = _this.state.items;
-        var data = luckysheet.getSheetData();
-        var validIndex = items.length;
-
-        if (data[0] && data[0][validIndex]) {
-          return {
-            total: data.filter(function (item) {
-              return item[validIndex];
-            }).length,
-            error: data.filter(function (item) {
-              return item[validIndex] && item[validIndex].v !== '通过';
-            }).length
-          };
-        } else {
-          return {
-            total: 0,
-            error: 0
-          };
-        }
-      } catch (e) {
-        return {
-          total: 0,
-          error: 0
-        };
-      }
+      var resultData = _this.state.resultData;
+      return {
+        total: resultData.length,
+        error: resultData.filter(function (item) {
+          return !item.flag;
+        }).length
+      };
     };
 
     _this.setConfig = function (data) {
@@ -1829,6 +1851,30 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
       };
     };
 
+    _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$2);
+
+          return item;
+        }),
+        failData: resultData.filter(function (item) {
+          return !item.flag;
+        }).map(function (_ref3) {
+          var flag = _ref3.flag,
+              checkResults = _ref3.checkResults,
+              item = _objectWithoutProperties(_ref3, _excluded2);
+
+          return item;
+        })
+      };
+    };
+
     _this.getData = function () {
       console.time();
       var sheetData = luckysheet.getSheetData();
@@ -1846,16 +1892,26 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
 
     _this.resetData = function () {
       var _this$props = _this.props,
-          validDataFunction = _this$props.validDataFunction,
-          updateData = _this$props.updateData;
+          validDataUrl = _this$props.validDataUrl,
+          updateData = _this$props.updateData,
+          columns = _this$props.columns;
 
       var resultData = _this.getData();
 
-      new Promise(function (resolve, reject) {
-        validDataFunction(resultData, resolve);
-      }).then(function (res) {
+      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.getSheetData();
         sheetData.map(function (item, index) {
           if (!res[index]) return item;
@@ -1888,18 +1944,20 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
 
         _this.setState({
           data: luckysheet.transToCellData(sheetData),
-          errorListCheck: false
+          errorListCheck: false,
+          resultData: res
         });
 
-        _this.getData(), _readOnlyError("updateData");
-        debugger;
-      });
+        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;
+          data = _this$state.data,
+          resultData = _this$state.resultData;
       var sheetData = luckysheet.transToData(data).filter(function (item, index) {
         if (type === 'all') {
           return false;
@@ -1910,11 +1968,13 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
         }
       });
       luckysheet.create(_this.setConfig(luckysheet.transToCellData(sheetData)));
-      exportData = _this.getData();
 
       _this.setState({
         data: luckysheet.transToCellData(sheetData),
-        errorListCheck: false
+        errorListCheck: false,
+        resultData: type === 'all' ? [] : resultData.filter(function (item) {
+          return item.flag;
+        })
       });
     };
 
@@ -2000,11 +2060,15 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
         });
       }), provided.placeholder);
     }))));
+
+    _this.props.onRef(_assertThisInitialized(_this));
+
     itemsTemp = props.columns.map(function (item, index) {
+      if (!mapping.get(item)) throw Error("".concat(item, " is not in DataValidation component, please fix this error"));
       return {
         id: "item-0".concat(index),
-        content: item[0],
-        code: item[1]
+        content: mapping.get(item),
+        code: item
       };
     });
     _this.state = {
@@ -2017,7 +2081,7 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(Luckysheet, [{
+  _createClass(DataValidation, [{
     key: "onDragEnd",
     value: function onDragEnd(result) {
       // dropped outside the list
@@ -2058,17 +2122,15 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
         left: '0px',
         top: '0px'
       };
-      return /*#__PURE__*/React.createElement(Card, {
-        title: /*#__PURE__*/React.createElement(Space, null, title, /*#__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("div", {
+      return /*#__PURE__*/React.createElement(Card, 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(Space, null, /*#__PURE__*/React.createElement(Dropdown, {
+      }, /*#__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"
@@ -2096,7 +2158,17 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return Luckysheet;
+  return DataValidation;
 }(React.Component);
 
-export { Luckysheet as SheetTable };
+/*
+ * @Description:
+ * @Author: rodchen
+ * @Date: 2021-11-30 22:59:39
+ * @LastEditTime: 2021-12-08 16:50:04
+ * @LastEditors: rodchen
+ */
+var resposne = JSON.parse(localStorage.getItem('userInfo') || '{}');
+axios.defaults.headers.common['sso-sessionid'] = (resposne === null || resposne === void 0 ? void 0 : resposne.sessionId) || '';
+
+export { DataValidation };

package/dist/index.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var axios = require('axios');
 var React = require('react');
 var antd = require('antd');
 var reactBeautifulDnd = require('react-beautiful-dnd');
@@ -10,6 +11,7 @@ var classNames = require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
@@ -132,6 +134,42 @@ function _isNativeReflectConstruct() {
   }
 }
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -169,10 +207,6 @@ function _createSuper(Derived) {
   };
 }
 
-function _readOnlyError(name) {
-  throw new TypeError("\"" + name + "\" is read-only");
-}
-
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -364,7 +398,7 @@ function _slicedToArray$1(arr, i) {
   return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -379,9 +413,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-function _objectWithoutProperties(source, excluded) {
+function _objectWithoutProperties$1(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var target = _objectWithoutPropertiesLoose$1(source, excluded);
   var key, i;
 
   if (Object.getOwnPropertySymbols) {
@@ -1386,7 +1420,7 @@ var IconBase = function IconBase(props) {
       style = props.style,
       primaryColor = props.primaryColor,
       secondaryColor = props.secondaryColor,
-      restProps = _objectWithoutProperties(props, _excluded);
+      restProps = _objectWithoutProperties$1(props, _excluded);
 
   var colors = twoToneColorPalette;
 
@@ -1463,7 +1497,7 @@ var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
       tabIndex = props.tabIndex,
       onClick = props.onClick,
       twoToneColor = props.twoToneColor,
-      restProps = _objectWithoutProperties(props, _excluded$1);
+      restProps = _objectWithoutProperties$1(props, _excluded$1);
 
   var _React$useContext = React.useContext(IconContext),
       _React$useContext$pre = _React$useContext.prefixCls,
@@ -1587,8 +1621,16 @@ function styleInject(css, ref) {
 var css_248z = ".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);
 
+var _excluded$2 = ["flag", "checkResults"],
+    _excluded2 = ["flag", "checkResults"];
 var luckysheet = window.luckysheet;
-var itemsTemp = []; // for dnd
+var itemsTemp = []; // const mapping = [
+//   { "key": "skuCode", "name": "SKU编码", "rule": "skuCode"  },
+//   { "key": "quantity", "name": "数量", "rule": "quantity" },
+//   { "key": "price", "name": "单价", "rule": "price" }
+// ]
+
+var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价']]); // for dnd
 
 
 var reorder = function reorder(list, startIndex, endIndex) {
@@ -1630,45 +1672,26 @@ var filterLetters = function filterLetters(i) {
   }
 };
 
-var Luckysheet = /*#__PURE__*/function (_React$Component) {
-  _inherits(Luckysheet, _React$Component);
+var DataValidation = /*#__PURE__*/function (_React$Component) {
+  _inherits(DataValidation, _React$Component);
 
-  var _super = _createSuper(Luckysheet);
+  var _super = _createSuper(DataValidation);
 
-  function Luckysheet(props) {
+  function DataValidation(props) {
     var _this;
 
-    _classCallCheck(this, Luckysheet);
+    _classCallCheck(this, DataValidation);
 
     _this = _super.call(this, props);
 
     _this.getCount = function () {
-      try {
-        var items = _this.state.items;
-        var data = luckysheet.getSheetData();
-        var validIndex = items.length;
-
-        if (data[0] && data[0][validIndex]) {
-          return {
-            total: data.filter(function (item) {
-              return item[validIndex];
-            }).length,
-            error: data.filter(function (item) {
-              return item[validIndex] && item[validIndex].v !== '通过';
-            }).length
-          };
-        } else {
-          return {
-            total: 0,
-            error: 0
-          };
-        }
-      } catch (e) {
-        return {
-          total: 0,
-          error: 0
-        };
-      }
+      var resultData = _this.state.resultData;
+      return {
+        total: resultData.length,
+        error: resultData.filter(function (item) {
+          return !item.flag;
+        }).length
+      };
     };
 
     _this.setConfig = function (data) {
@@ -1838,6 +1861,30 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
       };
     };
 
+    _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$2);
+
+          return item;
+        }),
+        failData: resultData.filter(function (item) {
+          return !item.flag;
+        }).map(function (_ref3) {
+          var flag = _ref3.flag,
+              checkResults = _ref3.checkResults,
+              item = _objectWithoutProperties(_ref3, _excluded2);
+
+          return item;
+        })
+      };
+    };
+
     _this.getData = function () {
       console.time();
       var sheetData = luckysheet.getSheetData();
@@ -1855,16 +1902,26 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
 
     _this.resetData = function () {
       var _this$props = _this.props,
-          validDataFunction = _this$props.validDataFunction,
-          updateData = _this$props.updateData;
+          validDataUrl = _this$props.validDataUrl,
+          updateData = _this$props.updateData,
+          columns = _this$props.columns;
 
       var resultData = _this.getData();
 
-      new Promise(function (resolve, reject) {
-        validDataFunction(resultData, resolve);
-      }).then(function (res) {
+      axios__default['default'].post(validDataUrl, {
+        columns: columns,
+        data: resultData
+      }).then(function (result) {
+        result = result.data;
+
+        if (result.status !== '0') {
+          antd.message.error(result.msg);
+          return;
+        }
+
         var items = _this.state.items;
         var validIndex = items.length;
+        var res = result.data;
         var sheetData = luckysheet.getSheetData();
         sheetData.map(function (item, index) {
           if (!res[index]) return item;
@@ -1897,18 +1954,20 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
 
         _this.setState({
           data: luckysheet.transToCellData(sheetData),
-          errorListCheck: false
+          errorListCheck: false,
+          resultData: res
         });
 
-        _this.getData(), _readOnlyError("updateData");
-        debugger;
-      });
+        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;
+          data = _this$state.data,
+          resultData = _this$state.resultData;
       var sheetData = luckysheet.transToData(data).filter(function (item, index) {
         if (type === 'all') {
           return false;
@@ -1919,11 +1978,13 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
         }
       });
       luckysheet.create(_this.setConfig(luckysheet.transToCellData(sheetData)));
-      exportData = _this.getData();
 
       _this.setState({
         data: luckysheet.transToCellData(sheetData),
-        errorListCheck: false
+        errorListCheck: false,
+        resultData: type === 'all' ? [] : resultData.filter(function (item) {
+          return item.flag;
+        })
       });
     };
 
@@ -2009,11 +2070,15 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
         });
       }), provided.placeholder);
     }))));
+
+    _this.props.onRef(_assertThisInitialized(_this));
+
     itemsTemp = props.columns.map(function (item, index) {
+      if (!mapping.get(item)) throw Error("".concat(item, " is not in DataValidation component, please fix this error"));
       return {
         id: "item-0".concat(index),
-        content: item[0],
-        code: item[1]
+        content: mapping.get(item),
+        code: item
       };
     });
     _this.state = {
@@ -2026,7 +2091,7 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(Luckysheet, [{
+  _createClass(DataValidation, [{
     key: "onDragEnd",
     value: function onDragEnd(result) {
       // dropped outside the list
@@ -2067,17 +2132,15 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
         left: '0px',
         top: '0px'
       };
-      return /*#__PURE__*/React__default['default'].createElement(antd.Card, {
-        title: /*#__PURE__*/React__default['default'].createElement(antd.Space, null, title, /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
-          title: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", null, "\u4F7F\u7528\u6307\u5357\uFF1A"), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].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__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].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__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].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__default['default'].createElement(ExclamationCircleOutlined$2, null)))
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default['default'].createElement(antd.Card, null, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "sheet_table_top"
       }, /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement("span", null, "\u6392\u5E8F\u5217"), /*#__PURE__*/React__default['default'].createElement(antd.Dropdown, {
         trigger: ['click'],
         overlay: this.leftMenu,
         placement: "bottomLeft"
-      }, /*#__PURE__*/React__default['default'].createElement("a", null, /*#__PURE__*/React__default['default'].createElement(ProfileTwoTone$2, null)))), /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Dropdown, {
+      }, /*#__PURE__*/React__default['default'].createElement("a", null, /*#__PURE__*/React__default['default'].createElement(ProfileTwoTone$2, null))), /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
+        title: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", null, "\u4F7F\u7528\u6307\u5357\uFF1A"), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].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__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].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__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].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__default['default'].createElement(ExclamationCircleOutlined$2, null))), /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Dropdown, {
         trigger: ['click'],
         overlay: this.menuList,
         placement: "bottomRight"
@@ -2105,7 +2168,17 @@ var Luckysheet = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return Luckysheet;
+  return DataValidation;
 }(React__default['default'].Component);
 
-exports.SheetTable = Luckysheet;
+/*
+ * @Description:
+ * @Author: rodchen
+ * @Date: 2021-11-30 22:59:39
+ * @LastEditTime: 2021-12-08 16:50:04
+ * @LastEditors: rodchen
+ */
+var resposne = JSON.parse(localStorage.getItem('userInfo') || '{}');
+axios__default['default'].defaults.headers.common['sso-sessionid'] = (resposne === null || resposne === void 0 ? void 0 : resposne.sessionId) || '';
+
+exports.DataValidation = DataValidation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -27,8 +27,8 @@
     ]
   },
   "dependencies": {
-    "adaptd": "^0.1.0",
     "antd": "4.17.2",
+    "axios": "^0.24.0",
     "bs-business-component": "^1.0.1",
     "classnames": "^2.3.1",
     "react": "^16.12.0",

package/src/{SheetTable → DataValidation}/index.md

@@ -4,17 +4,17 @@ nav:
   path: /components
 ---
 
-## SheetTable
+## DataValidation
 
 Demo:
 
 ```tsx
 import React from 'react';
-import { SheetTable } from '../index';
+import { DataValidation } from '../index';
 
 export default () => (
   <div>
-    <SheetTable
+    <DataValidation
       columns={[
         ['商品编码', 'skuCode'],
         ['商品名称', 'skuName'],

package/src/{SheetTable → DataValidation}/index.tsx

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: rodchen
  * @Date: 2021-12-01 10:52:08
- * @LastEditTime: 2021-12-08 00:27:22
+ * @LastEditTime: 2021-12-08 18:16:00
  * @LastEditors: rodchen
  */
 // @ts-nocheck
@@ -16,6 +16,7 @@ import {
   Dropdown,
   Menu,
   Tooltip,
+  message,
 } from 'antd';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import 'antd/dist/antd.css';
@@ -25,12 +26,25 @@ import {
   ProfileTwoTone,
   UnorderedListOutlined,
 } from '@ant-design/icons';
+import axios from 'axios';
 import './index.less';
 
 const luckysheet = window.luckysheet;
 
 let itemsTemp = [];
 
+// const mapping = [
+//   { "key": "skuCode", "name": "SKU编码", "rule": "skuCode"  },
+//   { "key": "quantity", "name": "数量", "rule": "quantity" },
+//   { "key": "price", "name": "单价", "rule": "price" }
+// ]
+
+const mapping = new Map([
+  ['skuCode', 'SKU编码'],
+  ['quantity', '数量'],
+  ['price', '单价'],
+]);
+
 // for dnd
 // fake data generator
 const getItems = (count) =>
@@ -76,15 +90,20 @@ const filterLetters = (i) => {
   }
 };
 
-class Luckysheet extends React.Component {
+class DataValidation extends React.Component {
   constructor(props) {
     super(props);
+    this.props.onRef(this);
 
     itemsTemp = props.columns.map((item, index) => {
+      if (!mapping.get(item))
+        throw Error(
+          `${item} is not in DataValidation component, please fix this error`,
+        );
       return {
         id: `item-0${index}`,
-        content: item[0],
-        code: item[1],
+        content: mapping.get(item),
+        code: item,
       };
     });
 
@@ -119,31 +138,11 @@ class Luckysheet extends React.Component {
   }
 
   getCount = () => {
-    try {
-      const { items } = this.state;
-
-      let data = luckysheet.getSheetData();
-      let validIndex = items.length;
-
-      if (data[0] && data[0][validIndex]) {
-        return {
-          total: data.filter((item) => item[validIndex]).length,
-          error: data.filter(
-            (item) => item[validIndex] && item[validIndex].v !== '通过',
-          ).length,
-        };
-      } else {
-        return {
-          total: 0,
-          error: 0,
-        };
-      }
-    } catch (e) {
-      return {
-        total: 0,
-        error: 0,
-      };
-    }
+    const { resultData } = this.state;
+    return {
+      total: resultData.length,
+      error: resultData.filter((item) => !item.flag).length,
+    };
   };
 
   setConfig = (data) => {
@@ -325,6 +324,18 @@ class Luckysheet extends React.Component {
     luckysheet.destroy();
   }
 
+  getValidateData = () => {
+    const { resultData } = this.state;
+    return {
+      successData: resultData
+        .filter((item) => item.flag)
+        .map(({ flag, checkResults, ...item }) => item),
+      failData: resultData
+        .filter((item) => !item.flag)
+        .map(({ flag, checkResults, ...item }) => item),
+    };
+  };
+
   getData = () => {
     console.time();
     let sheetData = luckysheet.getSheetData();
@@ -332,9 +343,11 @@ class Luckysheet extends React.Component {
       .filter((item) => item[0])
       .map((item) => {
         let obj = {};
+
         item.slice(0, itemsTemp.length).map((innerItem, index) => {
           obj[this.state.items[index].code] = innerItem && innerItem.v;
         });
+
         return obj;
       });
 
@@ -342,55 +355,68 @@ class Luckysheet extends React.Component {
   };
 
   resetData = () => {
-    const { validDataFunction, updateData } = this.props;
+    const { validDataUrl, updateData, columns } = this.props;
     const resultData = this.getData();
-    new Promise((resolve, reject) => {
-      validDataFunction(resultData, resolve);
-    }).then((res) => {
-      const { items } = this.state;
-      let validIndex = items.length;
-
-      let sheetData = luckysheet.getSheetData();
 
-      sheetData.map((item, index) => {
-        if (!res[index]) return item;
-
-        if (res[index].flag) {
-          item[validIndex] = {
-            ...item[validIndex],
-            v: '通过',
-            m: '通过',
-            fc: 'green', //字体颜色为 "#990000"
-          };
-        } else {
-          item[validIndex] = {
-            ...item[validIndex],
-            v: res[index].checkResults,
-            m: res[index].checkResults,
-            fc: 'red', //字体颜色为 "#990000"
-          };
+    axios
+      .post(validDataUrl, {
+        columns: columns,
+        data: resultData,
+      })
+      .then((result) => {
+        result = result.data;
+        if (result.status !== '0') {
+          message.error(result.msg);
+          return;
         }
+        const { items } = this.state;
+        let validIndex = items.length;
+        let res = result.data;
+
+        let sheetData = luckysheet.getSheetData();
+
+        sheetData.map((item, index) => {
+          if (!res[index]) return item;
+
+          if (res[index].flag) {
+            item[validIndex] = {
+              ...item[validIndex],
+              v: '通过',
+              m: '通过',
+              fc: 'green', //字体颜色为 "#990000"
+            };
+          } else {
+            item[validIndex] = {
+              ...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.create(this.setConfig(luckysheet.transToCellData(sheetData)));
-      this.setState({
-        data: luckysheet.transToCellData(sheetData),
-        errorListCheck: false,
-      });
-
-      updateData = this.getData();
+          item[validIndex].ct = { fa: 'General', t: 'g' };
+        });
+        // sheetData.map((item, index) => {
+        //   luckysheet.setCellValue(index + 1, 4, 345)
+        // })
+
+        luckysheet.create(
+          this.setConfig(luckysheet.transToCellData(sheetData)),
+        );
+        this.setState({
+          data: luckysheet.transToCellData(sheetData),
+          errorListCheck: false,
+          resultData: res,
+        });
 
-      debugger;
-    });
+        console.log(setExportData);
+        setExportData([123123]);
+      })
+      .catch((err) => {});
   };
 
   filterData = (type: string) => {
-    const { showErrorData, data } = this.state;
+    const { showErrorData, data, resultData } = this.state;
     let sheetData = luckysheet.transToData(data).filter((item, index) => {
       if (type === 'all') {
         return false;
@@ -401,10 +427,10 @@ class Luckysheet extends React.Component {
     });
 
     luckysheet.create(this.setConfig(luckysheet.transToCellData(sheetData)));
-    exportData = this.getData();
     this.setState({
       data: luckysheet.transToCellData(sheetData),
       errorListCheck: false,
+      resultData: type === 'all' ? [] : resultData.filter((item) => item.flag),
     });
   };
 
@@ -519,10 +545,19 @@ class Luckysheet extends React.Component {
       top: '0px',
     };
     return (
-      <Card
-        title={
+      <Card>
+        <div className="sheet_table_top">
           <Space>
-            {title}
+            <span>排序列</span>
+            <Dropdown
+              trigger={['click']}
+              overlay={this.leftMenu}
+              placement="bottomLeft"
+            >
+              <a>
+                <ProfileTwoTone />
+              </a>
+            </Dropdown>
             <Tooltip
               title={
                 <>
@@ -543,21 +578,6 @@ class Luckysheet extends React.Component {
               <ExclamationCircleOutlined />
             </Tooltip>
           </Space>
-        }
-      >
-        <div className="sheet_table_top">
-          <Space>
-            <span>排序列</span>
-            <Dropdown
-              trigger={['click']}
-              overlay={this.leftMenu}
-              placement="bottomLeft"
-            >
-              <a>
-                <ProfileTwoTone />
-              </a>
-            </Dropdown>
-          </Space>
           <Space>
             <Dropdown
               trigger={['click']}
@@ -596,4 +616,4 @@ class Luckysheet extends React.Component {
   }
 }
 
-export default Luckysheet;
+export default DataValidation;

package/src/index.ts

@@ -2,8 +2,14 @@
  * @Description:
  * @Author: rodchen
  * @Date: 2021-11-30 22:59:39
- * @LastEditTime: 2021-12-07 17:05:50
+ * @LastEditTime: 2021-12-08 16:50:04
  * @LastEditors: rodchen
  */
 
-export { default as SheetTable } from './SheetTable';
+import axios from 'axios';
+
+const resposne = JSON.parse(localStorage.getItem('userInfo') || '{}');
+
+axios.defaults.headers.common['sso-sessionid'] = resposne?.sessionId || '';
+
+export { default as DataValidation } from './DataValidation';