@bit-sun/business-component 1.0.2 → 1.0.6

package/dist/DataValidation/index.d.ts

@@ -13,7 +13,7 @@ declare class DataValidation extends React.Component {
         showtoolbar: boolean;
         hook: {
             columnTitleCellRenderBefore: (columnAbc: any, postion: any, ctx: any) => void;
-            cellRenderAfter: (cell: any, postion: any, sheetFile: any, ctx: any) => void;
+            cellRenderBefore: (cell: any, postion: any, sheetFile: any, ctx: any) => void;
             cellAllRenderBefore: (data: any, sheetFile: any, ctx: any) => void;
         };
         data: {

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import React, { createContext, useContext, useEffect, forwardRef, createElement } from 'react';
-import { message, Menu, Space, Card, Dropdown, Tooltip, Button, Checkbox } from 'antd';
+import { message, Menu, Space, Dropdown, Tooltip, Button, Checkbox } from 'antd';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import 'antd/dist/antd.css';
 import classNames from 'classnames';
@@ -1620,7 +1620,7 @@ var itemsTemp = []; // const mapping = [
 //   { "key": "price", "name": "单价", "rule": "price" }
 // ]
 
-var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价']]); // for dnd
+var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价'], ['regionCode', '库区'], ['checkQuantity', '实盘数量'], ['shareRatio', '共享比例']]); // for dnd
 
 
 var reorder = function reorder(list, startIndex, endIndex) {
@@ -1703,9 +1703,13 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
               }
             }
           },
-          cellRenderAfter: function cellRenderAfter(cell, postion, sheetFile, ctx) {
+          cellRenderBefore: function cellRenderBefore(cell, postion, sheetFile, ctx) {
             if (cell) {
               cell.fs = 10;
+
+              if (typeof cell.v === 'string') {
+                cell.m = cell.v = cell.m.trim();
+              }
             } // console.log(postion);
 
           },
@@ -2015,12 +2019,14 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
     };
 
     _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), /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "2",
       className: "sheet_table-menu_item_text"
     }, /*#__PURE__*/React.createElement("a", {
       onClick: function onClick() {
@@ -2028,6 +2034,7 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
       }
     }, "\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"
@@ -2122,7 +2129,7 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
         left: '0px',
         top: '0px'
       };
-      return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+      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'],

package/dist/index.js

@@ -1630,7 +1630,7 @@ var itemsTemp = []; // const mapping = [
 //   { "key": "price", "name": "单价", "rule": "price" }
 // ]
 
-var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价']]); // for dnd
+var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价'], ['regionCode', '库区'], ['checkQuantity', '实盘数量'], ['shareRatio', '共享比例']]); // for dnd
 
 
 var reorder = function reorder(list, startIndex, endIndex) {
@@ -1713,9 +1713,13 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
               }
             }
           },
-          cellRenderAfter: function cellRenderAfter(cell, postion, sheetFile, ctx) {
+          cellRenderBefore: function cellRenderBefore(cell, postion, sheetFile, ctx) {
             if (cell) {
               cell.fs = 10;
+
+              if (typeof cell.v === 'string') {
+                cell.m = cell.v = cell.m.trim();
+              }
             } // console.log(postion);
 
           },
@@ -2025,12 +2029,14 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.menuList = /*#__PURE__*/React__default['default'].createElement(antd.Menu, null, /*#__PURE__*/React__default['default'].createElement(antd.Menu.Item, {
+      key: "1",
       className: "sheet_table-menu_item_text"
     }, /*#__PURE__*/React__default['default'].createElement("a", {
       onClick: function onClick() {
         return _this.filterData('all');
       }
     }, "\u6E05\u7A7A\u5168\u90E8\u6570\u636E")), /*#__PURE__*/React__default['default'].createElement(antd.Menu.Divider, null), /*#__PURE__*/React__default['default'].createElement(antd.Menu.Item, {
+      key: "2",
       className: "sheet_table-menu_item_text"
     }, /*#__PURE__*/React__default['default'].createElement("a", {
       onClick: function onClick() {
@@ -2038,6 +2044,7 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
       }
     }, "\u4EC5\u6E05\u7A7A\u9519\u8BEF\u6570\u636E")));
     _this.leftMenu = /*#__PURE__*/React__default['default'].createElement(antd.Menu, null, /*#__PURE__*/React__default['default'].createElement(antd.Menu.Item, {
+      key: "3",
       className: "sheet_table-menu_item_text"
     }, /*#__PURE__*/React__default['default'].createElement("span", {
       className: "sheet_table_text"
@@ -2132,7 +2139,7 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
         left: '0px',
         top: '0px'
       };
-      return /*#__PURE__*/React__default['default'].createElement(antd.Card, null, /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, 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'],

package/package.json

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

package/src/DataValidation/index.md

@@ -9,24 +9,23 @@ nav:
 Demo:
 
 ```tsx
-import React from 'react';
+import React, { useRef } from 'react';
 import { DataValidation } from '../index';
 
-export default () => (
-  <div>
-    <DataValidation
-      columns={[
-        ['商品编码', 'skuCode'],
-        ['商品名称', 'skuName'],
-        ['商品名称1', 'skuName'],
-      ]}
-      validDataFunction={(data, resolve) => {
-        resolve([]);
-      }}
-      title="商品录入"
-    />
-  </div>
-);
+export default () => {
+  let dataValidationRef: DataValidation = useRef();
+
+  return (
+    <div>
+      <DataValidation
+        columns={['skuCode', 'quantity', 'price']}
+        onRef={(ref) => {
+          dataValidationRef = ref;
+        }}
+      />
+    </div>
+  );
+};
 ```
 
 More skills for writing demo: https://d.umijs.org/guide/demo-principle

package/src/DataValidation/index.tsx

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: rodchen
  * @Date: 2021-12-01 10:52:08
- * @LastEditTime: 2021-12-08 18:16:00
+ * @LastEditTime: 2021-12-22 14:24:35
  * @LastEditors: rodchen
  */
 // @ts-nocheck
@@ -43,6 +43,9 @@ const mapping = new Map([
   ['skuCode', 'SKU编码'],
   ['quantity', '数量'],
   ['price', '单价'],
+  ['regionCode', '库区'],
+  ['checkQuantity', '实盘数量'],
+  ['shareRatio', '共享比例'],
 ]);
 
 // for dnd
@@ -163,9 +166,13 @@ class DataValidation extends React.Component {
             }
           }
         },
-        cellRenderAfter: function (cell, postion, sheetFile, ctx) {
+        cellRenderBefore: function (cell, postion, sheetFile, ctx) {
           if (cell) {
             cell.fs = 10;
+
+            if (typeof cell.v === 'string') {
+              cell.m = cell.v = cell.m.trim();
+            }
           }
           // console.log(postion);
         },
@@ -469,11 +476,11 @@ class DataValidation extends React.Component {
 
   menuList = (
     <Menu>
-      <Menu.Item className="sheet_table-menu_item_text">
+      <Menu.Item key="1" className="sheet_table-menu_item_text">
         <a onClick={() => this.filterData('all')}>清空全部数据</a>
       </Menu.Item>
       <Menu.Divider />
-      <Menu.Item className="sheet_table-menu_item_text">
+      <Menu.Item key="2" className="sheet_table-menu_item_text">
         <a onClick={() => this.filterData('error')}>仅清空错误数据</a>
       </Menu.Item>
     </Menu>
@@ -481,7 +488,7 @@ class DataValidation extends React.Component {
 
   leftMenu = (
     <Menu>
-      <Menu.Item className="sheet_table-menu_item_text">
+      <Menu.Item key="3" className="sheet_table-menu_item_text">
         <span className="sheet_table_text">请拖动字段来对应列</span>
       </Menu.Item>
       <Menu.Divider />
@@ -545,7 +552,7 @@ class DataValidation extends React.Component {
       top: '0px',
     };
     return (
-      <Card>
+      <>
         <div className="sheet_table_top">
           <Space>
             <span>排序列</span>
@@ -611,7 +618,7 @@ class DataValidation extends React.Component {
             仅展示错误数据
           </Space>
         </div>
-      </Card>
+      </>
     );
   }
 }