@bit-sun/business-component 1.0.6 → 1.0.12

package/.umirc.ts

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: rodchen
  * @Date: 2021-11-30 22:59:39
- * @LastEditTime: 2021-12-07 18:47:10
+ * @LastEditTime: 2021-12-29 16:14:33
  * @LastEditors: rodchen
  */
 import { defineConfig } from 'dumi';

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import 'antd/dist/antd.css';
 import './index.less';
 declare class DataValidation extends React.Component {
     constructor(props: any);

package/dist/components/QueryMutipleInput/index.d.ts

@@ -0,0 +1,5 @@
+import './index.less';
+declare const QueryMutipleInput: ({ onValueChange }: {
+    onValueChange: any;
+}) => JSX.Element;
+export default QueryMutipleInput;

package/dist/index.d.ts

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

package/dist/index.esm.js

@@ -1,23 +1,18 @@
 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';
+import { useDebounceFn } from 'ahooks';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -25,19 +20,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -62,6 +50,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -85,12 +76,15 @@ function _inherits(subClass, superClass) {
     throw new TypeError("Super expression must either be null or a function");
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
+  Object.defineProperty(subClass, "prototype", {
+    value: Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    }),
+    writable: false
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
@@ -294,14 +288,9 @@ function ownKeys$1(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -309,19 +298,12 @@ function ownKeys$1(object, enumerableOnly) {
 
 function _objectSpread2$1(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys$1(Object(source), true).forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys$1(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
+      _defineProperty$1(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -425,17 +407,11 @@ function _objectWithoutProperties$1(source, excluded) {
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 /**
@@ -2168,14 +2144,146 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
   return DataValidation;
 }(React.Component);
 
+var css_248z$1 = ".query_input_show {\n  display: flex;\n}\n.query_input_expand_button {\n  position: relative;\n  width: 30px;\n  color: #ffffff;\n  cursor: pointer;\n}\n.query_input_expand_button span {\n  position: absolute;\n  height: 20px;\n  line-height: 14px;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.query_input_wrapper {\n  display: flex;\n}\n.query_input_wrapper_left {\n  width: 100px;\n}\n.query_input_wrapper_right {\n  color: #9e9e9e;\n}\n.query_input_textArea {\n  margin-top: 15px;\n}\n";
+styleInject(css_248z$1);
+
+var QueryMutipleInput = function QueryMutipleInput(_ref) {
+  var onValueChange = _ref.onValueChange;
+
+  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 _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      popvalue = _useState6[0],
+      setPopValue = _useState6[1];
+
+  var _useDebounceFn = useDebounceFn(function () {
+    formaData(value);
+  }, {
+    wait: 1000
+  }),
+      run = _useDebounceFn.run;
+
+  useEffect(function () {
+    setPopValue(value);
+    onValueChange(value);
+  }, [value]);
+
+  var showModal = function showModal() {
+    setIsModalVisible(true);
+  };
+
+  var handleOk = function handleOk() {
+    formaData(popvalue);
+    setIsModalVisible(false);
+  };
+
+  var formaData = function formaData(value) {
+    var formatValue = ToCDB(value).split(/[/\n/\s,;]/).filter(function (item) {
+      return item;
+    }).join(',');
+    setValue(formatValue);
+  };
+
+  var handleCancel = function handleCancel() {
+    setIsModalVisible(false);
+  };
+
+  var outerChange = function outerChange(e) {
+    setValue(e.target.value);
+    run();
+  };
+
+  var onChange = function onChange(e) {
+    setPopValue(e.target.value);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'query_input'
+  }, /*#__PURE__*/React.createElement("div", {
+    class: "query_input_show"
+  }, /*#__PURE__*/React.createElement(Input, {
+    value: value,
+    onChange: outerChange,
+    onBlur: function onBlur(e) {
+      formaData(e.target.value);
+    },
+    onPaste: function onPaste(e) {
+      formaData(e.clipboardData.getData('text'));
+      e.preventDefault();
+    },
+    style: {
+      width: 'calc(100% - 30px)'
+    },
+    placeholder: "\u8BF7\u8F93\u5165\uFF08\u67E5\u8BE2\u591A\u4E2A\u503C\u8BF7\u7528 ; \u6216 , \u5206\u5272\uFF09"
+  }), /*#__PURE__*/React.createElement(Button, {
+    style: {
+      width: '30px',
+      padding: '2px',
+      height: 'auto'
+    },
+    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: 'query_input_wrapper'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'query_input_wrapper_left'
+  }, "\u5F55\u5165\u533A\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: '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: 'query_input_textArea'
+  }, /*#__PURE__*/React.createElement(Input.TextArea, {
+    value: popvalue,
+    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-29 17:43:01
  * @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, QueryMutipleInput };

package/dist/index.js

@@ -6,8 +6,8 @@ var axios = require('axios');
 var React = require('react');
 var antd = require('antd');
 var reactBeautifulDnd = require('react-beautiful-dnd');
-require('antd/dist/antd.css');
 var classNames = require('classnames');
+var ahooks = require('ahooks');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -20,14 +20,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -35,19 +30,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -72,6 +60,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -95,12 +86,15 @@ function _inherits(subClass, superClass) {
     throw new TypeError("Super expression must either be null or a function");
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
+  Object.defineProperty(subClass, "prototype", {
+    value: Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    }),
+    writable: false
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
@@ -304,14 +298,9 @@ function ownKeys$1(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -319,19 +308,12 @@ function ownKeys$1(object, enumerableOnly) {
 
 function _objectSpread2$1(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys$1(Object(source), true).forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys$1(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
+      _defineProperty$1(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -435,17 +417,11 @@ function _objectWithoutProperties$1(source, excluded) {
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 /**
@@ -2178,14 +2154,147 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
   return DataValidation;
 }(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 QueryMutipleInput = function QueryMutipleInput(_ref) {
+  var onValueChange = _ref.onValueChange;
+
+  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 _useState5 = React.useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      popvalue = _useState6[0],
+      setPopValue = _useState6[1];
+
+  var _useDebounceFn = ahooks.useDebounceFn(function () {
+    formaData(value);
+  }, {
+    wait: 1000
+  }),
+      run = _useDebounceFn.run;
+
+  React.useEffect(function () {
+    setPopValue(value);
+    onValueChange(value);
+  }, [value]);
+
+  var showModal = function showModal() {
+    setIsModalVisible(true);
+  };
+
+  var handleOk = function handleOk() {
+    formaData(popvalue);
+    setIsModalVisible(false);
+  };
+
+  var formaData = function formaData(value) {
+    var formatValue = ToCDB(value).split(/[/\n/\s,;]/).filter(function (item) {
+      return item;
+    }).join(',');
+    setValue(formatValue);
+  };
+
+  var handleCancel = function handleCancel() {
+    setIsModalVisible(false);
+  };
+
+  var outerChange = function outerChange(e) {
+    setValue(e.target.value);
+    run();
+  };
+
+  var onChange = function onChange(e) {
+    setPopValue(e.target.value);
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: 'query_input'
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    class: "query_input_show"
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    value: value,
+    onChange: outerChange,
+    onBlur: function onBlur(e) {
+      formaData(e.target.value);
+    },
+    onPaste: function onPaste(e) {
+      formaData(e.clipboardData.getData('text'));
+      e.preventDefault();
+    },
+    style: {
+      width: 'calc(100% - 30px)'
+    },
+    placeholder: "\u8BF7\u8F93\u5165\uFF08\u67E5\u8BE2\u591A\u4E2A\u503C\u8BF7\u7528 ; \u6216 , \u5206\u5272\uFF09"
+  }), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+    style: {
+      width: '30px',
+      padding: '2px',
+      height: 'auto'
+    },
+    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: 'query_input_wrapper'
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: 'query_input_wrapper_left'
+  }, "\u5F55\u5165\u533A\uFF1A"), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: '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: 'query_input_textArea'
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input.TextArea, {
+    value: popvalue,
+    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-29 17:43:01
  * @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.QueryMutipleInput = QueryMutipleInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "1.0.6",
+  "version": "1.0.12",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -27,9 +27,9 @@
     ]
   },
   "dependencies": {
+    "ahooks": "^3.1.2",
     "antd": "4.17.2",
     "axios": "^0.24.0",
-    "bs-business-component": "^1.0.1",
     "classnames": "^2.3.1",
     "react": "^16.12.0",
     "react-beautiful-dnd": "10.0.0"
@@ -40,8 +40,7 @@
     "father-build": "^1.17.2",
     "gh-pages": "^3.0.0",
     "lint-staged": "^10.0.7",
-    "prettier": "^2.2.1",
-    "yorkie": "^2.0.0"
+    "prettier": "^2.2.1"
   },
   "publishConfig": {
     "access": "public"

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

@@ -1,7 +1,12 @@
 ---
 nav:
-  title: Components
-  path: /components
+  title: '组件'
+  order: 1
+group:
+  title: 组件
+  order: 0
+title: 数据校验
+order: 1
 ---
 
 ## DataValidation
@@ -10,7 +15,7 @@ Demo:
 
 ```tsx
 import React, { useRef } from 'react';
-import { DataValidation } from '../index';
+import { DataValidation } from '../../index';
 
 export default () => {
   let dataValidationRef: DataValidation = useRef();

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

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: rodchen
  * @Date: 2021-12-01 10:52:08
- * @LastEditTime: 2021-12-22 14:24:35
+ * @LastEditTime: 2021-12-29 17:11:56
  * @LastEditors: rodchen
  */
 // @ts-nocheck
@@ -19,7 +19,6 @@ import {
   message,
 } from 'antd';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import 'antd/dist/antd.css';
 import {
   ExclamationCircleOutlined,
   DownOutlined,

package/src/components/QueryMutipleInput/index.less

@@ -0,0 +1,37 @@
+.query_input {
+  &_show {
+    display: flex;
+  }
+
+  &_expand_button {
+    position: relative;
+    width: 30px;
+    color: #ffffff;
+    cursor: pointer;
+
+    span {
+      position: absolute;
+      height: 20px;
+      line-height: 14px;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  &_wrapper {
+    display: flex;
+
+    &_left {
+      width: 100px;
+    }
+
+    &_right {
+      color: #9e9e9e;
+    }
+  }
+
+  &_textArea {
+    margin-top: 15px;
+  }
+}

package/src/components/QueryMutipleInput/index.md

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

package/src/components/QueryMutipleInput/index.tsx

@@ -0,0 +1,128 @@
+/*
+ * @Description:
+ * @Author: rodchen
+ * @Date: 2021-12-01 10:52:08
+ * @LastEditTime: 2021-12-29 19:14:56
+ * @LastEditors: rodchen
+ */
+// @ts-nocheck
+import React, { useState, useEffect } from 'react';
+import { useDebounceFn } from 'ahooks';
+import { Input, Button, Modal } from 'antd';
+import './index.less';
+
+const QueryMutipleInput = ({ onValueChange }) => {
+  const [isModalVisible, setIsModalVisible] = useState(false);
+  const [value, setValue] = useState('');
+  const [popvalue, setPopValue] = useState('');
+  const { run } = useDebounceFn(
+    () => {
+      formaData(value);
+    },
+    {
+      wait: 1000,
+    },
+  );
+
+  useEffect(() => {
+    setPopValue(value);
+    onValueChange(value);
+  }, [value]);
+
+  const showModal = () => {
+    setIsModalVisible(true);
+  };
+
+  const handleOk = () => {
+    formaData(popvalue);
+    setIsModalVisible(false);
+  };
+
+  const formaData = (value) => {
+    let formatValue = ToCDB(value)
+      .split(/[/\n/\s,;]/)
+      .filter((item) => item)
+      .join(',');
+    setValue(formatValue);
+  };
+
+  const handleCancel = () => {
+    setIsModalVisible(false);
+  };
+
+  const outerChange = (e) => {
+    setValue(e.target.value);
+    run();
+  };
+
+  const onChange = (e) => {
+    setPopValue(e.target.value);
+  };
+
+  return (
+    <div className={'query_input'}>
+      <div class="query_input_show">
+        <Input
+          value={value}
+          onChange={outerChange}
+          onBlur={(e) => {
+            formaData(e.target.value);
+          }}
+          onPaste={(e) => {
+            formaData(e.clipboardData.getData('text'));
+            e.preventDefault();
+          }}
+          style={{ width: 'calc(100% - 30px)' }}
+          placeholder="请输入（查询多个值请用 ; 或 , 分割）"
+        />
+        <Button style={{width: '30px', padding: '2px', height: 'auto'}} onClick={showModal} type="primary">...</Button>
+      </div>
+      <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={'query_input_wrapper'}>
+          <div className={'query_input_wrapper_left'}>录入区：</div>
+          <div className={'query_input_wrapper_right'}>
+            <div>
+              如需同时使用多个值进行查询，请使用逗号、分号、空格或换行进行值的分隔，中英文格式的符号均支持
+            </div>
+            <div className={'query_input_textArea'}>
+              <Input.TextArea
+                value={popvalue}
+                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 QueryMutipleInput;

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-29 17:43:01
  * @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 QueryMutipleInput } from './components/QueryMutipleInput';