@bit-sun/business-component 2.0.4 → 2.0.7

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';
@@ -33,351 +34,6 @@ function _objectSpread2(target) {
   return target;
 }
 
-function _regeneratorRuntime() {
-  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
-  _regeneratorRuntime = function () {
-    return exports;
-  };
-
-  var exports = {},
-      Op = Object.prototype,
-      hasOwn = Op.hasOwnProperty,
-      $Symbol = "function" == typeof Symbol ? Symbol : {},
-      iteratorSymbol = $Symbol.iterator || "@@iterator",
-      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-  function define(obj, key, value) {
-    return Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), obj[key];
-  }
-
-  try {
-    define({}, "");
-  } catch (err) {
-    define = function (obj, key, value) {
-      return obj[key] = value;
-    };
-  }
-
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-        generator = Object.create(protoGenerator.prototype),
-        context = new Context(tryLocsList || []);
-    return generator._invoke = function (innerFn, self, context) {
-      var state = "suspendedStart";
-      return function (method, arg) {
-        if ("executing" === state) throw new Error("Generator is already running");
-
-        if ("completed" === state) {
-          if ("throw" === method) throw arg;
-          return doneResult();
-        }
-
-        for (context.method = method, context.arg = arg;;) {
-          var delegate = context.delegate;
-
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-
-          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-            if ("suspendedStart" === state) throw state = "completed", context.arg;
-            context.dispatchException(context.arg);
-          } else "return" === context.method && context.abrupt("return", context.arg);
-          state = "executing";
-          var record = tryCatch(innerFn, self, context);
-
-          if ("normal" === record.type) {
-            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          }
-
-          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-        }
-      };
-    }(innerFn, self, context), generator;
-  }
-
-  function tryCatch(fn, obj, arg) {
-    try {
-      return {
-        type: "normal",
-        arg: fn.call(obj, arg)
-      };
-    } catch (err) {
-      return {
-        type: "throw",
-        arg: err
-      };
-    }
-  }
-
-  exports.wrap = wrap;
-  var ContinueSentinel = {};
-
-  function Generator() {}
-
-  function GeneratorFunction() {}
-
-  function GeneratorFunctionPrototype() {}
-
-  var IteratorPrototype = {};
-  define(IteratorPrototype, iteratorSymbol, function () {
-    return this;
-  });
-  var getProto = Object.getPrototypeOf,
-      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function (method) {
-      define(prototype, method, function (arg) {
-        return this._invoke(method, arg);
-      });
-    });
-  }
-
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-
-      if ("throw" !== record.type) {
-        var result = record.arg,
-            value = result.value;
-        return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-          invoke("next", value, resolve, reject);
-        }, function (err) {
-          invoke("throw", err, resolve, reject);
-        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-          result.value = unwrapped, resolve(result);
-        }, function (error) {
-          return invoke("throw", error, resolve, reject);
-        });
-      }
-
-      reject(record.arg);
-    }
-
-    var previousPromise;
-
-    this._invoke = function (method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function (resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
-      }
-
-      return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-    };
-  }
-
-  function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-
-    if (undefined === method) {
-      if (context.delegate = null, "throw" === context.method) {
-        if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-      }
-
-      return ContinueSentinel;
-    }
-
-    var record = tryCatch(method, delegate.iterator, context.arg);
-    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-    var info = record.arg;
-    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-  }
-
-  function pushTryEntry(locs) {
-    var entry = {
-      tryLoc: locs[0]
-    };
-    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-  }
-
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal", delete record.arg, entry.completion = record;
-  }
-
-  function Context(tryLocsList) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-  }
-
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) return iteratorMethod.call(iterable);
-      if ("function" == typeof iterable.next) return iterable;
-
-      if (!isNaN(iterable.length)) {
-        var i = -1,
-            next = function next() {
-          for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-
-          return next.value = undefined, next.done = !0, next;
-        };
-
-        return next.next = next;
-      }
-    }
-
-    return {
-      next: doneResult
-    };
-  }
-
-  function doneResult() {
-    return {
-      value: undefined,
-      done: !0
-    };
-  }
-
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-    var ctor = "function" == typeof genFun && genFun.constructor;
-    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-  }, exports.mark = function (genFun) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-  }, exports.awrap = function (arg) {
-    return {
-      __await: arg
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-    return this;
-  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    void 0 === PromiseImpl && (PromiseImpl = Promise);
-    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-      return result.done ? result.value : iter.next();
-    });
-  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
-    return this;
-  }), define(Gp, "toString", function () {
-    return "[object Generator]";
-  }), exports.keys = function (object) {
-    var keys = [];
-
-    for (var key in object) keys.push(key);
-
-    return keys.reverse(), function next() {
-      for (; keys.length;) {
-        var key = keys.pop();
-        if (key in object) return next.value = key, next.done = !1, next;
-      }
-
-      return next.done = !0, next;
-    };
-  }, exports.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (skipTempReset) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-    },
-    stop: function () {
-      this.done = !0;
-      var rootRecord = this.tryEntries[0].completion;
-      if ("throw" === rootRecord.type) throw rootRecord.arg;
-      return this.rval;
-    },
-    dispatchException: function (exception) {
-      if (this.done) throw exception;
-      var context = this;
-
-      function handle(loc, caught) {
-        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-      }
-
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i],
-            record = entry.completion;
-        if ("root" === entry.tryLoc) return handle("end");
-
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc"),
-              hasFinally = hasOwn.call(entry, "finallyLoc");
-
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-          } else {
-            if (!hasFinally) throw new Error("try statement without catch or finally");
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-
-        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
-          break;
-        }
-      }
-
-      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-      var record = finallyEntry ? finallyEntry.completion : {};
-      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-    },
-    complete: function (record, afterLoc) {
-      if ("throw" === record.type) throw record.arg;
-      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-    },
-    finish: function (finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-      }
-    },
-    catch: function (tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-
-          if ("throw" === record.type) {
-            var thrown = record.arg;
-            resetTryEntry(entry);
-          }
-
-          return thrown;
-        }
-      }
-
-      throw new Error("illegal catch attempt");
-    },
-    delegateYield: function (iterable, resultName, nextLoc) {
-      return this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-    }
-  }, exports;
-}
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -473,17 +129,18 @@ function _inherits(subClass, superClass) {
 }
 
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
   return _getPrototypeOf(o);
 }
 
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
+
   return _setPrototypeOf(o, p);
 }
 
@@ -674,9 +331,10 @@ function ownKeys$1(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    });
+    keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -684,12 +342,19 @@ function ownKeys$1(object, enumerableOnly) {
 
 function _objectSpread2$1(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
-      _defineProperty$1(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys$1(Object(source), true).forEach(function (key) {
+        _defineProperty$1(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$1(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
   }
 
   return target;
@@ -700,17 +365,14 @@ function _arrayWithHoles$1(arr) {
 }
 
 function _iterableToArrayLimit$1(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
   var _arr = [];
   var _n = true;
   var _d = false;
-
-  var _s, _e;
+  var _e = undefined;
 
   try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
 
       if (i && _arr.length === i) break;
@@ -793,11 +455,17 @@ function _objectWithoutProperties$1(source, excluded) {
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
 }
 
 /**
@@ -2052,7 +1720,7 @@ var luckysheet; // const mapping = [
 //   { "key": "price", "name": "单价", "rule": "price" }
 // ]
 
-var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价'], ['regionCode', '库区'], ['checkQuantity', '实盘数量'], ['shareRatio', '共享比例'], ['lotNumberCode', '批号'], ['warehouseCode', '仓库编码'], ['regionCode', '库区'], ['locationCode', '货位'], ['rowNumber', '货位排数'], ['layerNumber', '货位层数'], ['gridNumber', '货位格号'], ['oldUniqueCode', '原始唯一码'], ['newUniqueCode', '新唯一码'], ['relationRecordCode', '单据编码'], ['remark', '备注']]); // for dnd
+var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价'], ['regionCode', '库区'], ['checkQuantity', '实盘数量'], ['shareRatio', '共享比例'], ['lotNumberCode', '批号'], ['warehouseCode', '仓库编码'], ['regionCode', '库区'], ['locationCode', '货位'], ['rowNumber', '货位排数'], ['layerNumber', '货位层数'], ['gridNumber', '货位格号'], ['oldUniqueCode', '原始唯一码'], ['newUniqueCode', '新唯一码'], ['relationRecordCode', '单据编码'], ['remark', '备注'], ['externalCode', 'JDE商品编码']]); // for dnd
 
 
 var reorder = function reorder(list, startIndex, endIndex) {
@@ -3541,6 +3209,7 @@ var SearchSelect = function SearchSelect(props) {
     } // 防抖函数  待定
 
 
+    // 防抖函数  待定
     getData(searchParams);
   }, {
     wait: 1000
@@ -4395,7 +4064,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) {
@@ -4573,6 +4242,7 @@ var AddSelect = function AddSelect(props) {
     } // 防抖函数  待定
 
 
+    // 防抖函数  待定
     getData(searchParams);
   }, {
     wait: 1000
@@ -5435,6 +5105,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'
@@ -5852,6 +6251,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'
@@ -7233,7 +7633,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'
     },
@@ -7744,11 +8146,11 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
     var paramsData = _objectSpread2(_defineProperty({}, "".concat(paramsKey), q), initialParams);
 
     axios.get("".concat(url, "?").concat(stringify(paramsData))).then( /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res) {
+      var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(res) {
         var _ctx$form;
 
         var resData, coverData, data, dataList;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
+        return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
@@ -7989,7 +8391,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';
@@ -7999,4 +8400,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 };