@bit-sun/business-component 1.0.3 → 1.0.7

package/dist/{DataValidation → components/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/components/QueryInput/index.d.ts

@@ -0,0 +1,3 @@
+import 'antd/dist/antd.css';
+declare const QueryInput: () => JSX.Element;
+export default QueryInput;

package/dist/index.d.ts

@@ -1 +1,2 @@
-export { default as DataValidation } from './DataValidation';
+export { default as DataValidation } from './components/DataValidation';
+export { default as QueryInput } from './components/QueryInput';

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, Dropdown, Tooltip, Button, Checkbox } from 'antd';
+import React, { createContext, useContext, useEffect, forwardRef, createElement, useState } from 'react';
+import { message, Menu, Space, Dropdown, Tooltip, Button, Checkbox, Input, Modal } 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"
@@ -2161,14 +2168,115 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
   return DataValidation;
 }(React.Component);
 
+var css_248z$1 = ".query_input button {\n  width: '50px';\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 QueryInput = function QueryInput() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isModalVisible = _useState2[0],
+      setIsModalVisible = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      value = _useState4[0],
+      setValue = _useState4[1];
+
+  var showModal = function showModal() {
+    setIsModalVisible(true);
+  };
+
+  var handleOk = function handleOk() {
+    var formatValue = ToCDB(value).split(/[/\n/\s,;]/).filter(function (item) {
+      return item;
+    }).join(',');
+    setValue(formatValue);
+    setIsModalVisible(false);
+  };
+
+  var handleCancel = function handleCancel() {
+    setIsModalVisible(false);
+  };
+
+  var outerChange = function outerChange(e) {
+    debugger;
+    var formatValue = ToCDB(e.target.value).split(/[/\n/\s,;]/).filter(function (item) {
+      return item;
+    }).join(',');
+    setValue(formatValue);
+  };
+
+  var onChange = function onChange(e) {
+    setValue(e.target.value);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: css_248z$1.query_input
+  }, /*#__PURE__*/React.createElement(Input.Group, {
+    compact: true
+  }, /*#__PURE__*/React.createElement(Input, {
+    value: value,
+    onChange: outerChange,
+    style: {
+      width: 'calc(100% - 50px)'
+    },
+    placeholder: "\u8BF7\u8F93\u5165\uFF08\u67E5\u8BE2\u591A\u4E2A\u503C\u8BF7\u7528 ; \u6216 , \u5206\u5272\uFF09"
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: css_248z$1.button,
+    onClick: showModal,
+    type: "primary"
+  }, "...")), /*#__PURE__*/React.createElement(Modal, {
+    width: 600,
+    title: "\u591A\u503C\u5F55\u5165",
+    visible: isModalVisible,
+    onOk: handleOk,
+    onCancel: handleCancel,
+    footer: [/*#__PURE__*/React.createElement(Button, {
+      key: "back",
+      onClick: handleCancel
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      key: "submit",
+      type: "primary",
+      onClick: handleOk
+    }, "\u5F55\u5165")]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: css_248z$1.query_input_wrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: css_248z$1.query_input_wrapper_left
+  }, "\u5F55\u5165\u533A\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: css_248z$1.query_input_wrapper_right
+  }, /*#__PURE__*/React.createElement("div", null, "\u5982\u9700\u540C\u65F6\u4F7F\u7528\u591A\u4E2A\u503C\u8FDB\u884C\u67E5\u8BE2\uFF0C\u8BF7\u4F7F\u7528\u9017\u53F7\u3001\u5206\u53F7\u3001\u7A7A\u683C\u6216\u6362\u884C\u8FDB\u884C\u503C\u7684\u5206\u9694\uFF0C\u4E2D\u82F1\u6587\u683C\u5F0F\u7684\u7B26\u53F7\u5747\u652F\u6301"), /*#__PURE__*/React.createElement("div", {
+    className: css_248z$1.query_input_textArea
+  }, /*#__PURE__*/React.createElement(Input.TextArea, {
+    value: value,
+    onChange: onChange,
+    rows: 6,
+    showCount: true
+  }))))));
+};
+
+function ToCDB(str) {
+  var tmp = '';
+
+  for (var i = 0; i < str.length; i++) {
+    if (str.charCodeAt(i) > 65248 && str.charCodeAt(i) < 65375) {
+      tmp += String.fromCharCode(str.charCodeAt(i) - 65248);
+    } else {
+      tmp += String.fromCharCode(str.charCodeAt(i));
+    }
+  }
+
+  return tmp;
+}
+
 /*
  * @Description:
  * @Author: rodchen
  * @Date: 2021-11-30 22:59:39
- * @LastEditTime: 2021-12-08 16:50:04
+ * @LastEditTime: 2021-12-27 20:16:20
  * @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 };
+export { DataValidation, QueryInput };

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"
@@ -2171,14 +2178,116 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
   return DataValidation;
 }(React__default['default'].Component);
 
+var css_248z$1 = ".query_input button {\n  width: '50px';\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 QueryInput = function QueryInput() {
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isModalVisible = _useState2[0],
+      setIsModalVisible = _useState2[1];
+
+  var _useState3 = React.useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      value = _useState4[0],
+      setValue = _useState4[1];
+
+  var showModal = function showModal() {
+    setIsModalVisible(true);
+  };
+
+  var handleOk = function handleOk() {
+    var formatValue = ToCDB(value).split(/[/\n/\s,;]/).filter(function (item) {
+      return item;
+    }).join(',');
+    setValue(formatValue);
+    setIsModalVisible(false);
+  };
+
+  var handleCancel = function handleCancel() {
+    setIsModalVisible(false);
+  };
+
+  var outerChange = function outerChange(e) {
+    debugger;
+    var formatValue = ToCDB(e.target.value).split(/[/\n/\s,;]/).filter(function (item) {
+      return item;
+    }).join(',');
+    setValue(formatValue);
+  };
+
+  var onChange = function onChange(e) {
+    setValue(e.target.value);
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: css_248z$1.query_input
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input.Group, {
+    compact: true
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    value: value,
+    onChange: outerChange,
+    style: {
+      width: 'calc(100% - 50px)'
+    },
+    placeholder: "\u8BF7\u8F93\u5165\uFF08\u67E5\u8BE2\u591A\u4E2A\u503C\u8BF7\u7528 ; \u6216 , \u5206\u5272\uFF09"
+  }), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+    className: css_248z$1.button,
+    onClick: showModal,
+    type: "primary"
+  }, "...")), /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
+    width: 600,
+    title: "\u591A\u503C\u5F55\u5165",
+    visible: isModalVisible,
+    onOk: handleOk,
+    onCancel: handleCancel,
+    footer: [/*#__PURE__*/React__default['default'].createElement(antd.Button, {
+      key: "back",
+      onClick: handleCancel
+    }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+      key: "submit",
+      type: "primary",
+      onClick: handleOk
+    }, "\u5F55\u5165")]
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: css_248z$1.query_input_wrapper
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: css_248z$1.query_input_wrapper_left
+  }, "\u5F55\u5165\u533A\uFF1A"), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: css_248z$1.query_input_wrapper_right
+  }, /*#__PURE__*/React__default['default'].createElement("div", null, "\u5982\u9700\u540C\u65F6\u4F7F\u7528\u591A\u4E2A\u503C\u8FDB\u884C\u67E5\u8BE2\uFF0C\u8BF7\u4F7F\u7528\u9017\u53F7\u3001\u5206\u53F7\u3001\u7A7A\u683C\u6216\u6362\u884C\u8FDB\u884C\u503C\u7684\u5206\u9694\uFF0C\u4E2D\u82F1\u6587\u683C\u5F0F\u7684\u7B26\u53F7\u5747\u652F\u6301"), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: css_248z$1.query_input_textArea
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input.TextArea, {
+    value: value,
+    onChange: onChange,
+    rows: 6,
+    showCount: true
+  }))))));
+};
+
+function ToCDB(str) {
+  var tmp = '';
+
+  for (var i = 0; i < str.length; i++) {
+    if (str.charCodeAt(i) > 65248 && str.charCodeAt(i) < 65375) {
+      tmp += String.fromCharCode(str.charCodeAt(i) - 65248);
+    } else {
+      tmp += String.fromCharCode(str.charCodeAt(i));
+    }
+  }
+
+  return tmp;
+}
+
 /*
  * @Description:
  * @Author: rodchen
  * @Date: 2021-11-30 22:59:39
- * @LastEditTime: 2021-12-08 16:50:04
+ * @LastEditTime: 2021-12-27 20:16:20
  * @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;
+exports.QueryInput = QueryInput;

package/package.json

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

package/src/components/DataValidation/index.md

@@ -0,0 +1,36 @@
+---
+nav:
+  title: '组件'
+  order: 1
+group:
+  title: 组件
+  order: 0
+title: 数据校验
+order: 1
+---
+
+## DataValidation
+
+Demo:
+
+```tsx
+import React, { useRef } from 'react';
+import { DataValidation } from '../../index';
+
+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 → components/DataValidation}/index.tsx

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: rodchen
  * @Date: 2021-12-01 10:52:08
- * @LastEditTime: 2021-12-08 20:32:57
+ * @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 />

package/src/components/QueryInput/index.less

@@ -0,0 +1,21 @@
+.query_input {
+  button {
+    width: '50px';
+  }
+
+  &_wrapper {
+    display: flex;
+
+    &_left {
+      width: 100px;
+    }
+
+    &_right {
+      color: #9e9e9e;
+    }
+  }
+
+  &_textArea {
+    margin-top: 15px;
+  }
+}

package/src/components/QueryInput/index.md

@@ -0,0 +1,31 @@
+---
+nav:
+  title: '组件'
+  order: 1
+group:
+  title: 组件
+  order: 0
+title: 批量查询组件
+order: 1
+---
+
+## QueryInput
+
+Demo:
+
+```tsx
+import React, { useRef } from 'react';
+import { QueryInput } from '../../index';
+
+export default () => {
+  let dataValidationRef: QueryInput = useRef();
+
+  return (
+    <div>
+      <QueryInput />
+    </div>
+  );
+};
+```
+
+More skills for writing demo: https://d.umijs.org/guide/demo-principle

package/src/components/QueryInput/index.tsx

@@ -0,0 +1,109 @@
+/*
+ * @Description:
+ * @Author: rodchen
+ * @Date: 2021-12-01 10:52:08
+ * @LastEditTime: 2021-12-27 21:29:23
+ * @LastEditors: rodchen
+ */
+// @ts-nocheck
+import React, { useState } from 'react';
+import { Input, Button, Modal } from 'antd';
+import 'antd/dist/antd.css';
+import styles from './index.less';
+
+const QueryInput = () => {
+  const [isModalVisible, setIsModalVisible] = useState(false);
+  const [value, setValue] = useState('');
+
+  const showModal = () => {
+    setIsModalVisible(true);
+  };
+
+  const handleOk = () => {
+    let formatValue = ToCDB(value)
+      .split(/[/\n/\s,;]/)
+      .filter((item) => item)
+      .join(',');
+    setValue(formatValue);
+    setIsModalVisible(false);
+  };
+
+  const handleCancel = () => {
+    setIsModalVisible(false);
+  };
+
+  const outerChange = (e) => {
+    debugger;
+    let formatValue = ToCDB(e.target.value)
+      .split(/[/\n/\s,;]/)
+      .filter((item) => item)
+      .join(',');
+    setValue(formatValue);
+  };
+
+  const onChange = (e) => {
+    setValue(e.target.value);
+  };
+
+  return (
+    <div className={styles.query_input}>
+      <Input.Group compact>
+        <Input
+          value={value}
+          onChange={outerChange}
+          style={{ width: 'calc(100% - 50px)' }}
+          placeholder="请输入（查询多个值请用 ; 或 , 分割）"
+        />
+        <Button className={styles.button} onClick={showModal} type="primary">
+          ...
+        </Button>
+      </Input.Group>
+      <Modal
+        width={600}
+        title="多值录入"
+        visible={isModalVisible}
+        onOk={handleOk}
+        onCancel={handleCancel}
+        footer={[
+          <Button key="back" onClick={handleCancel}>
+            取消
+          </Button>,
+          <Button key="submit" type="primary" onClick={handleOk}>
+            录入
+          </Button>,
+        ]}
+      >
+        <div className={styles.query_input_wrapper}>
+          <div className={styles.query_input_wrapper_left}>录入区：</div>
+          <div className={styles.query_input_wrapper_right}>
+            <div>
+              如需同时使用多个值进行查询，请使用逗号、分号、空格或换行进行值的分隔，中英文格式的符号均支持
+            </div>
+            <div className={styles.query_input_textArea}>
+              <Input.TextArea
+                value={value}
+                onChange={onChange}
+                rows={6}
+                showCount
+              />
+            </div>
+          </div>
+        </div>
+      </Modal>
+    </div>
+  );
+};
+
+function ToCDB(str) {
+  var tmp = '';
+  for (var i = 0; i < str.length; i++) {
+    if (str.charCodeAt(i) > 65248 && str.charCodeAt(i) < 65375) {
+      tmp += String.fromCharCode(str.charCodeAt(i) - 65248);
+    } else {
+      tmp += String.fromCharCode(str.charCodeAt(i));
+    }
+  }
+  return tmp;
+}
+
+export default QueryInput;

package/src/index.ts

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

package/src/DataValidation/index.md

@@ -1,32 +0,0 @@
----
-nav:
-  title: Components
-  path: /components
----
-
-## DataValidation
-
-Demo:
-
-```tsx
-import React from 'react';
-import { DataValidation } from '../index';
-
-export default () => (
-  <div>
-    <DataValidation
-      columns={[
-        ['商品编码', 'skuCode'],
-        ['商品名称', 'skuName'],
-        ['商品名称1', 'skuName'],
-      ]}
-      validDataFunction={(data, resolve) => {
-        resolve([]);
-      }}
-      title="商品录入"
-    />
-  </div>
-);
-```
-
-More skills for writing demo: https://d.umijs.org/guide/demo-principle