@bit-sun/business-component 1.0.9 → 1.0.11

package/.umirc.ts

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

package/dist/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,2 +1,2 @@
 export { default as DataValidation } from './components/DataValidation';
-export { default as QueryInput } from './components/QueryInput';
+export { default as QueryMutipleInput } from './components/QueryMutipleInput';

package/dist/index.esm.js

@@ -2,7 +2,6 @@ import axios from 'axios';
 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';
 
@@ -2145,10 +2144,10 @@ 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";
+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 QueryInput = function QueryInput(_ref) {
+var QueryMutipleInput = function QueryMutipleInput(_ref) {
   var onValueChange = _ref.onValueChange;
 
   var _useState = useState(false),
@@ -2178,10 +2177,6 @@ var QueryInput = function QueryInput(_ref) {
     onValueChange(value);
   }, [value]);
 
-  var showModal = function showModal() {
-    setIsModalVisible(true);
-  };
-
   var handleOk = function handleOk() {
     formaData(popvalue);
     setIsModalVisible(false);
@@ -2208,9 +2203,9 @@ var QueryInput = function QueryInput(_ref) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: css_248z$1.query_input
-  }, /*#__PURE__*/React.createElement(Input.Group, {
-    compact: true
+    className: 'query_input'
+  }, /*#__PURE__*/React.createElement("div", {
+    class: "query_input_show"
   }, /*#__PURE__*/React.createElement(Input, {
     value: value,
     onChange: outerChange,
@@ -2222,12 +2217,15 @@ var QueryInput = function QueryInput(_ref) {
       e.preventDefault();
     },
     style: {
-      width: 'calc(100% - 50px)'
+      width: 'calc(100% - 30px)'
     },
     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,
+    style: {
+      width: '30px',
+      padding: '2px',
+      height: 'auto'
+    },
     type: "primary"
   }, "...")), /*#__PURE__*/React.createElement(Modal, {
     width: 600,
@@ -2244,13 +2242,13 @@ var QueryInput = function QueryInput(_ref) {
       onClick: handleOk
     }, "\u5F55\u5165")]
   }, /*#__PURE__*/React.createElement("div", {
-    className: css_248z$1.query_input_wrapper
+    className: 'query_input_wrapper'
   }, /*#__PURE__*/React.createElement("div", {
-    className: css_248z$1.query_input_wrapper_left
+    className: 'query_input_wrapper_left'
   }, "\u5F55\u5165\u533A\uFF1A"), /*#__PURE__*/React.createElement("div", {
-    className: css_248z$1.query_input_wrapper_right
+    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: css_248z$1.query_input_textArea
+    className: 'query_input_textArea'
   }, /*#__PURE__*/React.createElement(Input.TextArea, {
     value: popvalue,
     onChange: onChange,
@@ -2277,10 +2275,10 @@ function ToCDB(str) {
  * @Description:
  * @Author: rodchen
  * @Date: 2021-11-30 22:59:39
- * @LastEditTime: 2021-12-27 20:16:20
+ * @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, QueryInput };
+export { DataValidation, QueryMutipleInput };

package/dist/index.js

@@ -6,7 +6,6 @@ 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');
 
@@ -2155,10 +2154,10 @@ 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";
+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 QueryInput = function QueryInput(_ref) {
+var QueryMutipleInput = function QueryMutipleInput(_ref) {
   var onValueChange = _ref.onValueChange;
 
   var _useState = React.useState(false),
@@ -2188,10 +2187,6 @@ var QueryInput = function QueryInput(_ref) {
     onValueChange(value);
   }, [value]);
 
-  var showModal = function showModal() {
-    setIsModalVisible(true);
-  };
-
   var handleOk = function handleOk() {
     formaData(popvalue);
     setIsModalVisible(false);
@@ -2218,9 +2213,9 @@ var QueryInput = function QueryInput(_ref) {
   };
 
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: css_248z$1.query_input
-  }, /*#__PURE__*/React__default['default'].createElement(antd.Input.Group, {
-    compact: true
+    className: 'query_input'
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    class: "query_input_show"
   }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
     value: value,
     onChange: outerChange,
@@ -2232,12 +2227,15 @@ var QueryInput = function QueryInput(_ref) {
       e.preventDefault();
     },
     style: {
-      width: 'calc(100% - 50px)'
+      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, {
-    className: css_248z$1.button,
-    onClick: showModal,
+    style: {
+      width: '30px',
+      padding: '2px',
+      height: 'auto'
+    },
     type: "primary"
   }, "...")), /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
     width: 600,
@@ -2254,13 +2252,13 @@ var QueryInput = function QueryInput(_ref) {
       onClick: handleOk
     }, "\u5F55\u5165")]
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: css_248z$1.query_input_wrapper
+    className: 'query_input_wrapper'
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: css_248z$1.query_input_wrapper_left
+    className: 'query_input_wrapper_left'
   }, "\u5F55\u5165\u533A\uFF1A"), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: css_248z$1.query_input_wrapper_right
+    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: css_248z$1.query_input_textArea
+    className: 'query_input_textArea'
   }, /*#__PURE__*/React__default['default'].createElement(antd.Input.TextArea, {
     value: popvalue,
     onChange: onChange,
@@ -2287,11 +2285,11 @@ function ToCDB(str) {
  * @Description:
  * @Author: rodchen
  * @Date: 2021-11-30 22:59:39
- * @LastEditTime: 2021-12-27 20:16:20
+ * @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.QueryInput = QueryInput;
+exports.QueryMutipleInput = QueryMutipleInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -30,7 +30,6 @@
     "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"
@@ -41,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/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/{QueryInput → QueryMutipleInput}/index.md

@@ -9,13 +9,13 @@ title: 批量查询组件
 order: 1
 ---
 
-## QueryInput
+## QueryMutipleInput
 
 Demo:
 
 ```tsx
 import React, { useRef } from 'react';
-import { QueryInput } from '../../index';
+import { QueryMutipleInput } from '../../index';
 
 export default () => {
   const handleOnChange = (value) => {
@@ -24,7 +24,7 @@ export default () => {
 
   return (
     <div>
-      <QueryInput onValueChange={handleOnChange} />
+      <QueryMutipleInput onValueChange={handleOnChange} />
     </div>
   );
 };

package/src/components/{QueryInput → QueryMutipleInput}/index.tsx

@@ -2,17 +2,16 @@
  * @Description:
  * @Author: rodchen
  * @Date: 2021-12-01 10:52:08
- * @LastEditTime: 2021-12-29 14:19:32
+ * @LastEditTime: 2021-12-29 17:42:42
  * @LastEditors: rodchen
  */
 // @ts-nocheck
 import React, { useState, useEffect } from 'react';
 import { useDebounceFn } from 'ahooks';
 import { Input, Button, Modal } from 'antd';
-import 'antd/dist/antd.css';
-import styles from './index.less';
+import './index.less';
 
-const QueryInput = ({ onValueChange }) => {
+const QueryMutipleInput = ({ onValueChange }) => {
   const [isModalVisible, setIsModalVisible] = useState(false);
   const [value, setValue] = useState('');
   const [popvalue, setPopValue] = useState('');
@@ -61,8 +60,8 @@ const QueryInput = ({ onValueChange }) => {
   };
 
   return (
-    <div className={styles.query_input}>
-      <Input.Group compact>
+    <div className={'query_input'}>
+      <div class="query_input_show">
         <Input
           value={value}
           onChange={outerChange}
@@ -73,13 +72,11 @@ const QueryInput = ({ onValueChange }) => {
             formaData(e.clipboardData.getData('text'));
             e.preventDefault();
           }}
-          style={{ width: 'calc(100% - 50px)' }}
+          style={{ width: 'calc(100% - 30px)' }}
           placeholder="请输入（查询多个值请用 ; 或 , 分割）"
         />
-        <Button className={styles.button} onClick={showModal} type="primary">
-          ...
-        </Button>
-      </Input.Group>
+        <Button style={{width: '30px', padding: '2px', height: 'auto'}} type="primary">...</Button>
+      </div>
       <Modal
         width={600}
         title="多值录入"
@@ -95,13 +92,13 @@ const QueryInput = ({ onValueChange }) => {
           </Button>,
         ]}
       >
-        <div className={styles.query_input_wrapper}>
-          <div className={styles.query_input_wrapper_left}>录入区：</div>
-          <div className={styles.query_input_wrapper_right}>
+        <div className={'query_input_wrapper'}>
+          <div className={'query_input_wrapper_left'}>录入区：</div>
+          <div className={'query_input_wrapper_right'}>
             <div>
               如需同时使用多个值进行查询，请使用逗号、分号、空格或换行进行值的分隔，中英文格式的符号均支持
             </div>
-            <div className={styles.query_input_textArea}>
+            <div className={'query_input_textArea'}>
               <Input.TextArea
                 value={popvalue}
                 onChange={onChange}
@@ -128,4 +125,4 @@ function ToCDB(str) {
   return tmp;
 }
 
-export default QueryInput;
+export default QueryMutipleInput;

package/src/index.ts

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

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

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

package/src/components/QueryInput/index.less

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