@bit-sun/business-component 1.2.2 → 1.2.3

package/dist/components/Functional/{DataValidation/DataImport.d.ts → DataImport/index.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import './index.less';
-declare class DataValidation extends React.Component {
+declare class DataImport extends React.Component {
     constructor(props: any);
     onDragEnd(result: any): void;
     getCount: () => {
@@ -141,4 +141,4 @@ declare class DataValidation extends React.Component {
     leftMenu: JSX.Element;
     render(): JSX.Element;
 }
-export default DataValidation;
+export default DataImport;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { default as DataValidation } from './components/Functional/DataValidation';
-export { default as DataImport } from './components/Functional/DataValidation/DataImport';
+export { default as DataImport } from './components/Functional/DataImport';
 export { default as QueryMutipleInput } from './components/Functional/QueryMutipleInput';
 export { default as SearchSelect } from './components/Functional/SearchSelect';
 export { default as BusinessSearchSelect } from './components/Business/SearchSelect';

package/dist/index.esm.js

@@ -2259,6 +2259,9 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
   return DataValidation;
 }(React.Component);
 
+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"];
 
@@ -2311,15 +2314,15 @@ var filterLetters$1 = function filterLetters(i) {
   }
 };
 
-var DataValidation$1 = /*#__PURE__*/function (_React$Component) {
-  _inherits(DataValidation, _React$Component);
+var DataImport = /*#__PURE__*/function (_React$Component) {
+  _inherits(DataImport, _React$Component);
 
-  var _super = _createSuper(DataValidation);
+  var _super = _createSuper(DataImport);
 
-  function DataValidation(props) {
+  function DataImport(props) {
     var _this;
 
-    _classCallCheck(this, DataValidation);
+    _classCallCheck(this, DataImport);
 
     _this = _super.call(this, props);
 
@@ -2784,7 +2787,7 @@ var DataValidation$1 = /*#__PURE__*/function (_React$Component) {
       });
     } else {
       itemsTemp$1 = props.columns.map(function (item, index) {
-        if (!mapping$1.get(item)) throw Error("".concat(item, " is not in DataValidation component, please fix this error"));
+        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),
@@ -2809,7 +2812,7 @@ var DataValidation$1 = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(DataValidation, [{
+  _createClass(DataImport, [{
     key: "onDragEnd",
     value: function onDragEnd(result) {
       // dropped outside the list
@@ -2889,11 +2892,11 @@ var DataValidation$1 = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return DataValidation;
+  return DataImport;
 }(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";
-styleInject(css_248z$1);
+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;
@@ -3024,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;
 
@@ -5754,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$1 as DataImport, DataValidation, QueryMutipleInput, SearchSelect };
+export { BusinessSearchSelect$1 as BusinessSearchSelect, index as CheckOneUser, CommodityEntry, DataImport, DataValidation, QueryMutipleInput, SearchSelect };

package/dist/index.js

@@ -2270,6 +2270,9 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
   return DataValidation;
 }(React__default['default'].Component);
 
+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"];
 
@@ -2322,15 +2325,15 @@ var filterLetters$1 = function filterLetters(i) {
   }
 };
 
-var DataValidation$1 = /*#__PURE__*/function (_React$Component) {
-  _inherits(DataValidation, _React$Component);
+var DataImport = /*#__PURE__*/function (_React$Component) {
+  _inherits(DataImport, _React$Component);
 
-  var _super = _createSuper(DataValidation);
+  var _super = _createSuper(DataImport);
 
-  function DataValidation(props) {
+  function DataImport(props) {
     var _this;
 
-    _classCallCheck(this, DataValidation);
+    _classCallCheck(this, DataImport);
 
     _this = _super.call(this, props);
 
@@ -2795,7 +2798,7 @@ var DataValidation$1 = /*#__PURE__*/function (_React$Component) {
       });
     } else {
       itemsTemp$1 = props.columns.map(function (item, index) {
-        if (!mapping$1.get(item)) throw Error("".concat(item, " is not in DataValidation component, please fix this error"));
+        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),
@@ -2820,7 +2823,7 @@ var DataValidation$1 = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(DataValidation, [{
+  _createClass(DataImport, [{
     key: "onDragEnd",
     value: function onDragEnd(result) {
       // dropped outside the list
@@ -2900,11 +2903,11 @@ var DataValidation$1 = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return DataValidation;
+  return DataImport;
 }(React__default['default'].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";
-styleInject(css_248z$1);
+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;
@@ -3035,8 +3038,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 = antd.Select.Option;
 
@@ -5768,7 +5771,7 @@ axios__default['default'].defaults.headers.common['sso-sessionid'] = (resposne =
 exports.BusinessSearchSelect = BusinessSearchSelect$1;
 exports.CheckOneUser = index;
 exports.CommodityEntry = CommodityEntry;
-exports.DataImport = DataValidation$1;
+exports.DataImport = DataImport;
 exports.DataValidation = DataValidation;
 exports.QueryMutipleInput = QueryMutipleInput;
 exports.SearchSelect = SearchSelect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/components/Functional/DataImport/index.less

@@ -0,0 +1,63 @@
+.luckysheet {
+  overflow: hidden;
+  .luckysheet-work-area.luckysheet-noselected-text {
+    display: none;
+
+    // .luckysheet_info_detail {
+    //   display: none !important;
+    // }
+
+    // .luckysheet-wa-editor.toolbar {
+    //   overflow: hidden;
+    // }
+  }
+}
+
+.sheet_table_top {
+  height: 50px;
+  background: #f2f2f2;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 20px;
+  border: 1px solid #d8d8d8;
+
+  .menu_item_text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
+.sheet_table_footer {
+  height: 50px;
+  background: #f2f2f2;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 20px;
+  border: 1px solid #d8d8d8;
+
+  .sheet_table_footer_l {
+  }
+  .sheet_table_footer_r {
+  }
+}
+
+.sheet_table_text {
+  color: #8f8f8f;
+}
+
+.sheet_table_dnd_text {
+  background: #f2f2f2;
+  border: 1px solid #d8d8d8;
+  display: inline-block;
+  width: 100px;
+  height: 30px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/src/components/Functional/DataImport/index.md

@@ -0,0 +1,44 @@
+---
+nav:
+  title: '组件'
+  order: 1
+group:
+  title: 功能组件
+  order: 0
+title: 数据校验
+order: 1
+---
+
+## DataImport
+
+Demo:
+
+```tsx
+import React, { useRef } from 'react';
+import { DataImport } from '../../../index';
+
+export default () => {
+  let dataValidationRef: DataValidation = useRef();
+
+  return (
+    <div>
+      <DataImport
+          onRef={(ref) => {
+            dataValidationRef = ref;
+          }}
+          notValid
+          customerColumnsMapping={
+            [
+              {
+                title: 'WER',
+                name: 'ffff1'
+              }
+            ]
+          }
+        />
+    </div>
+  );
+};
+```
+
+More skills for writing demo: https://d.umijs.org/guide/demo-principle

package/src/components/Functional/{DataValidation/DataImport.tsx → DataImport/index.tsx}

@@ -105,7 +105,7 @@ const filterLetters = (i) => {
   }
 };
 
-class DataValidation extends React.Component {
+class DataImport extends React.Component {
   constructor(props) {
     super(props);
     this.props.onRef(this);
@@ -126,7 +126,7 @@ class DataValidation extends React.Component {
       itemsTemp = props.columns.map((item, index) => {
         if (!mapping.get(item))
           throw Error(
-            `${item} is not in DataValidation component, please fix this error`,
+            `${item} is not in DataImport component, please fix this error`,
           );
         return {
           id: `item-0${index}`,
@@ -687,4 +687,4 @@ class DataValidation extends React.Component {
   }
 }
 
-export default DataValidation;
+export default DataImport;

package/src/index.ts

@@ -14,7 +14,7 @@ const resposne = JSON.parse(localStorage.getItem('userInfo') || '{}');
 axios.defaults.headers.common['sso-sessionid'] = resposne?.sessionId || '';
 
 export { default as DataValidation } from './components/Functional/DataValidation';
-export { default as DataImport } from './components/Functional/DataValidation/DataImport';
+export { default as DataImport } from './components/Functional/DataImport';
 export { default as QueryMutipleInput } from './components/Functional/QueryMutipleInput';
 export { default as SearchSelect } from './components/Functional/SearchSelect';
 export { default as BusinessSearchSelect } from './components/Business/SearchSelect';