@bit-sun/business-component 2.0.3 → 2.0.6

package/dist/index.esm.js

@@ -1,6 +1,7 @@
 import axios from 'axios';
-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, InputNumber } from 'antd';
+import 'antd/dist/antd.css';
+import React, { createContext, useContext, useEffect, forwardRef, createElement, useState, 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';
 import _ from 'loadsh';
@@ -4395,7 +4396,7 @@ var SearchSelect = function SearchSelect(props) {
   }), " \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_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  height: auto;\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";
+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";
 styleInject(css_248z$4);
 
 var loadSelectSource = function loadSelectSource(url, params) {
@@ -4480,7 +4481,8 @@ var AddSelect = function AddSelect(props) {
       _props$getPopupContai = props.getPopupContainer,
       onSaveCallback = props.onSaveCallback,
       _props$buttonText = props.buttonText,
-      buttonText = _props$buttonText === void 0 ? '添加' : _props$buttonText;
+      buttonText = _props$buttonText === void 0 ? '添加' : _props$buttonText,
+      beforeShowModal = props.beforeShowModal;
 
   var _ref = requestConfig || {},
       url = _ref.url,
@@ -4779,6 +4781,8 @@ var AddSelect = function AddSelect(props) {
       } else {
         var keys = res.list ? 'list' : 'items';
         source = res ? res[keys] ? res[keys].map(function (item) {
+          var _item$packingUnitList, _item$packingUnitList2;
+
           var textShowText = item[mappingTextField];
 
           if (mappingTextShowTextField) {
@@ -4797,9 +4801,14 @@ var AddSelect = function AddSelect(props) {
             text: item[mappingTextField],
             textShowText: textShowText,
             textShowKey: item[mappingTextShowKeyField || mappingValueField],
-            value: item[mappingValueField]
+            value: item[mappingValueField],
+            baseUnitCode: item === null || item === void 0 ? void 0 : (_item$packingUnitList = item.packingUnitList) === null || _item$packingUnitList === void 0 ? void 0 : (_item$packingUnitList2 = _item$packingUnitList.find(function (item) {
+              return item.baseUnit === true;
+            })) === null || _item$packingUnitList2 === void 0 ? void 0 : _item$packingUnitList2.unitCode
           });
         }) : Array.isArray(res) && (res === null || res === void 0 ? void 0 : res.map(function (item) {
+          var _item$packingUnitList3, _item$packingUnitList4;
+
           var textShowText = item[mappingTextField];
 
           if (mappingTextShowTextField) {
@@ -4818,7 +4827,10 @@ var AddSelect = function AddSelect(props) {
             text: item[mappingTextField],
             textShowText: textShowText,
             textShowKey: item[mappingTextShowKeyField || mappingValueField],
-            value: item[mappingValueField]
+            value: item[mappingValueField],
+            baseUnitCode: item === null || item === void 0 ? void 0 : (_item$packingUnitList3 = item.packingUnitList) === null || _item$packingUnitList3 === void 0 ? void 0 : (_item$packingUnitList4 = _item$packingUnitList3.find(function (item) {
+              return item.baseUnit === true;
+            })) === null || _item$packingUnitList4 === void 0 ? void 0 : _item$packingUnitList4.unitCode
           });
         })) : [];
       }
@@ -4845,7 +4857,6 @@ var AddSelect = function AddSelect(props) {
   };
 
   useEffect(function () {
-    // run('init')
     Promise.all([loadSelectSource("/items/brand/queryBrandList", {
       pageSize: 5000,
       currentPage: 1,
@@ -4910,6 +4921,18 @@ var AddSelect = function AddSelect(props) {
     }, 50);
   };
 
+  var handleShowModal = function handleShowModal() {
+    if (beforeShowModal) {
+      beforeShowModal(popvalue).then(function (res) {
+        showModal();
+      }).catch(function (Error) {
+        message.warning(Error);
+      });
+    } else {
+      showModal();
+    }
+  };
+
   var handleOk = function handleOk(isContinue) {
     if (!popvalue.length) {
       message.warning('至少选中一条数据');
@@ -5280,7 +5303,7 @@ var AddSelect = function AddSelect(props) {
     className: "add_select_show",
     id: "add_select_div_".concat(uniqueValue)
   }, /*#__PURE__*/React.createElement(Button, {
-    onClick: showModal,
+    onClick: handleShowModal,
     type: "primary"
   }, buttonText)), needModalTable && isModalVisible && /*#__PURE__*/React.createElement(Modal, {
     width: '1200px',
@@ -5413,6 +5436,735 @@ var AddSelect = function AddSelect(props) {
   })))));
 };
 
+var css_248z$5 = ".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 div.add_select_wrapper_select.add_select_wrapper_select_quick {\n  margin: 0;\n}\n.add_select div.add_select_wrapper_select.add_select_wrapper_select_quick .ant-table-body {\n  height: 240px;\n  overflow-y: auto !important;\n}\n.add_select div.add_select_wrapper_select.add_select_wrapper_select_quick .table_base {\n  background: #fff;\n}\n.add_select div.add_select_wrapper_select.add_select_wrapper_select_quick .table_odd {\n  background: #f7f8fb;\n}\n.add_select div.add_select_wrapper_select.add_select_wrapper_select_quick .ant-table-cell-fix-left,\n.add_select div.add_select_wrapper_select.add_select_wrapper_select_quick .ant-table-cell-fix-right {\n  background: #FFFFFF !important;\n}\n";
+styleInject(css_248z$5);
+
+var _this = undefined;
+
+var InputElement = function InputElement(_ref) {
+  var record = _ref.record,
+      text = _ref.text,
+      currentIndex = _ref.currentIndex,
+      inputLength = _ref.inputLength,
+      index = _ref.index,
+      setData = _ref.setData,
+      data = _ref.data,
+      item = _ref.item,
+      callSelectItem = _ref.callSelectItem;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hoverVisibled = _useState2[0],
+      updateHoverVisibled = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      searchData = _useState4[0],
+      updateSearchData = _useState4[1];
+
+  var tableRef = useRef(null);
+
+  var _useState5 = useState(text),
+      _useState6 = _slicedToArray(_useState5, 2),
+      value = _useState6[0],
+      setValue = _useState6[1];
+
+  var inputRef = useRef(false);
+
+  var onSerchdata = function onSerchdata(name) {
+    axios.get("/items/sku/pager/v2?".concat(stringify({
+      'skuCodeAndSkuName': name,
+      'pageSize': 100
+    }))).then(function (_ref2) {
+      var data = _ref2.data,
+          status = _ref2.status;
+
+      if (status === 200) {
+        if (data.status === '0') {
+          updateSearchData(data.data.items.map(function (item, index) {
+            return _objectSpread2(_objectSpread2({}, item), {}, {
+              index: index
+            });
+          }));
+        } else {
+          updateSearchData([]);
+        }
+      }
+    });
+  };
+
+  var onCallback = function onCallback(itemData) {
+    updateHoverVisibled(false);
+
+    if (itemData) {
+      callSelectItem(_objectSpread2(_objectSpread2({}, itemData), {}, {
+        needFocus: true
+      }));
+      setValue(itemData[item.dataIndex]);
+    } else {
+      callSelectItem(null);
+    }
+  };
+
+  var SearchDataTable = function SearchDataTable(hoverVisibled) {
+    var _useState7 = useState(0),
+        _useState8 = _slicedToArray(_useState7, 2),
+        selectIndex = _useState8[0],
+        setSelectIndex = _useState8[1];
+
+    var inputRef = useRef(null);
+    useEffect(function () {
+      if (searchData.length && hoverVisibled) {
+        var _tableRef$current;
+
+        var dom = tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[0];
+
+        if (dom) {
+          dom.style.background = '#005CFF30';
+        }
+      }
+    }, [hoverVisibled, tableRef === null || tableRef === void 0 ? void 0 : tableRef.current]);
+    useEffect(function () {
+      var inter = setInterval(function () {
+        if (inputRef.current) {
+          inputRef.current.focus();
+        }
+      }, 500);
+      return function () {
+        clearInterval(inter);
+      };
+    });
+    if (!hoverVisibled) return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return /*#__PURE__*/React.createElement("div", {
+      className: 'add_select_wrapper_select',
+      style: {
+        width: '800px',
+        height: '400px',
+        overflow: 'auto',
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement(Input, {
+      placeholder: "\u8BF7\u8F93\u5165skucode\u6216\u8005sku\u540D\u79F0",
+      ref: inputRef,
+      style: {
+        position: 'absolute',
+        zIndex: '-100',
+        height: '22px'
+      },
+      onKeyDown: function onKeyDown(e) {
+        var currentIndex = selectIndex;
+
+        if (e.keyCode === 27) {
+          e.stopPropagation();
+          e.preventDefault();
+          setSelectIndex(0);
+          onCallback(null);
+        }
+
+        if (e.keyCode === 13) {
+          // enter
+          onCallback(searchData[currentIndex]);
+          setSelectIndex(0);
+        }
+
+        if (e.keyCode === 40) {
+          // 向下
+          var dom = tableRef.current.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[currentIndex + 1];
+
+          if (dom) {
+            tableRef.current.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[currentIndex].style.background = '';
+            setSelectIndex(currentIndex + 1);
+            dom.style.background = '#005CFF30';
+            dom.scrollIntoViewIfNeeded(false);
+          }
+        } else if (e.keyCode === 38) {
+          var _dom = tableRef.current.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[currentIndex - 1];
+
+          if (_dom) {
+            tableRef.current.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[currentIndex].style.background = '';
+            setSelectIndex(currentIndex - 1);
+            _dom.style.background = '#005CFF30';
+
+            _dom.scrollIntoViewIfNeeded(false);
+          }
+        }
+      }
+    }), /*#__PURE__*/React.createElement(Table, {
+      ref: tableRef,
+      pagination: false,
+      // components={
+      //   {
+      //     body: {
+      //       cell: ({index, record, ...props}) => {
+      //         debugger
+      //         return <td {...props} style={selectIndex === record?.index ? {background: '#005CFF30'} : {} } />
+      //       }
+      //     }
+      //   }
+      // }
+      onRow: function onRow(record, index) {
+        return {
+          onClick: function (record, index, event) {
+            var dom = tableRef.current.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[index];
+
+            if (dom) {
+              _toConsumableArray(tableRef.current.getElementsByTagName('tbody')[0].getElementsByTagName('tr')).map(function (item) {
+                item.style.background = '';
+              });
+
+              dom.style.background = '#005CFF30';
+              dom.scrollIntoViewIfNeeded(false);
+            }
+
+            setSelectIndex(index);
+          }.bind(_this, record, index) // 点击行
+
+        };
+      },
+      rowClassName: 'row-class',
+      columns: [{
+        title: 'SKU编码',
+        width: 150,
+        dataIndex: 'skuCode'
+      }, {
+        title: 'SKU名称',
+        width: 200,
+        ellipsis: {
+          showTitle: false
+        },
+        render: function render(text) {
+          return /*#__PURE__*/React.createElement(Tooltip, {
+            placement: "topLeft",
+            title: text
+          }, text);
+        },
+        dataIndex: 'name'
+      }, {
+        title: '国际条码',
+        width: 100,
+        ellipsis: {
+          showTitle: false
+        },
+        dataIndex: 'barCode',
+        render: function render(text) {
+          return /*#__PURE__*/React.createElement(Tooltip, {
+            placement: "topLeft",
+            title: text
+          }, text);
+        }
+      }, {
+        title: '所属SPU名称',
+        width: 100,
+        ellipsis: {
+          showTitle: false
+        },
+        dataIndex: 'itemName',
+        render: function render(text) {
+          return /*#__PURE__*/React.createElement(Tooltip, {
+            placement: "topLeft",
+            title: text
+          }, text);
+        }
+      }, {
+        title: '所属SPU编码',
+        width: 100,
+        ellipsis: {
+          showTitle: false
+        },
+        dataIndex: 'itemCode',
+        render: function render(text) {
+          return /*#__PURE__*/React.createElement(Tooltip, {
+            placement: "topLeft",
+            title: text
+          }, text);
+        }
+      }, {
+        title: '外部编码',
+        width: 100,
+        ellipsis: {
+          showTitle: false
+        },
+        render: function render(text) {
+          return /*#__PURE__*/React.createElement(Tooltip, {
+            placement: "topLeft",
+            title: text
+          }, text);
+        },
+        dataIndex: 'externalCode'
+      }],
+      dataSource: searchData
+    }));
+  };
+
+  return /*#__PURE__*/React.createElement(Popover, {
+    placement: "bottomLeft",
+    destroyTooltipOnHide: {
+      keepParent: false
+    },
+    title: "",
+    trigger: "",
+    content: SearchDataTable(hoverVisibled),
+    visible: hoverVisibled,
+    onVisibleChange: function onVisibleChange(disabled) {
+      updateHoverVisibled(disabled);
+    }
+  }, item.isPrimaryInput ? /*#__PURE__*/React.createElement(Input, {
+    value: value,
+    ref: inputRef,
+    placeholder: "skucode / sku\u540D\u79F0",
+    keyboard: false,
+    autoFocus: record.autoFocus,
+    onChange: function onChange(value) {
+      record[item.dataIndex] = value.currentTarget.value;
+      setValue(value.currentTarget.value); // setData(data);
+    },
+    // onFocus={(e)=> {
+    //   let dom1 = e.currentTarget;
+    //   dom1.setSelectionRange(100, 0);
+    //   dom1.select(text);
+    // }}
+    onKeyDown: function onKeyDown(e) {
+      // if (e.keyCode === 13 && e.ctrlKey) {
+      //     handleOk(true)
+      //     document.getElementById("first-query")?.focus()
+      // }
+      if (e.keyCode === 8 && e.ctrlKey && index) {
+        var _e$nativeEvent$path$;
+
+        message.success('删除当前行');
+        e.stopPropagation();
+        e.preventDefault();
+        var dom = (_e$nativeEvent$path$ = e.nativeEvent.path[3].children[index - 1]) === null || _e$nativeEvent$path$ === void 0 ? void 0 : _e$nativeEvent$path$.getElementsByTagName('input')[currentIndex];
+
+        if (dom) {
+          dom.select();
+          dom.focus();
+          dom.scrollIntoView(false);
+        }
+
+        dom = null;
+        setData(data.filter(function (item, innerIndex) {
+          return innerIndex !== index;
+        }));
+      }
+
+      if (e.keyCode === 13) {
+        // enter
+        if (item.isPrimaryInput) {
+          if (e.currentTarget.value.length < 2) {
+            message.warning('至少输入两个字符');
+          } else {
+            updateHoverVisibled(true);
+            onSerchdata(e.currentTarget.value);
+          }
+        }
+      }
+
+      if (e.keyCode === 37 && e.shiftKey) {
+        var _e$nativeEvent$path$2;
+
+        // 左滑动
+        e.stopPropagation();
+        e.preventDefault();
+
+        var _dom2 = (_e$nativeEvent$path$2 = e.nativeEvent.path[3].children[index]) === null || _e$nativeEvent$path$2 === void 0 ? void 0 : _e$nativeEvent$path$2.getElementsByTagName('input')[currentIndex - 1];
+
+        if (_dom2) {
+          _dom2.select();
+
+          _dom2.focus();
+
+          _dom2.scrollIntoView(false);
+        }
+
+        _dom2 = null;
+      }
+
+      if (e.keyCode === 39 && e.shiftKey) {
+        var _e$nativeEvent$path$3;
+
+        //  右滑
+        e.stopPropagation();
+        e.preventDefault();
+
+        var _dom3 = (_e$nativeEvent$path$3 = e.nativeEvent.path[3].children[index]) === null || _e$nativeEvent$path$3 === void 0 ? void 0 : _e$nativeEvent$path$3.getElementsByTagName('input')[currentIndex + 1];
+
+        if (_dom3) {
+          _dom3.select();
+
+          _dom3.focus();
+
+          _dom3.scrollIntoView(false);
+        }
+
+        _dom3 = null;
+      }
+
+      if (e.keyCode === 40) {
+        var _e$nativeEvent$path$4;
+
+        // 向下
+        e.stopPropagation();
+        e.preventDefault();
+
+        var _dom4 = (_e$nativeEvent$path$4 = e.nativeEvent.path[3].children[index + 1]) === null || _e$nativeEvent$path$4 === void 0 ? void 0 : _e$nativeEvent$path$4.getElementsByTagName('input')[currentIndex];
+
+        if (_dom4) {
+          _dom4.select();
+
+          _dom4.focus();
+
+          _dom4.scrollIntoView(false);
+        }
+
+        _dom4 = null;
+      } else if (e.keyCode === 38) {
+        var _e$nativeEvent$path$5;
+
+        e.stopPropagation();
+        e.preventDefault();
+        var dom1 = (_e$nativeEvent$path$5 = e.nativeEvent.path[3].children[index - 1]) === null || _e$nativeEvent$path$5 === void 0 ? void 0 : _e$nativeEvent$path$5.getElementsByTagName('input')[currentIndex];
+
+        if (dom1) {
+          // dom1.value=""
+          // dom1.setSelectionRange(100, 0);
+          dom1.select();
+          dom1.focus();
+          dom1.scrollIntoViewIfNeeded(false); // dom1.value=record['count']
+        }
+
+        dom1 = null;
+      } else if (e.keyCode === 9 && currentIndex === inputLength - 1 && index === data.length - 1) {
+        setData([].concat(_toConsumableArray(data), [{}]));
+      }
+    }
+  }) : /*#__PURE__*/React.createElement(InputNumber // onBlur={() => {updateHoverVisibled(false)}}
+  , {
+    // onBlur={() => {updateHoverVisibled(false)}}
+    defaultValue: text || 0,
+    min: 0,
+    keyboard: false,
+    onChange: function onChange(value) {
+      record[item.dataIndex] = value;
+    },
+    onKeyDown: function onKeyDown(e) {
+      // if (e.keyCode === 13 && e.ctrlKey) {
+      //     handleOk(true)
+      //     document.getElementById("first-query")?.focus()
+      // }
+      if (e.keyCode === 8 && e.ctrlKey && index) {
+        var _e$nativeEvent$path$6;
+
+        message.success('删除当前行');
+        e.stopPropagation();
+        e.preventDefault();
+        var dom = (_e$nativeEvent$path$6 = e.nativeEvent.path[5].children[index - 1]) === null || _e$nativeEvent$path$6 === void 0 ? void 0 : _e$nativeEvent$path$6.getElementsByTagName('input')[currentIndex];
+
+        if (dom) {
+          dom.select();
+          dom.focus();
+          dom.scrollIntoView(false);
+        }
+
+        dom = null;
+        setData(data.filter(function (item, innerIndex) {
+          return innerIndex !== index;
+        }));
+      }
+
+      if (e.keyCode === 37 && e.shiftKey) {
+        var _e$nativeEvent$path$7;
+
+        // 左滑动
+        e.stopPropagation();
+        e.preventDefault();
+
+        var _dom5 = (_e$nativeEvent$path$7 = e.nativeEvent.path[5].children[index]) === null || _e$nativeEvent$path$7 === void 0 ? void 0 : _e$nativeEvent$path$7.getElementsByTagName('input')[currentIndex - 1];
+
+        if (_dom5) {
+          _dom5.select();
+
+          _dom5.focus();
+
+          _dom5.scrollIntoView(false);
+        }
+
+        _dom5 = null;
+      }
+
+      if (e.keyCode === 39 && e.shiftKey) {
+        var _e$nativeEvent$path$8;
+
+        //  右滑
+        e.stopPropagation();
+        e.preventDefault();
+
+        var _dom6 = (_e$nativeEvent$path$8 = e.nativeEvent.path[5].children[index]) === null || _e$nativeEvent$path$8 === void 0 ? void 0 : _e$nativeEvent$path$8.getElementsByTagName('input')[currentIndex + 1];
+
+        if (_dom6) {
+          _dom6.select();
+
+          _dom6.focus();
+
+          _dom6.scrollIntoView(false);
+        }
+
+        _dom6 = null;
+      }
+
+      if (e.keyCode === 40) {
+        var _e$nativeEvent$path$9;
+
+        // 向下
+        e.stopPropagation();
+        e.preventDefault();
+
+        var _dom7 = (_e$nativeEvent$path$9 = e.nativeEvent.path[5].children[index + 1]) === null || _e$nativeEvent$path$9 === void 0 ? void 0 : _e$nativeEvent$path$9.getElementsByTagName('input')[currentIndex];
+
+        if (_dom7) {
+          _dom7.select();
+
+          _dom7.focus();
+
+          _dom7.scrollIntoView(false);
+        }
+
+        _dom7 = null;
+      } else if (e.keyCode === 38) {
+        var _e$nativeEvent$path$10;
+
+        e.stopPropagation();
+        e.preventDefault();
+        var dom1 = (_e$nativeEvent$path$10 = e.nativeEvent.path[5].children[index - 1]) === null || _e$nativeEvent$path$10 === void 0 ? void 0 : _e$nativeEvent$path$10.getElementsByTagName('input')[currentIndex];
+
+        if (dom1) {
+          // dom1.value=""
+          // dom1.setSelectionRange(100, 0);
+          dom1.select();
+          dom1.focus();
+          dom1.scrollIntoViewIfNeeded(false); // dom1.value=record['count']
+        }
+
+        dom1 = null;
+      } else if (e.keyCode === 9 && currentIndex === inputLength - 1 && index === data.length - 1) {
+        e.stopPropagation();
+        e.preventDefault();
+      } else if (e.keyCode === 13 && currentIndex === inputLength - 1 && index === data.length - 1 && record['skuCode']) {
+        setData([].concat(_toConsumableArray(data), [{
+          autoFocus: true
+        }]));
+      }
+    }
+  }));
+};
+
+var BillEntry = function BillEntry(_ref3) {
+  var onSaveCallback = _ref3.onSaveCallback;
+  var columns = [{
+    title: 'SKU编码',
+    width: 150,
+    dataIndex: 'skuCode',
+    isInputItem: true,
+    isPrimaryInput: true
+  }, {
+    title: 'SKU名称',
+    width: 200,
+    ellipsis: {
+      showTitle: false
+    },
+    render: function render(text) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "topLeft",
+        title: text
+      }, text);
+    },
+    dataIndex: 'name'
+  }, {
+    title: '单位',
+    dataIndex: 'selectUnitCode',
+    width: 100,
+    isSelectItem: true,
+    render: function render(text, record) {
+      var baseUnitCode = '';
+
+      if (record === null || record === void 0 ? void 0 : record.packingUnitList) {
+        var base = record.packingUnitList.filter(function (item) {
+          return item.unitCode;
+        });
+
+        if (base.length) {
+          baseUnitCode = base[0].unitCode;
+          record.selectUnitCode = base[0].unitCode;
+        }
+      }
+
+      record.packingUnitList = record.packingUnitList || [];
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select, {
+        value: record.selectUnitCode,
+        onChange: function onChange(value) {
+          record.selectUnitCode = value;
+        },
+        style: {
+          width: '60px',
+          height: '22px',
+          lineHight: '22px'
+        }
+      }, record.packingUnitList && record.packingUnitList.map(function (item) {
+        return /*#__PURE__*/React.createElement(Select.Option, {
+          value: item.unitCode
+        }, item.name);
+      })));
+    }
+  }, {
+    title: '数量',
+    width: 100,
+    isInputItem: true,
+    dataIndex: 'count'
+  }, {
+    title: '所属SPU编码',
+    width: 100,
+    ellipsis: {
+      showTitle: false
+    },
+    dataIndex: 'itemCode',
+    render: function render(text) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "topLeft",
+        title: text
+      }, text);
+    }
+  }, {
+    title: '规格',
+    width: 200,
+    ellipsis: {
+      showTitle: false
+    },
+    render: function render(text) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "topLeft",
+        title: text
+      }, text);
+    },
+    dataIndex: 'propertyNameAndValue'
+  }];
+
+  var _useState9 = useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      isModalVisible = _useState10[0],
+      setIsModalVisible = _useState10[1];
+
+  var _useState11 = useState([{
+    hovered: false
+  }]),
+      _useState12 = _slicedToArray(_useState11, 2),
+      data = _useState12[0],
+      setData = _useState12[1];
+
+  var tableRef = useRef(null);
+
+  var callSelectItem = function callSelectItem(index, item) {
+    var _tableRef$current2;
+
+    if (item) {
+      var newData = [].concat(data);
+      newData[index] = _objectSpread2(_objectSpread2({}, data[index]), item);
+      setData(newData);
+    }
+
+    var dom = tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[index + 1];
+
+    if (dom) {
+      setTimeout(function () {
+        var _dom$getElementsByTag, _dom$getElementsByTag2;
+
+        (_dom$getElementsByTag = dom.getElementsByTagName('input')[item ? 1 : 0]) === null || _dom$getElementsByTag === void 0 ? void 0 : _dom$getElementsByTag.select();
+        (_dom$getElementsByTag2 = dom.getElementsByTagName('input')[item ? 1 : 0]) === null || _dom$getElementsByTag2 === void 0 ? void 0 : _dom$getElementsByTag2.focus();
+      }, 200);
+    }
+  };
+
+  var deleteRecord = function deleteRecord(record) {
+    setData(data.filter(function (item) {
+      return item.skuCode !== record.skuCode;
+    }));
+  };
+
+  var inputIndex = 0;
+  var selectColumns = [].concat(_toConsumableArray(columns.map(function (item) {
+    var inputLength = columns.filter(function (item) {
+      return item.isInputItem || item.isSelectItem;
+    }).length;
+    var currentIndex = inputIndex;
+
+    if (item.isInputItem) {
+      inputIndex++;
+      return _objectSpread2(_objectSpread2({}, item), {}, {
+        render: function render(text, record, index) {
+          return /*#__PURE__*/React.createElement(InputElement, {
+            setData: setData,
+            callSelectItem: callSelectItem.bind(_this, index),
+            item: item,
+            isPrimaryInput: item.isPrimaryInput,
+            record: record,
+            text: text,
+            data: data,
+            index: index,
+            inputLength: inputLength,
+            currentIndex: currentIndex
+          });
+        }
+      });
+    } else if (item.isSelectItem) {
+      inputIndex++;
+    }
+
+    return item;
+  })), [{
+    title: '操作',
+    width: 50,
+    fixed: 'right',
+    render: function render(text, record, index) {
+      if (index !== 0) {
+        return /*#__PURE__*/React.createElement("span", {
+          style: {
+            cursor: 'pointer',
+            color: '#005CFF'
+          },
+          onClick: function onClick() {
+            deleteRecord(record);
+          }
+        }, "\u5220\u9664");
+      }
+    }
+  }]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'add_select'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'add_select_quick_header'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'add_select_quick_header_title'
+  }, /*#__PURE__*/React.createElement("div", null, "\u5FEB\u901F\u5F55\u5165"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      onSaveCallback(data);
+    }
+  }, "\u63D0\u4EA4")), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "*"), " \xA0\u5FEB\u6377\u952E\uFF1A\u3010Tab\u3011-\u8DF3\u683C\u5207\u6362\uFF1B\u3010Shift+\u2190\u3001\u2192\u3011-\u5F53\u524D\u884C\u5DE6\u3001\u53F3\u79FB\u52A8\uFF1B\u3010  \u2191\u3001\u2193\u3011-\u5F53\u524D\u5217\u4E0A\u3001\u4E0B\u79FB\u52A8\uFF1B\u3010ctrl+Delete\u3011-\u5220\u9664\u5F53\u524D\u884C\uFF1B")), /*#__PURE__*/React.createElement("div", {
+    className: 'add_select_wrapper_select add_select_wrapper_select_quick'
+  }, /*#__PURE__*/React.createElement(Table, _defineProperty({
+    size: 'small',
+    scroll: {
+      y: 240
+    },
+    ref: tableRef,
+    dataSource: data,
+    columns: selectColumns,
+    pagination: false,
+    rowClassName: 'row-class'
+  }, "rowClassName", function rowClassName(record, index) {
+    return index % 2 === 0 ? 'table_base row-class' : 'table_odd row-class';
+  }))));
+};
+
 var shopFileType = [{
   text: "线上",
   value: 'online'
@@ -5830,6 +6582,7 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
       mappingValueField: 'skuCode',
       mappingTextShowTextField: ['name', 'propertyNameAndValue'],
       otherParams: {
+        'qp-combination-eq': false,
         'qp-approveStatus-eq': 1,
         // 'qp-type-eq': 10, // 查唯一国际条码【有些项目不需要必须要有国际条码，故注释，需要的项目自己定义otherParams补充上这个条件】
         sorter: 'desc-id'
@@ -7211,7 +7964,9 @@ var AddSkuSelect = function AddSkuSelect(parProps) {
     requestConfig: {
       url: "/items/sku/pager/v2",
       filter: 'qp-name-like',
-      otherParams: {},
+      otherParams: {
+        'qp-combination-eq': false
+      },
       mappingTextField: 'name',
       mappingValueField: 'skuCode'
     },
@@ -7220,6 +7975,7 @@ var AddSkuSelect = function AddSkuSelect(parProps) {
       console.log(value);
       setValue(value);
     },
+    beforeShowModal: parProps === null || parProps === void 0 ? void 0 : parProps.beforeShowModal,
     onSaveCallback: parProps.onSaveCallback // onSaveCallback: (rows) => {
     //   console.log('save call', rows);
     //   // return Promise.resolve(true);
@@ -7441,8 +8197,11 @@ var AddSkuSelect = function AddSkuSelect(parProps) {
           });
 
           if (base.length) {
+            var _base$;
+
             baseUnitCode = base[0].unitCode;
             record.selectUnitCode = base[0].unitCode;
+            record.selectedScale = ((_base$ = base[0]) === null || _base$ === void 0 ? void 0 : _base$.baseUnitScale) || 1;
           }
         }
 
@@ -7450,7 +8209,12 @@ var AddSkuSelect = function AddSkuSelect(parProps) {
           return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select, {
             defaultValue: baseUnitCode,
             onChange: function onChange(value) {
+              var _record$packingUnitLi, _record$packingUnitLi2;
+
               record.selectUnitCode = value;
+              record.selectedScale = (record === null || record === void 0 ? void 0 : (_record$packingUnitLi = record.packingUnitList) === null || _record$packingUnitLi === void 0 ? void 0 : (_record$packingUnitLi2 = _record$packingUnitLi.find(function (item) {
+                return item.unitCode === value;
+              })) === null || _record$packingUnitLi2 === void 0 ? void 0 : _record$packingUnitLi2.baseUnitScale) || 1;
             },
             style: {
               width: '60px'
@@ -7958,7 +8722,6 @@ var index$1 = /*#__PURE__*/React.memo(BusinessTreeSearchSelect, function (props,
  * @LastEditTime: 2022-01-14 16:10:27
  * @LastEditors: rodchen
  */
-
 var resposne = JSON.parse(localStorage.getItem('userInfo') || '{}');
 axios.defaults.headers.common['sso-sessionid'] = (resposne === null || resposne === void 0 ? void 0 : resposne.sessionId) || '';
 axios.defaults.headers.common['x-tenant-id'] = (resposne === null || resposne === void 0 ? void 0 : resposne.tenantId) || '1';
@@ -7968,4 +8731,4 @@ if (localStorage.getItem('x-user-auth-context')) {
   axios.defaults.headers.common['x-user-auth-context'] = localStorage.getItem('x-user-auth-context');
 }
 
-export { AddSelect, AddSkuSelect, BusinessSearchSelect$1 as BusinessSearchSelect, index$1 as BusinessTreeSearchSelect, index as CheckOneUser, CommodityEntry, DataImport, DataValidation, QueryMutipleInput, SearchSelect, TreeSearchSelect };
+export { AddSelect, AddSkuSelect, BillEntry, BusinessSearchSelect$1 as BusinessSearchSelect, index$1 as BusinessTreeSearchSelect, index as CheckOneUser, CommodityEntry, DataImport, DataValidation, QueryMutipleInput, SearchSelect, TreeSearchSelect };