@bit-sun/business-component 2.0.13 → 2.0.16

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

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: any) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;
 export default _default;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const SearchSelect: (props: any) => JSX.Element;
+declare const SearchSelect: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
 export default SearchSelect;

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import React, { createContext, useContext, useEffect, forwardRef, createElement, useState, useRef, useMemo } from 'react';
+import React, { createContext, useContext, useEffect, forwardRef, createElement, useState, useImperativeHandle, useRef, useMemo } from 'react';
 import { message, Menu, Space, Dropdown, Tooltip, Button, Checkbox, Input, Modal, Select, Form, Divider, Spin, Table, TreeSelect, Tag, InputNumber, Popover } from 'antd';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import classNames from 'classnames';
@@ -2399,7 +2399,9 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
           validDataUrl = _this$props.validDataUrl,
           updateData = _this$props.updateData,
           columns = _this$props.columns,
-          isBrandAuth = _this$props.isBrandAuth;
+          isBrandAuth = _this$props.isBrandAuth,
+          _this$props$isCheckSt = _this$props.isCheckStockNum,
+          isCheckStockNum = _this$props$isCheckSt === void 0 ? true : _this$props$isCheckSt;
 
       var resultData = _this.getData().filter(function (d) {
         return _.compact(Object.values(d)).length;
@@ -2416,7 +2418,8 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
 
       axios.post(validDataUrl, _objectSpread2(_objectSpread2({}, otherParams), {}, {
         columns: columns,
-        data: resultData
+        data: resultData,
+        checkStockNum: isCheckStockNum
       })).then(function (result) {
         result = result.data;
 
@@ -3468,8 +3471,7 @@ var css_248z$3 = ".search_select_show {\n  display: flex;\n}\n.search_select_exp
 styleInject(css_248z$3);
 
 var Option = Select.Option;
-
-var SearchSelect = function SearchSelect(props) {
+var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var value = props.value,
       onChange = props.onChange,
       _props$selectProps = props.selectProps,
@@ -3484,7 +3486,8 @@ var SearchSelect = function SearchSelect(props) {
       _props$needModalTable = props.needModalTable,
       needModalTable = _props$needModalTable === void 0 ? true : _props$needModalTable,
       _props$getPopupContai = props.getPopupContainer,
-      _getPopupContainer = _props$getPopupContai === void 0 ? undefined : _props$getPopupContai;
+      _getPopupContainer = _props$getPopupContai === void 0 ? undefined : _props$getPopupContai,
+      fieldComponent = props.fieldComponent;
 
   var _ref = requestConfig || {},
       url = _ref.url,
@@ -3497,7 +3500,11 @@ var SearchSelect = function SearchSelect(props) {
       mappingTextShowKeyField = _ref.mappingTextShowKeyField,
       _ref$mappingValueFiel = _ref.mappingValueField,
       mappingValueField = _ref$mappingValueFiel === void 0 ? 'code' : _ref$mappingValueFiel,
-      mappingTextShowTextField = _ref.mappingTextShowTextField;
+      mappingTextShowTextField = _ref.mappingTextShowTextField,
+      _ref$init = _ref.init,
+      init = _ref$init === void 0 ? true : _ref$init,
+      _ref$extralHeaders = _ref.extralHeaders,
+      extralHeaders = _ref$extralHeaders === void 0 ? {} : _ref$extralHeaders;
 
   var resultSourceKey = sourceName || (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.sourceName) || 'supplierCode';
   var selectMode = selectProps === null || selectProps === void 0 ? void 0 : selectProps.mode; // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
@@ -3635,8 +3642,30 @@ var SearchSelect = function SearchSelect(props) {
   var _useState33 = useState(false),
       _useState34 = _slicedToArray(_useState33, 2),
       tooltipVisible = _useState34[0],
-      setTooltipVisible = _useState34[1]; // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
+      setTooltipVisible = _useState34[1];
 
+  useImperativeHandle(ref, function () {
+    return {
+      refreshDataSource: function refreshDataSource() {
+        var reset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+        if (reset) {
+          if (init) {
+            run('init');
+          } else {
+            setItems([]);
+            setItemsTotal(0);
+          }
+        } else {
+          run();
+        }
+      },
+      clearDataSource: function clearDataSource() {
+        setItems([]);
+        setItemsTotal(0);
+      }
+    };
+  }); // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
 
   var getData = function getData() {
     var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -3759,7 +3788,9 @@ var SearchSelect = function SearchSelect(props) {
       currentPage: currentPage
     }, otherParams), fixedParam), params);
 
-    axios.get("".concat(url, "?").concat(stringify(queryParams))).then(function (result) {
+    axios.get("".concat(url, "?").concat(stringify(queryParams)), {
+      headers: _objectSpread2({}, extralHeaders)
+    }).then(function (result) {
       var _result, _result2;
 
       setFetching(false);
@@ -3882,7 +3913,9 @@ var SearchSelect = function SearchSelect(props) {
   };
 
   useEffect(function () {
-    run('init');
+    if (init) {
+      run('init');
+    }
   }, []);
   useEffect(function () {
     if (value) {
@@ -3980,14 +4013,36 @@ var SearchSelect = function SearchSelect(props) {
     }
   };
 
+  var refreshItems = function refreshItems() {
+    // 查看是否存在关联值 如果有关联值 就查询 没有就不能查询
+    if (fieldValToParam && ctx) {
+      var formValueList = [];
+      fieldValToParam.forEach(function (item, index) {
+        var fixedParamVal = ctx.form.getFieldValue(fieldValToParam[index]);
+        formValueList.push(fixedParamVal);
+      });
+
+      if (formValueList.filter(function (item) {
+        return item;
+      }).length > 0) {
+        run();
+      } else {
+        setItems([]);
+        setItemsTotal(0);
+      }
+    } else {
+      run();
+    }
+  };
+
   var onSearchChange = function onSearchChange(e) {
     setSearchValue(e.target.value);
-    run();
+    refreshItems();
   };
 
   var onSearchBlur = function onSearchBlur() {
     setSearchValue('');
-    run();
+    refreshItems();
   };
 
   var onSearchTable = function onSearchTable() {
@@ -4139,13 +4194,13 @@ var SearchSelect = function SearchSelect(props) {
     },
     getCheckboxProps: function getCheckboxProps() {
       return {
-        disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled)
+        disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length
       };
     }
   };
 
   var onDoubleClickSelect = function onDoubleClickSelect(e, record) {
-    if (!selectMode) {
+    if (!selectMode && !((selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length)) {
       var srs = [JSON.parse(JSON.stringify(record))];
       var sks = srs.map(function (i) {
         return i.value;
@@ -4268,7 +4323,14 @@ var SearchSelect = function SearchSelect(props) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: 'search_select'
-  }, /*#__PURE__*/React.createElement("div", {
+  }, fieldComponent ? /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      var _fieldComponent$props, _fieldComponent$props2;
+
+      (_fieldComponent$props = fieldComponent.props) === null || _fieldComponent$props === void 0 ? void 0 : (_fieldComponent$props2 = _fieldComponent$props.onClick) === null || _fieldComponent$props2 === void 0 ? void 0 : _fieldComponent$props2.call(_fieldComponent$props);
+      showModal();
+    }
+  }, fieldComponent) : /*#__PURE__*/React.createElement("div", {
     className: "search_select_show",
     id: "search_select_div_".concat(uniqueValue)
   }, /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({
@@ -4276,6 +4338,7 @@ var SearchSelect = function SearchSelect(props) {
     labelInValue: labelInValue,
     value: value,
     onChange: onChange,
+    disabled: props.disabled,
     dropdownRender: function dropdownRender(menu) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
         value: searchValue,
@@ -4428,7 +4491,7 @@ var SearchSelect = function SearchSelect(props) {
     onChange: onChangeCheckAll,
     disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled)
   }), " \u5168\u9009\u6240\u6709\u9875\u9762") : '')))));
-};
+});
 
 var css_248z$4 = ".add_select_show {\n  display: flex;\n}\n.add_select_expand_button {\n  position: relative;\n  width: 30px;\n  color: #ffffff;\n  cursor: pointer;\n}\n.add_select_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.add_select_header {\n  border-bottom: 1px solid #D9D9D9;\n  height: 24px;\n  height: 40px;\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n  line-height: 40px;\n  margin-bottom: 10px;\n  padding-left: 10px;\n}\n.add_select_header > span {\n  margin-left: 20px;\n  font-weight: 400;\n  font-size: 12px;\n  color: #666666;\n  letter-spacing: 0;\n  line-height: 40px;\n}\n.add_select_header > span > span {\n  color: #ff0000;\n}\n.add_select_header_close span {\n  position: absolute;\n  color: black !important;\n  right: 10px;\n  top: 10px;\n}\n.add_select_quick_header {\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.add_select_quick_header_title {\n  display: flex;\n  justify-content: space-between;\n}\n.add_select_quick_header > span {\n  font-weight: 400;\n  font-size: 12px;\n  color: #666666;\n  letter-spacing: 0;\n  line-height: 20px;\n}\n.add_select_quick_header > span > span {\n  color: #ff0000;\n}\n.add_select_quick_header_close span {\n  position: absolute;\n  color: black !important;\n  right: 10px;\n  top: 10px;\n}\n.add_select_wrapper {\n  position: relative;\n  display: flex;\n  max-height: 60vh;\n  overflow: hidden;\n  font-size: 14px;\n  margin: 5px 10px;\n}\n.add_select_wrapper .ant-table-pagination.ant-pagination {\n  margin: 5px;\n  padding-right: 5px;\n}\n.add_select_wrapper .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.add_select_wrapper .ant-form-item-label {\n  padding: 0PX;\n  line-height: 23px !important;\n}\n.add_select_wrapper .ant-form-item-label > label {\n  font-size: 12px;\n}\n.add_select_wrapper .ant-table-thead th {\n  height: 20px !important;\n  padding: 0px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 20px !important;\n}\n.add_select_wrapper .ant-modal-body {\n  padding: 10px;\n}\n.add_select_wrapper .ant-table-wrapper {\n  padding: 0px !important;\n}\n.add_select_wrapper .row-class {\n  height: 24px;\n}\n.add_select_wrapper .row-class td {\n  font-size: 12px !important;\n  height: 24px !important;\n  padding: 0px 8px !important;\n  line-height: 20px !important;\n}\n.add_select_wrapper .ant-table-body {\n  height: 240px;\n  overflow-y: auto !important;\n}\n.add_select_wrapper .ant-row.ant-form-item {\n  margin-bottom: 10px;\n}\n.add_select_wrapper_click_flag {\n  position: absolute;\n  z-index: 10;\n}\n.add_select_wrapper_click_flag_arrow {\n  transform: rotate(0deg);\n  transition: transform 0.5s;\n}\n.add_select_wrapper_click_flag_arrow_1 {\n  transform: rotate(-180deg);\n  transition: transform 0.5s;\n}\n.add_select_wrapper_left {\n  flex-basis: 298px;\n  width: 298px;\n  overflow-y: hidden;\n  transition: all 0.3s;\n  margin-right: 10px;\n  border: 1px solid #D9D9D9;\n  border-radius: 5px;\n}\n.add_select_wrapper_left1 {\n  width: 0;\n  height: 0;\n  transition: all 0.3s;\n  display: none;\n}\n.add_select_wrapper_right {\n  width: 872px;\n  border: 1px solid #D9D9D9;\n  border-radius: 5px;\n}\n.add_select_wrapper_right1 {\n  width: 100%;\n  margin-left: 10px;\n}\n.add_select_wrapper_right,\n.add_select_wrapper_right1 {\n  overflow-x: auto;\n}\n.add_select_wrapper .select_list_columns {\n  height: 272px;\n  overflow-y: auto;\n  border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper .select_list_columns_tips {\n  background: #eee;\n  padding: 6px 20px;\n  margin-bottom: 10px;\n}\n.add_select_wrapper .select_list_columns_formItems {\n  padding: 7px 10px;\n}\n.add_select_wrapper .select_list_searchButton {\n  display: flex;\n  margin: 10px;\n  justify-content: flex-end;\n}\n.add_select_wrapper .select_list_button_space {\n  margin-right: 10px;\n}\n.add_select_wrapper .select_list_selectTips {\n  display: flex;\n  justify-content: space-between;\n  height: 24px;\n  font-size: 12px;\n  line-height: 24px;\n  background: #F7F8FB;\n  padding: 0 5px;\n  border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper .select_list_selectAll {\n  position: relative;\n  top: -40px;\n  left: 20px;\n  width: 160px;\n}\n.add_select_wrapper_select {\n  margin-top: 4px;\n  border: 1px solid #D9D9D9;\n  border-radius: 5px;\n  margin: 5px 10px;\n}\n.add_select_wrapper_select .ant-table-pagination.ant-pagination {\n  margin: 9px;\n  padding-right: 5px;\n}\n.add_select_wrapper_select .ant-modal-body {\n  padding: 10px;\n}\n.add_select_wrapper_select .ant-table-wrapper {\n  padding: 0px !important;\n}\n.add_select_wrapper_select .ant-table-thead th {\n  height: 23px !important;\n  padding: 0px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 23px !important;\n}\n.add_select_wrapper_select .ant-modal-close-x {\n  height: 30px;\n}\n.add_select_wrapper_select .row-class {\n  height: 30px;\n}\n.add_select_wrapper_select .row-class td {\n  font-size: 12px !important;\n  height: 30px !important;\n  padding: 4px 8px !important;\n}\n.add_select_wrapper_select .ant-table-body {\n  height: 200px;\n  overflow-y: auto !important;\n}\n.add_select_wrapper_select .ant-row.ant-form-item {\n  margin-bottom: 10px;\n}\n.add_select_wrapper_select .ant-input-number-input,\n.add_select_wrapper_select .ant-input {\n  height: auto;\n  height: 22px;\n  padding: 0px 10px;\n  font-size: 12px;\n}\n.add_select_wrapper_select .ant-select-selection-search-input {\n  height: auto;\n  height: 22px !important;\n  padding: 0px 10px;\n  font-size: 12px;\n}\n.add_select_wrapper_select .ant-select .ant-select-arrow {\n  top: 13px;\n}\n.add_select_wrapper_select .ant-select-selector {\n  position: relative;\n  top: 1px;\n  height: 23px  !important;\n  line-height: 23px  !important;\n}\n.add_select_wrapper_select .ant-select-selector .ant-select-selection-item,\n.add_select_wrapper_select .ant-select-selector ant-select-selection-search {\n  height: 23px !important;\n  line-height: 23px !important;\n  font-size: 12px;\n}\n.add_select_wrapper_select .select_list_selectTips {\n  display: flex;\n  justify-content: space-between;\n  height: 24px;\n  font-size: 12px;\n  line-height: 24px;\n  background: #F7F8FB;\n  padding: 0 3px;\n  border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper_select_quick {\n  margin: 0;\n}\n.react-resizable {\n  position: relative;\n  background-clip: padding-box;\n}\n.react-resizable-handle {\n  position: absolute;\n  width: 10px;\n  height: 100%;\n  bottom: 0;\n  right: -5px;\n  cursor: col-resize;\n  z-index: 1;\n}\n";
 styleInject(css_248z$4);
@@ -6077,7 +6140,6 @@ var BillEntry = function BillEntry(_ref3) {
     title: '单位',
     dataIndex: 'selectUnitCode',
     width: 100,
-    isSelectItem: true,
     render: function render(text, record) {
       var _record$packingUnitLi;
 
@@ -7985,13 +8047,13 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
 }
 
 var MemoSearchSelect = /*#__PURE__*/React.memo(SearchSelect);
-
-var BusinessSearchSelect = function BusinessSearchSelect(props) {
+var BusinessSearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var businessType = (props === null || props === void 0 ? void 0 : props.selectBusinessType) || 'supplier';
   var prefixUrl = (props === null || props === void 0 ? void 0 : props.prefixUrl) || {
     selectPrefix: handleDefaultPrefixUrl(businessType),
     formSelectFix: handleDefaultPrefixUrl(businessType)
   };
+  var innerRef = useRef();
 
   var _commonFun = commonFun(businessType, prefixUrl, (props === null || props === void 0 ? void 0 : props.requestConfig) || {}, (props === null || props === void 0 ? void 0 : props.modalTableProps) || {}),
       requestConfig = _commonFun.requestConfig,
@@ -8005,9 +8067,17 @@ var BusinessSearchSelect = function BusinessSearchSelect(props) {
       modalTableProps: modalTableProps
     });
   }, [props === null || props === void 0 ? void 0 : props.value]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MemoSearchSelect, _objectSpread2({}, currentProps)));
-};
-
+  useImperativeHandle(ref, function () {
+    return {
+      getRef: function getRef() {
+        return innerRef;
+      }
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MemoSearchSelect, _objectSpread2(_objectSpread2({}, currentProps), {}, {
+    ref: innerRef
+  })));
+});
 var BusinessSearchSelect$1 = /*#__PURE__*/React.memo(BusinessSearchSelect, function (props, nextProps) {
   if (props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
     return false;
@@ -8320,7 +8390,9 @@ var CommodityEntry = function CommodityEntry(props) {
       _props$validDataUrl = props.validDataUrl,
       validDataUrl = _props$validDataUrl === void 0 ? "/items/sku/import/check" : _props$validDataUrl,
       _props$isBrandAuth = props.isBrandAuth,
-      isBrandAuth = _props$isBrandAuth === void 0 ? true : _props$isBrandAuth;
+      isBrandAuth = _props$isBrandAuth === void 0 ? true : _props$isBrandAuth,
+      _props$isCheckStockNu = props.isCheckStockNum,
+      isCheckStockNum = _props$isCheckStockNu === void 0 ? true : _props$isCheckStockNu;
 
   var _useState = useState({
     maskClosable: false,
@@ -8384,7 +8456,8 @@ var CommodityEntry = function CommodityEntry(props) {
     },
     columns: columns,
     validDataUrl: validDataUrl,
-    isBrandAuth: isBrandAuth
+    isBrandAuth: isBrandAuth,
+    isCheckStockNum: isCheckStockNum
   })) || '');
 };
 

package/dist/index.js

@@ -2410,7 +2410,9 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
           validDataUrl = _this$props.validDataUrl,
           updateData = _this$props.updateData,
           columns = _this$props.columns,
-          isBrandAuth = _this$props.isBrandAuth;
+          isBrandAuth = _this$props.isBrandAuth,
+          _this$props$isCheckSt = _this$props.isCheckStockNum,
+          isCheckStockNum = _this$props$isCheckSt === void 0 ? true : _this$props$isCheckSt;
 
       var resultData = _this.getData().filter(function (d) {
         return ___default['default'].compact(Object.values(d)).length;
@@ -2427,7 +2429,8 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
 
       axios__default['default'].post(validDataUrl, _objectSpread2(_objectSpread2({}, otherParams), {}, {
         columns: columns,
-        data: resultData
+        data: resultData,
+        checkStockNum: isCheckStockNum
       })).then(function (result) {
         result = result.data;
 
@@ -3479,8 +3482,7 @@ var css_248z$3 = ".search_select_show {\n  display: flex;\n}\n.search_select_exp
 styleInject(css_248z$3);
 
 var Option = antd.Select.Option;
-
-var SearchSelect = function SearchSelect(props) {
+var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var value = props.value,
       onChange = props.onChange,
       _props$selectProps = props.selectProps,
@@ -3495,7 +3497,8 @@ var SearchSelect = function SearchSelect(props) {
       _props$needModalTable = props.needModalTable,
       needModalTable = _props$needModalTable === void 0 ? true : _props$needModalTable,
       _props$getPopupContai = props.getPopupContainer,
-      _getPopupContainer = _props$getPopupContai === void 0 ? undefined : _props$getPopupContai;
+      _getPopupContainer = _props$getPopupContai === void 0 ? undefined : _props$getPopupContai,
+      fieldComponent = props.fieldComponent;
 
   var _ref = requestConfig || {},
       url = _ref.url,
@@ -3508,7 +3511,11 @@ var SearchSelect = function SearchSelect(props) {
       mappingTextShowKeyField = _ref.mappingTextShowKeyField,
       _ref$mappingValueFiel = _ref.mappingValueField,
       mappingValueField = _ref$mappingValueFiel === void 0 ? 'code' : _ref$mappingValueFiel,
-      mappingTextShowTextField = _ref.mappingTextShowTextField;
+      mappingTextShowTextField = _ref.mappingTextShowTextField,
+      _ref$init = _ref.init,
+      init = _ref$init === void 0 ? true : _ref$init,
+      _ref$extralHeaders = _ref.extralHeaders,
+      extralHeaders = _ref$extralHeaders === void 0 ? {} : _ref$extralHeaders;
 
   var resultSourceKey = sourceName || (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.sourceName) || 'supplierCode';
   var selectMode = selectProps === null || selectProps === void 0 ? void 0 : selectProps.mode; // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
@@ -3646,8 +3653,30 @@ var SearchSelect = function SearchSelect(props) {
   var _useState33 = React.useState(false),
       _useState34 = _slicedToArray(_useState33, 2),
       tooltipVisible = _useState34[0],
-      setTooltipVisible = _useState34[1]; // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
+      setTooltipVisible = _useState34[1];
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      refreshDataSource: function refreshDataSource() {
+        var reset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+        if (reset) {
+          if (init) {
+            run('init');
+          } else {
+            setItems([]);
+            setItemsTotal(0);
+          }
+        } else {
+          run();
+        }
+      },
+      clearDataSource: function clearDataSource() {
+        setItems([]);
+        setItemsTotal(0);
+      }
+    };
+  }); // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
 
   var getData = function getData() {
     var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -3770,7 +3799,9 @@ var SearchSelect = function SearchSelect(props) {
       currentPage: currentPage
     }, otherParams), fixedParam), params);
 
-    axios__default['default'].get("".concat(url, "?").concat(querystring.stringify(queryParams))).then(function (result) {
+    axios__default['default'].get("".concat(url, "?").concat(querystring.stringify(queryParams)), {
+      headers: _objectSpread2({}, extralHeaders)
+    }).then(function (result) {
       var _result, _result2;
 
       setFetching(false);
@@ -3893,7 +3924,9 @@ var SearchSelect = function SearchSelect(props) {
   };
 
   React.useEffect(function () {
-    run('init');
+    if (init) {
+      run('init');
+    }
   }, []);
   React.useEffect(function () {
     if (value) {
@@ -3991,14 +4024,36 @@ var SearchSelect = function SearchSelect(props) {
     }
   };
 
+  var refreshItems = function refreshItems() {
+    // 查看是否存在关联值 如果有关联值 就查询 没有就不能查询
+    if (fieldValToParam && ctx) {
+      var formValueList = [];
+      fieldValToParam.forEach(function (item, index) {
+        var fixedParamVal = ctx.form.getFieldValue(fieldValToParam[index]);
+        formValueList.push(fixedParamVal);
+      });
+
+      if (formValueList.filter(function (item) {
+        return item;
+      }).length > 0) {
+        run();
+      } else {
+        setItems([]);
+        setItemsTotal(0);
+      }
+    } else {
+      run();
+    }
+  };
+
   var onSearchChange = function onSearchChange(e) {
     setSearchValue(e.target.value);
-    run();
+    refreshItems();
   };
 
   var onSearchBlur = function onSearchBlur() {
     setSearchValue('');
-    run();
+    refreshItems();
   };
 
   var onSearchTable = function onSearchTable() {
@@ -4150,13 +4205,13 @@ var SearchSelect = function SearchSelect(props) {
     },
     getCheckboxProps: function getCheckboxProps() {
       return {
-        disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled)
+        disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length
       };
     }
   };
 
   var onDoubleClickSelect = function onDoubleClickSelect(e, record) {
-    if (!selectMode) {
+    if (!selectMode && !((selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length)) {
       var srs = [JSON.parse(JSON.stringify(record))];
       var sks = srs.map(function (i) {
         return i.value;
@@ -4279,7 +4334,14 @@ var SearchSelect = function SearchSelect(props) {
 
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: 'search_select'
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, fieldComponent ? /*#__PURE__*/React__default['default'].createElement("div", {
+    onClick: function onClick() {
+      var _fieldComponent$props, _fieldComponent$props2;
+
+      (_fieldComponent$props = fieldComponent.props) === null || _fieldComponent$props === void 0 ? void 0 : (_fieldComponent$props2 = _fieldComponent$props.onClick) === null || _fieldComponent$props2 === void 0 ? void 0 : _fieldComponent$props2.call(_fieldComponent$props);
+      showModal();
+    }
+  }, fieldComponent) : /*#__PURE__*/React__default['default'].createElement("div", {
     className: "search_select_show",
     id: "search_select_div_".concat(uniqueValue)
   }, /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2(_objectSpread2({
@@ -4287,6 +4349,7 @@ var SearchSelect = function SearchSelect(props) {
     labelInValue: labelInValue,
     value: value,
     onChange: onChange,
+    disabled: props.disabled,
     dropdownRender: function dropdownRender(menu) {
       return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
         value: searchValue,
@@ -4439,7 +4502,7 @@ var SearchSelect = function SearchSelect(props) {
     onChange: onChangeCheckAll,
     disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled)
   }), " \u5168\u9009\u6240\u6709\u9875\u9762") : '')))));
-};
+});
 
 var css_248z$4 = ".add_select_show {\n  display: flex;\n}\n.add_select_expand_button {\n  position: relative;\n  width: 30px;\n  color: #ffffff;\n  cursor: pointer;\n}\n.add_select_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.add_select_header {\n  border-bottom: 1px solid #D9D9D9;\n  height: 24px;\n  height: 40px;\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n  line-height: 40px;\n  margin-bottom: 10px;\n  padding-left: 10px;\n}\n.add_select_header > span {\n  margin-left: 20px;\n  font-weight: 400;\n  font-size: 12px;\n  color: #666666;\n  letter-spacing: 0;\n  line-height: 40px;\n}\n.add_select_header > span > span {\n  color: #ff0000;\n}\n.add_select_header_close span {\n  position: absolute;\n  color: black !important;\n  right: 10px;\n  top: 10px;\n}\n.add_select_quick_header {\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.add_select_quick_header_title {\n  display: flex;\n  justify-content: space-between;\n}\n.add_select_quick_header > span {\n  font-weight: 400;\n  font-size: 12px;\n  color: #666666;\n  letter-spacing: 0;\n  line-height: 20px;\n}\n.add_select_quick_header > span > span {\n  color: #ff0000;\n}\n.add_select_quick_header_close span {\n  position: absolute;\n  color: black !important;\n  right: 10px;\n  top: 10px;\n}\n.add_select_wrapper {\n  position: relative;\n  display: flex;\n  max-height: 60vh;\n  overflow: hidden;\n  font-size: 14px;\n  margin: 5px 10px;\n}\n.add_select_wrapper .ant-table-pagination.ant-pagination {\n  margin: 5px;\n  padding-right: 5px;\n}\n.add_select_wrapper .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.add_select_wrapper .ant-form-item-label {\n  padding: 0PX;\n  line-height: 23px !important;\n}\n.add_select_wrapper .ant-form-item-label > label {\n  font-size: 12px;\n}\n.add_select_wrapper .ant-table-thead th {\n  height: 20px !important;\n  padding: 0px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 20px !important;\n}\n.add_select_wrapper .ant-modal-body {\n  padding: 10px;\n}\n.add_select_wrapper .ant-table-wrapper {\n  padding: 0px !important;\n}\n.add_select_wrapper .row-class {\n  height: 24px;\n}\n.add_select_wrapper .row-class td {\n  font-size: 12px !important;\n  height: 24px !important;\n  padding: 0px 8px !important;\n  line-height: 20px !important;\n}\n.add_select_wrapper .ant-table-body {\n  height: 240px;\n  overflow-y: auto !important;\n}\n.add_select_wrapper .ant-row.ant-form-item {\n  margin-bottom: 10px;\n}\n.add_select_wrapper_click_flag {\n  position: absolute;\n  z-index: 10;\n}\n.add_select_wrapper_click_flag_arrow {\n  transform: rotate(0deg);\n  transition: transform 0.5s;\n}\n.add_select_wrapper_click_flag_arrow_1 {\n  transform: rotate(-180deg);\n  transition: transform 0.5s;\n}\n.add_select_wrapper_left {\n  flex-basis: 298px;\n  width: 298px;\n  overflow-y: hidden;\n  transition: all 0.3s;\n  margin-right: 10px;\n  border: 1px solid #D9D9D9;\n  border-radius: 5px;\n}\n.add_select_wrapper_left1 {\n  width: 0;\n  height: 0;\n  transition: all 0.3s;\n  display: none;\n}\n.add_select_wrapper_right {\n  width: 872px;\n  border: 1px solid #D9D9D9;\n  border-radius: 5px;\n}\n.add_select_wrapper_right1 {\n  width: 100%;\n  margin-left: 10px;\n}\n.add_select_wrapper_right,\n.add_select_wrapper_right1 {\n  overflow-x: auto;\n}\n.add_select_wrapper .select_list_columns {\n  height: 272px;\n  overflow-y: auto;\n  border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper .select_list_columns_tips {\n  background: #eee;\n  padding: 6px 20px;\n  margin-bottom: 10px;\n}\n.add_select_wrapper .select_list_columns_formItems {\n  padding: 7px 10px;\n}\n.add_select_wrapper .select_list_searchButton {\n  display: flex;\n  margin: 10px;\n  justify-content: flex-end;\n}\n.add_select_wrapper .select_list_button_space {\n  margin-right: 10px;\n}\n.add_select_wrapper .select_list_selectTips {\n  display: flex;\n  justify-content: space-between;\n  height: 24px;\n  font-size: 12px;\n  line-height: 24px;\n  background: #F7F8FB;\n  padding: 0 5px;\n  border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper .select_list_selectAll {\n  position: relative;\n  top: -40px;\n  left: 20px;\n  width: 160px;\n}\n.add_select_wrapper_select {\n  margin-top: 4px;\n  border: 1px solid #D9D9D9;\n  border-radius: 5px;\n  margin: 5px 10px;\n}\n.add_select_wrapper_select .ant-table-pagination.ant-pagination {\n  margin: 9px;\n  padding-right: 5px;\n}\n.add_select_wrapper_select .ant-modal-body {\n  padding: 10px;\n}\n.add_select_wrapper_select .ant-table-wrapper {\n  padding: 0px !important;\n}\n.add_select_wrapper_select .ant-table-thead th {\n  height: 23px !important;\n  padding: 0px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 23px !important;\n}\n.add_select_wrapper_select .ant-modal-close-x {\n  height: 30px;\n}\n.add_select_wrapper_select .row-class {\n  height: 30px;\n}\n.add_select_wrapper_select .row-class td {\n  font-size: 12px !important;\n  height: 30px !important;\n  padding: 4px 8px !important;\n}\n.add_select_wrapper_select .ant-table-body {\n  height: 200px;\n  overflow-y: auto !important;\n}\n.add_select_wrapper_select .ant-row.ant-form-item {\n  margin-bottom: 10px;\n}\n.add_select_wrapper_select .ant-input-number-input,\n.add_select_wrapper_select .ant-input {\n  height: auto;\n  height: 22px;\n  padding: 0px 10px;\n  font-size: 12px;\n}\n.add_select_wrapper_select .ant-select-selection-search-input {\n  height: auto;\n  height: 22px !important;\n  padding: 0px 10px;\n  font-size: 12px;\n}\n.add_select_wrapper_select .ant-select .ant-select-arrow {\n  top: 13px;\n}\n.add_select_wrapper_select .ant-select-selector {\n  position: relative;\n  top: 1px;\n  height: 23px  !important;\n  line-height: 23px  !important;\n}\n.add_select_wrapper_select .ant-select-selector .ant-select-selection-item,\n.add_select_wrapper_select .ant-select-selector ant-select-selection-search {\n  height: 23px !important;\n  line-height: 23px !important;\n  font-size: 12px;\n}\n.add_select_wrapper_select .select_list_selectTips {\n  display: flex;\n  justify-content: space-between;\n  height: 24px;\n  font-size: 12px;\n  line-height: 24px;\n  background: #F7F8FB;\n  padding: 0 3px;\n  border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper_select_quick {\n  margin: 0;\n}\n.react-resizable {\n  position: relative;\n  background-clip: padding-box;\n}\n.react-resizable-handle {\n  position: absolute;\n  width: 10px;\n  height: 100%;\n  bottom: 0;\n  right: -5px;\n  cursor: col-resize;\n  z-index: 1;\n}\n";
 styleInject(css_248z$4);
@@ -6088,7 +6151,6 @@ var BillEntry = function BillEntry(_ref3) {
     title: '单位',
     dataIndex: 'selectUnitCode',
     width: 100,
-    isSelectItem: true,
     render: function render(text, record) {
       var _record$packingUnitLi;
 
@@ -7996,13 +8058,13 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
 }
 
 var MemoSearchSelect = /*#__PURE__*/React__default['default'].memo(SearchSelect);
-
-var BusinessSearchSelect = function BusinessSearchSelect(props) {
+var BusinessSearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var businessType = (props === null || props === void 0 ? void 0 : props.selectBusinessType) || 'supplier';
   var prefixUrl = (props === null || props === void 0 ? void 0 : props.prefixUrl) || {
     selectPrefix: handleDefaultPrefixUrl(businessType),
     formSelectFix: handleDefaultPrefixUrl(businessType)
   };
+  var innerRef = React.useRef();
 
   var _commonFun = commonFun(businessType, prefixUrl, (props === null || props === void 0 ? void 0 : props.requestConfig) || {}, (props === null || props === void 0 ? void 0 : props.modalTableProps) || {}),
       requestConfig = _commonFun.requestConfig,
@@ -8016,9 +8078,17 @@ var BusinessSearchSelect = function BusinessSearchSelect(props) {
       modalTableProps: modalTableProps
     });
   }, [props === null || props === void 0 ? void 0 : props.value]);
-  return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(MemoSearchSelect, _objectSpread2({}, currentProps)));
-};
-
+  React.useImperativeHandle(ref, function () {
+    return {
+      getRef: function getRef() {
+        return innerRef;
+      }
+    };
+  });
+  return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(MemoSearchSelect, _objectSpread2(_objectSpread2({}, currentProps), {}, {
+    ref: innerRef
+  })));
+});
 var BusinessSearchSelect$1 = /*#__PURE__*/React__default['default'].memo(BusinessSearchSelect, function (props, nextProps) {
   if (props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
     return false;
@@ -8331,7 +8401,9 @@ var CommodityEntry = function CommodityEntry(props) {
       _props$validDataUrl = props.validDataUrl,
       validDataUrl = _props$validDataUrl === void 0 ? "/items/sku/import/check" : _props$validDataUrl,
       _props$isBrandAuth = props.isBrandAuth,
-      isBrandAuth = _props$isBrandAuth === void 0 ? true : _props$isBrandAuth;
+      isBrandAuth = _props$isBrandAuth === void 0 ? true : _props$isBrandAuth,
+      _props$isCheckStockNu = props.isCheckStockNum,
+      isCheckStockNum = _props$isCheckStockNu === void 0 ? true : _props$isCheckStockNu;
 
   var _useState = React.useState({
     maskClosable: false,
@@ -8395,7 +8467,8 @@ var CommodityEntry = function CommodityEntry(props) {
     },
     columns: columns,
     validDataUrl: validDataUrl,
-    isBrandAuth: isBrandAuth
+    isBrandAuth: isBrandAuth,
+    isCheckStockNum: isCheckStockNum
   })) || '');
 };
 

package/package.json

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

package/src/components/Business/CommodityEntry/index.md

@@ -53,7 +53,8 @@ export default () => {
  
  const props = {
    callbackHideModal,
-   callbackHandleOk
+   callbackHandleOk,
+   isCheckStockNum: false   // 默认为true，校验库存数量，false，则不校验库存
  }
  
   return (

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

@@ -14,7 +14,8 @@ const CommodityEntry = (props: any) => {
     callbackHandleOk,
     columns=["skuCode", "quantity", "price"],
     validDataUrl="/items/sku/import/check",
-    isBrandAuth = true // 默认做品牌过滤
+    isBrandAuth = true, // 默认做品牌过滤
+    isCheckStockNum = true
   } = props;
 
   const [modalProps, setModalProps]: any = useState({
@@ -68,6 +69,7 @@ const CommodityEntry = (props: any) => {
             columns={columns}
             validDataUrl={validDataUrl}
             isBrandAuth={isBrandAuth}
+            isCheckStockNum={isCheckStockNum}
           />
         </Modal>
       ) || ''}

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

@@ -2,21 +2,22 @@
  * @Description:
  * @Author: rodchen
  * @Date: 2022-05-07 15:17:28
- * @LastEditTime: 2022-05-08 21:01:21
- * @LastEditors: rodchen
+ * @LastEditTime: 2022-08-16 16:49:01
+ * @LastEditors: Sirius-kk
  */
-import React, { useMemo } from 'react';
+import React, { useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
 import { commonFun } from './BusinessUtils';
 import { handleDefaultPrefixUrl } from './utils';
 import SearchSelect from '@/components/Functional/SearchSelect';
 
 const MemoSearchSelect = React.memo(SearchSelect)
 
-const  BusinessSearchSelect = (props: any) => {
+const BusinessSearchSelect = forwardRef((props: any, ref: any) => {
   const businessType = props?.selectBusinessType || 'supplier';
   const prefixUrl = props?.prefixUrl || { selectPrefix: handleDefaultPrefixUrl(businessType), formSelectFix: handleDefaultPrefixUrl(businessType) };
+  const innerRef = useRef();
 
-  const { requestConfig, modalTableProps, needModalTable } = commonFun(businessType, prefixUrl,props?.requestConfig || {}, props?.modalTableProps || {});
+  const { requestConfig, modalTableProps, needModalTable } = commonFun(businessType, prefixUrl, props?.requestConfig || {}, props?.modalTableProps || {});
   const currentProps = useMemo(() => {
     return {
       ...props,
@@ -24,21 +25,25 @@ const  BusinessSearchSelect = (props: any) => {
       needModalTable,
       modalTableProps
     }
-  }, [props?.value])
+  }, [props?.value]);
+
+  useImperativeHandle(ref, () => ({
+    getRef: () => innerRef,
+  }))
 
   return (
     <div>
-      <MemoSearchSelect {...currentProps} />
+      <MemoSearchSelect {...currentProps} ref={innerRef} />
     </div>
   );
-};
+});
 
 export default React.memo(BusinessSearchSelect, (props, nextProps) => {
-  if(props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
+  if (props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
     return false
   }
-  if(props && props.value !== nextProps.value) {
+  if (props && props.value !== nextProps.value) {
     return false
   }
   return true
-});
+});

package/src/components/Functional/BillEntry/index.tsx

@@ -416,7 +416,6 @@ const BillEntry: React.FC = ({ onSaveCallback }) => {
       title: '单位',
       dataIndex: 'selectUnitCode',
       width: 100,
-      isSelectItem: true,
       render: (text: any, record: any) => {
         if (record?.packingUnitList?.length) {
           const basePackUnit = record?.packingUnitList[0]

package/src/components/Functional/DataValidation/index.tsx

@@ -401,7 +401,7 @@ class DataValidation extends React.Component {
   };
 
   resetData = () => {
-    const { validDataUrl, updateData, columns, isBrandAuth } = this.props;
+    const { validDataUrl, updateData, columns, isBrandAuth, isCheckStockNum = true } = this.props;
     const resultData = this.getData().filter(d => {
       return _.compact(Object.values(d)).length
     })
@@ -417,6 +417,7 @@ class DataValidation extends React.Component {
         ...otherParams,
         columns: columns,
         data: resultData,
+        checkStockNum: isCheckStockNum
       })
       .then((result) => {
         result = result.data;

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

@@ -1,5 +1,5 @@
 // @ts-nocheck
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
 import { useDebounceFn } from 'ahooks';
 import { Input, Button, Modal, Select, Divider, message, Spin, Form, Table, Checkbox, TreeSelect, Tooltip, Tag } from 'antd';
 import { SearchOutlined, CopyOutlined, CaretLeftOutlined } from '@ant-design/icons';
@@ -11,20 +11,33 @@ import { BusinessSearchSelect, QueryMutipleInput } from '@/index';
 
 const { Option } = Select;
 
-const SearchSelect = (props: any) => {
+const SearchSelect = forwardRef((props: any, ref: any) => {
   const {
     value, // 必传
     onChange,
-    selectProps={},
-    modalTableProps={},
-    labelInValue=false,
+    selectProps = {},
+    modalTableProps = {},
+    labelInValue = false,
     requestConfig,
     ctx,
     sourceName,
-    needModalTable=true,
-    getPopupContainer=undefined
+    needModalTable = true,
+    getPopupContainer = undefined,
+    fieldComponent,
   } = props;
-  const { url, otherParams, isMap, fixedparameter, fieldValToParam, mappingTextField='name', mappingTextShowKeyField,mappingValueField='code', mappingTextShowTextField } = requestConfig || {};
+  const {
+    url,
+    otherParams,// 默认参数
+    isMap,
+    fixedparameter,
+    fieldValToParam,
+    mappingTextField = 'name',
+    mappingTextShowKeyField,
+    mappingValueField = 'code',
+    mappingTextShowTextField,
+    init = true,// 是否初始请求
+    extralHeaders = {},// 额外请求头参数
+  } = requestConfig || {};
   const resultSourceKey = sourceName || requestConfig?.sourceName || 'supplierCode'
 
   const selectMode = selectProps?.mode  // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
@@ -57,10 +70,10 @@ const SearchSelect = (props: any) => {
     (v?: any) => {
       // 优化搜索参数 支持传多个
       let searchParams = {};
-      if(typeof selectParamsKey === 'string') {
+      if (typeof selectParamsKey === 'string') {
         searchParams = v ? { [selectParamsInitKey]: initVal } : { [selectParamsKey]: searchValue }
       }
-      if(Array.isArray(selectParamsKey)) {
+      if (Array.isArray(selectParamsKey)) {
         selectParamsKey.forEach((i: any) => {
           searchParams = { ...searchParams, [i]: searchValue }
         })
@@ -84,8 +97,27 @@ const SearchSelect = (props: any) => {
   const [tableFormParams, setTableFormParams] = useState({});
   const [tooltipVisible, setTooltipVisible] = useState(false);
 
+  useImperativeHandle(ref, () => ({
+    refreshDataSource: (reset: boolean = false) => {
+      if (reset) {
+        if (init) {
+          run('init');
+        } else {
+          setItems([]);
+          setItemsTotal(0);
+        }
+      } else {
+        run();
+      }
+    },
+    clearDataSource: () => {
+      setItems([]);
+      setItemsTotal(0);
+    },
+  }))
+
   // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
-  const getData = (params={}, type=1) => {
+  const getData = (params = {}, type = 1) => {
     if (!requestConfig) return;
 
     setFetching(true)
@@ -145,13 +177,13 @@ const SearchSelect = (props: any) => {
           delete params[key];
         } else if (typeof element === 'boolean' && key.indexOf('*checkBox*') >= 0) {
           const dataParams = key.split('*checkBox*');
-          if(element){
+          if (element) {
             params[dataParams[0]] = 0
           }
           delete params[key];
-        }else if (element && key.indexOf('*cascader*') >= 0) {
+        } else if (element && key.indexOf('*cascader*') >= 0) {
           const dataParams = key.split('*cascader*');
-          params[dataParams[0]] = element[element.length -1]
+          params[dataParams[0]] = element[element.length - 1]
           delete params[key];
         } else if (element && key.indexOf('*date*') >= 0) {
           const dataParams = key.split('*date*')
@@ -185,9 +217,9 @@ const SearchSelect = (props: any) => {
             params[`qp-${dataParams}-${params[key][0]}`] = params[key][1]
           }
           delete params[key]
-        }else if (Array.isArray(element)) {
+        } else if (Array.isArray(element)) {
           params[key] = element.join(',');
-        } else if(element == null || element === undefined || String(element).trim() === '') {
+        } else if (element == null || element === undefined || String(element).trim() === '') {
           delete params[key]
         }
       }
@@ -202,7 +234,11 @@ const SearchSelect = (props: any) => {
     }
 
     axios
-      .get(`${url}?${stringify(queryParams)}`)
+      .get(
+        `${url}?${stringify(queryParams)}`,
+        {
+          headers: { ...extralHeaders }
+        })
       .then((result: any) => {
         setFetching(false)
         result = result.data;
@@ -225,9 +261,9 @@ const SearchSelect = (props: any) => {
             ? res[keys]
               ? res[keys].map((item: any) => {
                 let textShowText = item[mappingTextField]
-                if(mappingTextShowTextField) {
+                if (mappingTextShowTextField) {
                   textShowText = []
-                  if(Array.isArray(mappingTextShowTextField)) {
+                  if (Array.isArray(mappingTextShowTextField)) {
                     mappingTextShowTextField.forEach((r: any) => {
                       textShowText.push(item[r])
                     })
@@ -246,9 +282,9 @@ const SearchSelect = (props: any) => {
               : Array.isArray(res) &&
               res?.map((item: Record<string, any>) => {
                 let textShowText = item[mappingTextField]
-                if(mappingTextShowTextField) {
+                if (mappingTextShowTextField) {
                   textShowText = []
-                  if(Array.isArray(mappingTextShowTextField)) {
+                  if (Array.isArray(mappingTextShowTextField)) {
                     mappingTextShowTextField.forEach((r: any) => {
                       textShowText.push(item[r])
                     })
@@ -267,13 +303,13 @@ const SearchSelect = (props: any) => {
             : [];
         }
         source = Array.isArray(source) ? source : []
-        if(type === 1) {
+        if (type === 1) {
           ctx?.form?.setFieldSource(resultSourceKey, source)
           setItems(source)
           setItemsTotal(Number(res?.total || res?.totalCount || source.length))
         } else {
           setTableData(source)
-          setTablePagination({...tablePagination, total: Number(res?.total || res?.totalCount || source.length), pageSize: Number(res?.size || res?.pageSize || (params?.pageSize || pageSize)), current: Number(res?.page || res?.currentPage || (params?.currentPage || currentPage))})
+          setTablePagination({ ...tablePagination, total: Number(res?.total || res?.totalCount || source.length), pageSize: Number(res?.size || res?.pageSize || (params?.pageSize || pageSize)), current: Number(res?.page || res?.currentPage || (params?.currentPage || currentPage)) })
         }
       })
       .catch((err) => { setFetching(false) });
@@ -290,26 +326,28 @@ const SearchSelect = (props: any) => {
     if (isTouchGround && canPageAdd) {
       const nextScrollPage = scrollPage + 1;
       setScrollPage(nextScrollPage);
-      getData({currentPage: nextScrollPage}); // 调用api方法
+      getData({ currentPage: nextScrollPage }); // 调用api方法
     }
 
     //判断是否滑动到顶部
-    const isTouchTop = target.scrollTop ===0  // <=0
+    const isTouchTop = target.scrollTop === 0  // <=0
     // 判断数据是否到第一页
     const canPageJian = scrollPage > 1
     if (isTouchTop && canPageJian) {
       const preScrollPage = scrollPage - 1;
       setScrollPage(preScrollPage);
-      getData({currentPage: preScrollPage}); // 调用api方法
+      getData({ currentPage: preScrollPage }); // 调用api方法
     }
   }
 
   useEffect(() => {
-    run('init')
+    if (init) {
+      run('init')
+    }
   }, [])
 
   useEffect(() => {
-    if(value) {
+    if (value) {
       setPopValue(value);
     }
   }, [value]);
@@ -322,14 +360,14 @@ const SearchSelect = (props: any) => {
     getData({ pageSize: tableInitPageSize, currentPage: 1 }, 2)
     setIsModalVisible(true);
     // 回显
-    if(value) {
-      if(selectMode) {
+    if (value) {
+      if (selectMode) {
         setSelectedRowKeys(labelInValue ? value.map(i => i.key) : value)
         setPopValue(labelInValue ? value.map(i => ({ value: i.key, text: i.label })) : value.map(i => ({ value: i })));
         setIndeterminate(!!value.length && value.length < itemsTotal);
         setCheckedAll(itemsTotal && value.length === itemsTotal);
         // 需清空数据
-        if(!value.length) {
+        if (!value.length) {
           setDoubleArr([])
         }
       } else {
@@ -340,7 +378,7 @@ const SearchSelect = (props: any) => {
   };
 
   const handleSelectOver = (selectedValue: any) => {
-    if(selectedValue?.length) {
+    if (selectedValue?.length) {
       formaData(selectedValue);
       // 解决选择最后1页的sku，返回后，不显示名称问题
       const source = _.uniqBy(items.concat(selectedValue), 'value')
@@ -355,7 +393,7 @@ const SearchSelect = (props: any) => {
   };
 
   const formaData = (value) => {
-    if(labelInValue) {
+    if (labelInValue) {
       const formatResult = value.map((i: any) => ({ key: i[mappingValueField], label: i[mappingTextField], value: i[mappingValueField] }))
       onChange(selectMode ? formatResult : formatResult[0])
     } else {
@@ -368,26 +406,45 @@ const SearchSelect = (props: any) => {
     form.resetFields();
     setTableFormParams({});
     setIsModalVisible(false);
-    if(selectMode) {
+    if (selectMode) {
       run();
     }
   };
 
+  const refreshItems = () => {
+    // 查看是否存在关联值 如果有关联值 就查询 没有就不能查询
+    if (fieldValToParam && ctx) {
+      let formValueList = [];
+      fieldValToParam.forEach((item: any, index: any) => {
+        const fixedParamVal = ctx.form.getFieldValue(fieldValToParam[index]);
+        formValueList.push(fixedParamVal);
+      });
+      if (formValueList.filter((item: any) => item).length > 0) {
+        run();
+      } else {
+        setItems([]);
+        setItemsTotal(0);
+      }
+    } else {
+      run();
+    }
+  }
+
   const onSearchChange = (e) => {
     setSearchValue(e.target.value);
-    run();
+    refreshItems();
   }
 
   const onSearchBlur = () => {
-    setSearchValue('')
-    run();
+    setSearchValue('');
+    refreshItems();
   }
 
   const onSearchTable = () => {
     const params = form.getFieldsValue();
     setTableFormParams(params);
     getData({ ...params, pageSize: tableInitPageSize }, 2)
-    if(selectMode){
+    if (selectMode) {
       getData(params)
     }
   }
@@ -403,18 +460,18 @@ const SearchSelect = (props: any) => {
   }
 
   const onChangeCheckAll = (e) => {
-    if(e.target.checked) {
+    if (e.target.checked) {
       // 如果下拉框有所有数据就处理选中所有【items.length === itemsTotal】(最多可选100条)
       // 如果超过100条 就默认查出所有数据
       const currentItemsData = JSON.parse(JSON.stringify(items))
       const totalPage = Math.ceil(itemsTotal / tablePagination?.pageSize)
-      for(let i=0; i <= totalPage-1; i++){
-        doubleArr[i] = currentItemsData.slice(tablePagination?.pageSize*i,tablePagination?.pageSize*(i+1))
+      for (let i = 0; i <= totalPage - 1; i++) {
+        doubleArr[i] = currentItemsData.slice(tablePagination?.pageSize * i, tablePagination?.pageSize * (i + 1))
       }
       setDoubleArr(doubleArr)
       setSelectedRowKeys(currentItemsData.map(i => i.value))
       setPopValue(currentItemsData);
-      if(items.length < itemsTotal) {
+      if (items.length < itemsTotal) {
         // TODO 请求接口获取所有数据
       }
     } else {
@@ -466,13 +523,13 @@ const SearchSelect = (props: any) => {
     return res.filter(Boolean); //去掉undefined的情况
   };
 
-  const onChangeSelectedKeys=(selectKeys,selectRows) => {
+  const onChangeSelectedKeys = (selectKeys, selectRows) => {
     const nowPage = tablePagination?.current;
 
     let filterRows = []; // 存放拼接后的一维数组的变量
     let sksResult = [];
 
-    if(selectMode) {
+    if (selectMode) {
       // 处理多选分页累计选中
       // 勾选生成二维数组
       doubleArr[nowPage ? nowPage - 1 : 0] = selectRows
@@ -500,7 +557,7 @@ const SearchSelect = (props: any) => {
 
   // 生成唯一值
   const makeUniqueValue = () => {
-    const generateUnitKey = (((1+Math.random())*0x10000)|0).toString(16);
+    const generateUnitKey = (((1 + Math.random()) * 0x10000) | 0).toString(16);
     setUniqueValue(generateUnitKey);
     return generateUnitKey;
   }
@@ -511,15 +568,17 @@ const SearchSelect = (props: any) => {
     onChange: (sks, srs) => {
       onChangeSelectedKeys(sks, srs)
     },
-    getCheckboxProps: () => ({
-      disabled: selectProps?.disabled || props?.disabled,
-    }),
+    getCheckboxProps: () => {
+      return ({
+        disabled: selectProps?.disabled || props?.disabled || !items.length,
+      })
+    },
   };
 
   const onDoubleClickSelect = (e, record) => {
-    if(!selectMode) {
+    if (!selectMode && !(selectProps?.disabled || props?.disabled || !items.length)) {
       const srs = [JSON.parse(JSON.stringify(record))]
-      const sks = srs.map((i:any) => i.value)
+      const sks = srs.map((i: any) => i.value)
       onChangeSelectedKeys(sks, srs)
     }
   }
@@ -527,9 +586,9 @@ const SearchSelect = (props: any) => {
   const themeColor = { color: '#1890ff' }
 
   const formItem = (list) => {
-    if(isModalVisible && list?.length) {
+    if (isModalVisible && list?.length) {
       return list.map((i: any) => {
-        if(i?.type === 'select' || i?.field?.type === 'select') {
+        if (i?.type === 'select' || i?.field?.type === 'select') {
           return (
             <Form.Item name={i.name} label={i.label} key={i.name}>
               <Select style={{ width: '100%' }} placeholder='请选择' {...i?.field?.props}>
@@ -541,7 +600,7 @@ const SearchSelect = (props: any) => {
           )
         }
 
-        if(i?.type === 'treeSelect' || i?.field?.type === 'treeSelect') {
+        if (i?.type === 'treeSelect' || i?.field?.type === 'treeSelect') {
           return (
             <Form.Item name={i.name} label={i.label} key={i.name}>
               <TreeSelect style={{ width: '100%' }} placeholder='请选择' {...i?.field?.props}></TreeSelect>
@@ -549,7 +608,7 @@ const SearchSelect = (props: any) => {
           )
         }
 
-        if(i?.type === 'businessSearchSelect' || i?.field?.type === 'businessSearchSelect') {
+        if (i?.type === 'businessSearchSelect' || i?.field?.type === 'businessSearchSelect') {
           return (
             <div>
               <Form.Item name={i.name} label={i.label} key={i.name}>
@@ -586,16 +645,16 @@ const SearchSelect = (props: any) => {
   }
 
   const maxTagPlaceholder = (selectedValues) => {
-    const onClose = (e: any,item: any) => {
+    const onClose = (e: any, item: any) => {
       e.preventDefault();
-      const newValue = labelInValue ? JSON.parse(JSON.stringify(value)).filter((i: any) => i.value !== item.value): JSON.parse(JSON.stringify(value)).filter((i: any) => i !== item.value)
+      const newValue = labelInValue ? JSON.parse(JSON.stringify(value)).filter((i: any) => i.value !== item.value) : JSON.parse(JSON.stringify(value)).filter((i: any) => i !== item.value)
       onChange(newValue);
     }
     return (
       <Tooltip title={selectedValues.map((i: any) => (
         <Tag
           closable={true}
-          onClose={(e) => onClose(e,i)}
+          onClose={(e) => onClose(e, i)}
           style={{ marginRight: 3, background: '#f5f5f5', height: '24px', border: '1px solid #f0f0f0' }}
         >
           {i.label}
@@ -608,19 +667,25 @@ const SearchSelect = (props: any) => {
 
   return (
     <div className={'search_select'}>
-      <div className="search_select_show" id={`search_select_div_${uniqueValue}`}>
+      {fieldComponent ?
+        (<div onClick={() => {
+          fieldComponent.props?.onClick?.()
+          showModal()
+        }}>{fieldComponent}</div>) :
+        (<div className="search_select_show" id={`search_select_div_${uniqueValue}`}>
         <Select
           virtual
           labelInValue={labelInValue}
           value={value}
           onChange={onChange}
+          disabled={props.disabled}
           dropdownRender={menu => (
             <>
               <Input
                 value={searchValue}
                 style={{ width: '98%', marginLeft: '1%' }}
                 placeholder="请输入"
-                onChange={e=> onSearchChange(e)}
+                onChange={e => onSearchChange(e)}
                 onBlur={onSearchBlur}
                 onKeyDown={(e) => {
                   //  阻止多选的冒泡
@@ -633,7 +698,7 @@ const SearchSelect = (props: any) => {
           )}
           notFoundContent={
             fetching ? <Spin size="small" /> :
-              <div style={{ textAlign: 'center'}}>
+              <div style={{ textAlign: 'center' }}>
                 <div style={{ marginBottom: 16 }}>
                   <CopyOutlined style={{ fontSize: '50px' }} />
                 </div>
@@ -641,7 +706,7 @@ const SearchSelect = (props: any) => {
               </div>
           }
           onPopupScroll={SelectScroll}
-          style={{ width: needModalTable?'calc(100% - 30px)':'calc(100%)' }}
+          style={{ width: needModalTable ? 'calc(100% - 30px)' : 'calc(100%)' }}
           placeholder="请选择"
           maxTagPlaceholder={maxTagPlaceholder}
           {...currentSelectProps}
@@ -654,11 +719,11 @@ const SearchSelect = (props: any) => {
           ))}
         </Select>
         {needModalTable && (
-          <Button style={{width: '30px', padding: '2px', height: 'auto'}} onClick={showModal} type="primary">
+          <Button style={{ width: '30px', padding: '2px', height: 'auto' }} onClick={showModal} type="primary">
             <SearchOutlined />
           </Button>
         )}
-      </div>
+      </div>)}
       {needModalTable && isModalVisible && (
         <Modal
           width='80%'
@@ -666,7 +731,7 @@ const SearchSelect = (props: any) => {
           visible={isModalVisible}
           onOk={handleOk}
           onCancel={handleCancel}
-          footer={selectMode?[
+          footer={selectMode ? [
             <Button key="back" onClick={handleCancel}>
               取消
             </Button>,
@@ -678,11 +743,11 @@ const SearchSelect = (props: any) => {
             >
               确定
             </Button>,
-          ]:null}
+          ] : null}
         >
           <div className={'search_select_wrapper'}>
             <div className={'search_select_wrapper_click_flag'} onClick={() => setCaretLeftFlag(!caretLeftFlag)}>
-              <CaretLeftOutlined className={caretLeftFlag ? 'search_select_wrapper_click_flag_arrow' : 'search_select_wrapper_click_flag_arrow_1' } />
+              <CaretLeftOutlined className={caretLeftFlag ? 'search_select_wrapper_click_flag_arrow' : 'search_select_wrapper_click_flag_arrow_1'} />
             </div>
             <div className={caretLeftFlag ? 'search_select_wrapper_left' : 'search_select_wrapper_left1'}>
               <div className={'select_list_columns'}>
@@ -694,11 +759,11 @@ const SearchSelect = (props: any) => {
                 </div>
               </div>
               <div className={'select_list_searchButton'}>
-                <Button key='reset' className={'select_list_button_space'}  onClick={onResetTable}>重置</Button>
+                <Button key='reset' className={'select_list_button_space'} onClick={onResetTable}>重置</Button>
                 <Button key='search' type="primary" onClick={onSearchTable}>查询</Button>
               </div>
             </div>
-            <div className={caretLeftFlag ? 'search_select_wrapper_right': 'search_select_wrapper_right1'}>
+            <div className={caretLeftFlag ? 'search_select_wrapper_right' : 'search_select_wrapper_right1'}>
               <div>
                 <div className={'select_list_selectTips'}>
                   <div style={{ marginLeft: 8 }}>搜索结果共<span style={themeColor}>{tablePagination?.total || 0}</span>项{selectMode ? <span>， 本次已选<span style={themeColor}>{selectedRowKeys?.length || 0}</span>项</span> : ''}</div>
@@ -727,6 +792,6 @@ const SearchSelect = (props: any) => {
       )}
     </div>
   );
-};
+});
 
 export default SearchSelect;