@bit-sun/business-component 1.1.25 → 1.1.26

package/dist/components/Business/SearchSelect/index.d.ts

@@ -1,2 +1,3 @@
-declare const BusinessSearchSelect: (props: any) => JSX.Element;
-export default BusinessSearchSelect;
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(props: any) => JSX.Element>;
+export default _default;

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import React, { createContext, useContext, useEffect, forwardRef, createElement, useState, useRef } from 'react';
+import React, { createContext, useContext, useEffect, forwardRef, createElement, useState, useMemo, useRef } from 'react';
 import { message, Menu, Space, Dropdown, Tooltip, Button, Checkbox, Input, Modal, Select, Form, Divider, Spin, Table, TreeSelect, Tag } from 'antd';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import classNames from 'classnames';
@@ -78,14 +78,14 @@ 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);
@@ -484,7 +484,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return "".concat(Number(n) * 100, "%");
+        return Number(n) * 100 + "%";
     }
     return n;
 }
@@ -866,12 +866,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -1222,17 +1222,6 @@ function canUseDom() {
 
 var MARK_KEY = "rc-util-key";
 
-function getMark() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      mark = _ref.mark;
-
-  if (mark) {
-    return mark.startsWith('data-') ? mark : "data-".concat(mark);
-  }
-
-  return MARK_KEY;
-}
-
 function getContainer(option) {
   if (option.attachTo) {
     return option.attachTo;
@@ -1276,14 +1265,6 @@ function injectCSS(css) {
   return styleNode;
 }
 var containerCache = new Map();
-
-function findExistNode(key) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var container = getContainer(option);
-  return Array.from(containerCache.get(container).children).find(function (node) {
-    return node.tagName === 'STYLE' && node.getAttribute(getMark(option)) === key;
-  });
-}
 function updateCSS(css, key) {
   var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var container = getContainer(option); // Get real parent
@@ -1295,7 +1276,9 @@ function updateCSS(css, key) {
     parentNode.removeChild(placeholderStyle);
   }
 
-  var existNode = findExistNode(key, option);
+  var existNode = Array.from(containerCache.get(container).children).find(function (node) {
+    return node.tagName === 'STYLE' && node[MARK_KEY] === key;
+  });
 
   if (existNode) {
     var _option$csp3, _option$csp4;
@@ -1314,7 +1297,7 @@ function updateCSS(css, key) {
   }
 
   var newNode = injectCSS(css, option);
-  newNode.setAttribute(getMark(option), key);
+  newNode[MARK_KEY] = key;
   return newNode;
 }
 
@@ -4366,6 +4349,8 @@ function commonFun(type, prefixUrl) {
   };
 }
 
+var MemoSearchSelect = /*#__PURE__*/React.memo(SearchSelect);
+
 var BusinessSearchSelect = function BusinessSearchSelect(props) {
   var businessType = (props === null || props === void 0 ? void 0 : props.selectBusinessType) || 'supplier';
   var prefixUrl = (props === null || props === void 0 ? void 0 : props.prefixUrl) || {
@@ -4378,16 +4363,21 @@ var BusinessSearchSelect = function BusinessSearchSelect(props) {
       modalTableProps = _commonFun.modalTableProps,
       needModalTable = _commonFun.needModalTable;
 
-  var currentProps = _objectSpread2(_objectSpread2({
-    requestConfig: requestConfig
-  }, props), {}, {
-    needModalTable: needModalTable,
-    modalTableProps: modalTableProps
-  });
-
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SearchSelect, _objectSpread2({}, currentProps)));
+  var currentProps = useMemo(function () {
+    return _objectSpread2(_objectSpread2({
+      requestConfig: requestConfig
+    }, props), {}, {
+      needModalTable: needModalTable,
+      modalTableProps: modalTableProps
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MemoSearchSelect, _objectSpread2({}, currentProps)));
 };
 
+var index = /*#__PURE__*/React.memo(BusinessSearchSelect, function () {
+  return true;
+});
+
 var CommodityEntry = function CommodityEntry(props) {
   var dataValidationRef = useRef();
   var _props$buttonName = props.buttonName,
@@ -4473,7 +4463,7 @@ var CommodityEntry = function CommodityEntry(props) {
  * @LastEditTime: 2022-01-14 17:17:26
  * @LastEditors: rodchen
  */
-var index = (function (storageKeyString) {
+var index$1 = (function (storageKeyString) {
   var seconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
   var tipsCallFunction = arguments.length > 2 ? arguments[2] : undefined;
   if (typeof seconds !== 'number') throw new Error('seconds should be number');
@@ -4533,4 +4523,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, index as CheckOneUser, CommodityEntry, DataValidation, QueryMutipleInput, SearchSelect };
+export { index as BusinessSearchSelect, index$1 as CheckOneUser, CommodityEntry, DataValidation, QueryMutipleInput, SearchSelect };

package/dist/index.js

@@ -89,14 +89,14 @@ 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);
@@ -495,7 +495,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return "".concat(Number(n) * 100, "%");
+        return Number(n) * 100 + "%";
     }
     return n;
 }
@@ -877,12 +877,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -1233,17 +1233,6 @@ function canUseDom() {
 
 var MARK_KEY = "rc-util-key";
 
-function getMark() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      mark = _ref.mark;
-
-  if (mark) {
-    return mark.startsWith('data-') ? mark : "data-".concat(mark);
-  }
-
-  return MARK_KEY;
-}
-
 function getContainer(option) {
   if (option.attachTo) {
     return option.attachTo;
@@ -1287,14 +1276,6 @@ function injectCSS(css) {
   return styleNode;
 }
 var containerCache = new Map();
-
-function findExistNode(key) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var container = getContainer(option);
-  return Array.from(containerCache.get(container).children).find(function (node) {
-    return node.tagName === 'STYLE' && node.getAttribute(getMark(option)) === key;
-  });
-}
 function updateCSS(css, key) {
   var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var container = getContainer(option); // Get real parent
@@ -1306,7 +1287,9 @@ function updateCSS(css, key) {
     parentNode.removeChild(placeholderStyle);
   }
 
-  var existNode = findExistNode(key, option);
+  var existNode = Array.from(containerCache.get(container).children).find(function (node) {
+    return node.tagName === 'STYLE' && node[MARK_KEY] === key;
+  });
 
   if (existNode) {
     var _option$csp3, _option$csp4;
@@ -1325,7 +1308,7 @@ function updateCSS(css, key) {
   }
 
   var newNode = injectCSS(css, option);
-  newNode.setAttribute(getMark(option), key);
+  newNode[MARK_KEY] = key;
   return newNode;
 }
 
@@ -4377,6 +4360,8 @@ function commonFun(type, prefixUrl) {
   };
 }
 
+var MemoSearchSelect = /*#__PURE__*/React__default['default'].memo(SearchSelect);
+
 var BusinessSearchSelect = function BusinessSearchSelect(props) {
   var businessType = (props === null || props === void 0 ? void 0 : props.selectBusinessType) || 'supplier';
   var prefixUrl = (props === null || props === void 0 ? void 0 : props.prefixUrl) || {
@@ -4389,16 +4374,21 @@ var BusinessSearchSelect = function BusinessSearchSelect(props) {
       modalTableProps = _commonFun.modalTableProps,
       needModalTable = _commonFun.needModalTable;
 
-  var currentProps = _objectSpread2(_objectSpread2({
-    requestConfig: requestConfig
-  }, props), {}, {
-    needModalTable: needModalTable,
-    modalTableProps: modalTableProps
-  });
-
-  return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(SearchSelect, _objectSpread2({}, currentProps)));
+  var currentProps = React.useMemo(function () {
+    return _objectSpread2(_objectSpread2({
+      requestConfig: requestConfig
+    }, props), {}, {
+      needModalTable: needModalTable,
+      modalTableProps: modalTableProps
+    });
+  }, []);
+  return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(MemoSearchSelect, _objectSpread2({}, currentProps)));
 };
 
+var index = /*#__PURE__*/React__default['default'].memo(BusinessSearchSelect, function () {
+  return true;
+});
+
 var CommodityEntry = function CommodityEntry(props) {
   var dataValidationRef = React.useRef();
   var _props$buttonName = props.buttonName,
@@ -4484,7 +4474,7 @@ var CommodityEntry = function CommodityEntry(props) {
  * @LastEditTime: 2022-01-14 17:17:26
  * @LastEditors: rodchen
  */
-var index = (function (storageKeyString) {
+var index$1 = (function (storageKeyString) {
   var seconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
   var tipsCallFunction = arguments.length > 2 ? arguments[2] : undefined;
   if (typeof seconds !== 'number') throw new Error('seconds should be number');
@@ -4544,8 +4534,8 @@ function getStorageVale(storageKeyString) {
 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.BusinessSearchSelect = BusinessSearchSelect;
-exports.CheckOneUser = index;
+exports.BusinessSearchSelect = index;
+exports.CheckOneUser = index$1;
 exports.CommodityEntry = CommodityEntry;
 exports.DataValidation = DataValidation;
 exports.QueryMutipleInput = QueryMutipleInput;

package/package.json

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

package/src/components/Business/SearchSelect/index.tsx

@@ -1,26 +1,35 @@
-import React from 'react';
+/*
+ * @Description: 
+ * @Author: rodchen
+ * @Date: 2022-05-07 15:17:28
+ * @LastEditTime: 2022-05-08 21:01:21
+ * @LastEditors: rodchen
+ */
+import React, { useMemo } from 'react';
 import { commonFun } from './BusinessUtils';
 import SearchSelect from '@/components/Functional/SearchSelect';
 
+const MemoSearchSelect = React.memo(SearchSelect)
 
 const  BusinessSearchSelect = (props: any) => {
   const businessType = props?.selectBusinessType || 'supplier';
   const prefixUrl = props?.prefixUrl || { selectPrefix: '/bop/api', formSelectFix: '/bop/api' };
 
   const { requestConfig, modalTableProps, needModalTable } = commonFun(businessType, prefixUrl);
-
-  const currentProps = {
-    requestConfig,
-    ...props,
-    needModalTable,
-    modalTableProps
-  }
+  const currentProps = useMemo(() => {
+    return {
+      requestConfig,
+      ...props,
+      needModalTable,
+      modalTableProps
+    }
+  }, [])
 
   return (
     <div>
-      <SearchSelect {...currentProps} />
+      <MemoSearchSelect {...currentProps} />
     </div>
   );
 };
 
-export default BusinessSearchSelect;
+export default React.memo(BusinessSearchSelect, () => true);