kts-component-invoice-operate 1.2.22 → 1.2.23

package/dist/index.esm.js

@@ -985,6 +985,7 @@ var GoodsListState = /*#__PURE__*/_createClass(function GoodsListState() {
   this.unitList = [];
   this.defaultRate = 3;
   this.taxRateList = [0, 3, 5, 6, 9, 13];
+  this.searchValue = '';
   this.goodsList = [];
   this.goodsMap = new Map();
   this.goodsMenuExpand = [];
@@ -1509,6 +1510,23 @@ var validateFields = function validateFields(form) {
   });
 };
 
+function getGoodsSearch(goodsList, search) {
+  if (!search) return goodsList;
+  return goodsList.filter(function (e) {
+    var _e$itemName$indexOf, _e$itemName, _e$itemModelName$inde, _e$itemModelName;
+
+    if (((_e$itemName$indexOf = (_e$itemName = e.itemName) === null || _e$itemName === void 0 ? void 0 : _e$itemName.indexOf(search)) !== null && _e$itemName$indexOf !== void 0 ? _e$itemName$indexOf : -1) >= 0) {
+      return true;
+    } else if (((_e$itemModelName$inde = (_e$itemModelName = e.itemModelName) === null || _e$itemModelName === void 0 ? void 0 : _e$itemModelName.indexOf(search)) !== null && _e$itemModelName$inde !== void 0 ? _e$itemModelName$inde : -1) >= 0) {
+      return true;
+    } else if ("".concat(e.lineAmountIncludeTax).indexOf(search) >= 0) {
+      return true;
+    } else {
+      return false;
+    }
+  });
+}
+
 var InvoiceController = /*#__PURE__*/function (_InvoiceControllerFor) {
   _inherits(InvoiceController, _InvoiceControllerFor);
 
@@ -1532,6 +1550,7 @@ var InvoiceController = /*#__PURE__*/function (_InvoiceControllerFor) {
     _this.addGoodDiscount = _this.pipeline(addGoodDiscount);
     _this.getGoodsList = void 0;
     _this.getTaxCategoryCodeList = void 0;
+    _this.getGoodsSearch = getGoodsSearch;
     return _this;
   } // ----------------- 发票头 模块相关 -----------------
 
@@ -2010,6 +2029,11 @@ var AddRowButton = (function () {
   var goodsNum = controller.useMemo(function (s) {
     return s.goodsListState.goodsList.length;
   }, []);
+  /** 搜索条件 */
+
+  var searchValue = controller.useMemo(function (s) {
+    return s.goodsListState.searchValue;
+  }, []);
   /** 产品最大数 */
 
   var goodMax = controller.useMemo(function (s) {
@@ -2018,8 +2042,8 @@ var AddRowButton = (function () {
   /** 按钮是否禁用 */
 
   var disabled = React.useMemo(function () {
-    return typeof goodMax === 'number' ? goodsNum >= goodMax : false;
-  }, [goodMax, goodsNum]);
+    return typeof goodMax === 'number' ? goodsNum >= goodMax : !!searchValue;
+  }, [goodMax, goodsNum, searchValue]);
   var onClick = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) {
@@ -2135,6 +2159,108 @@ var TaxIncludedSwitch = (function () {
   }));
 });
 
+var _path$1;
+
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+
+function SvgMagnifier(props) {
+  return /*#__PURE__*/createElement("svg", _extends$1({
+    className: "magnifier_svg__icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 200,
+    height: 200
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/createElement("path", {
+    d: "M985.781 918.594L820.773 765.526c27.373-32.973 49.655-69.577 66.437-109.258 22.933-54.219 34.56-111.795 34.56-171.13 0-59.333-11.627-116.91-34.56-171.13-22.143-52.354-53.838-99.365-94.2-139.729s-87.377-72.056-139.73-94.199c-54.219-22.933-111.795-34.561-171.13-34.561S365.24 57.148 311.022 80.08c-52.354 22.143-99.365 53.837-139.73 94.2s-72.057 87.375-94.2 139.73c-22.932 54.218-34.56 111.795-34.56 171.13 0 59.334 11.628 116.91 34.56 171.129 22.144 52.354 53.838 99.365 94.2 139.729s87.376 72.057 139.73 94.2c54.219 22.933 111.795 34.56 171.13 34.56s116.91-11.627 171.13-34.56c45.352-19.181 86.686-45.543 123.171-78.487l165.803 153.804a31.886 31.886 0 0021.756 8.54c8.593 0 17.163-3.442 23.467-10.238 12.019-12.956 11.26-33.205-1.698-45.223zm-503.63-57.836c-207.117 0-375.62-168.502-375.62-375.62 0-207.117 168.503-375.62 375.62-375.62s375.62 168.503 375.62 375.62c0 207.118-168.503 375.62-375.62 375.62z"
+  })));
+}
+
+var css_248z$4 = ".kts-invoice-operate-goods-list-able-list .kts-invoice-operate-goods-list-search {\n  width: 330px;\n}\n.kts-invoice-operate-goods-list-able-list .kts-invoice-operate-goods-list-search input {\n  border-radius: 999px;\n  border-color: #b8b8b8;\n}\n";
+styleInject(css_248z$4);
+
+function Search() {
+  var controller = default_1.useInvoiceController();
+
+  var _React$useState = React.useState(''),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      value = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  var readOnly = controller.useMemo(function (s) {
+    return !!s.goodsListState.editGood;
+  }, []);
+  var onClick = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return controller.saveEditGood();
+
+          case 2:
+            _context.next = 4;
+            return controller.wait();
+
+          case 4:
+            if (!controller.state.goodsListState.editGood) {
+              _context.next = 7;
+              break;
+            }
+
+            message.error({
+              content: '你正在编辑一个货物',
+              key: '你正在编辑一个货物'
+            });
+            return _context.abrupt("return");
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), []);
+  React.useEffect(function () {
+    controller.run( /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(s) {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                s.goodsListState.searchValue = value;
+
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+  }, [value, controller]);
+  return /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    readOnly: readOnly,
+    value: value,
+    className: "kts-invoice-operate-goods-list-search",
+    placeholder: "\u8BF7\u60A8\u8F93\u5165\u8D27\u7269\u540D\u79F0\u3001\u89C4\u683C\u578B\u53F7\u3001\u91D1\u989D(\u542B\u7A0E)\u641C\u7D22",
+    prefix: /*#__PURE__*/React.createElement(Icon, {
+      component: SvgMagnifier,
+      style: {
+        color: "#b8b8b8"
+      }
+    }),
+    onChange: function onChange(e) {
+      setValue(e.target.value);
+    },
+    onClick: onClick
+  });
+}
+
 function TableRow(props) {
   var controller = default_1.useInvoiceController();
   var goodsMap = controller.useMemo(function (s) {
@@ -2185,8 +2311,8 @@ var evaluate = (function (expr) {
   return parseFloat(math.evaluate(expr).toFixed(fractionDigits));
 });
 
-var css_248z$4 = ".kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-body {\n  flex: 1;\n  overflow: auto;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-footer {\n  flex: none;\n}\n";
-styleInject(css_248z$4);
+var css_248z$5 = ".kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-body {\n  flex: 1;\n  overflow: auto;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-footer {\n  flex: none;\n}\n";
+styleInject(css_248z$5);
 
 var Text = Typography.Text;
 
@@ -2723,16 +2849,16 @@ var DelRowButton = (function () {
   }, "\u5220\u9664\u884C");
 });
 
-var _defs$1, _path$1;
+var _defs$1, _path$2;
 
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
 function SvgSpot(props) {
-  return /*#__PURE__*/createElement("svg", _extends$1({
+  return /*#__PURE__*/createElement("svg", _extends$2({
     className: "spot_svg__icon",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _defs$1 || (_defs$1 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("style", null))), _path$1 || (_path$1 = /*#__PURE__*/createElement("path", {
+  }, props), _defs$1 || (_defs$1 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("style", null))), _path$2 || (_path$2 = /*#__PURE__*/createElement("path", {
     d: "M416 512a1.5 1.5 0 10192 0 1.5 1.5 0 10-192 0zM416 96.64a1.5 1.5 0 10192 0 1.5 1.5 0 10-192 0zM416 927.36a1.5 1.5 0 10192 0 1.5 1.5 0 10-192 0z"
   })));
 }
@@ -9520,8 +9646,8 @@ var useEndowCode = (function (goods) {
   }, [goods.lineAttribute, onClick]);
 });
 
-var css_248z$5 = ".ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:focus,\n.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover,\n.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu {\n  font-size: 16px;\n  color: #000;\n  text-align: center;\n  padding: 0;\n}\n.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover,\n.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu.ktsAnt3x-dropdown-open {\n  background: #ebebeb;\n  border-radius: 9999px;\n}\n";
-styleInject(css_248z$5);
+var css_248z$6 = ".ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:focus,\n.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover,\n.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu {\n  font-size: 16px;\n  color: #000;\n  text-align: center;\n  padding: 0;\n}\n.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover,\n.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu.ktsAnt3x-dropdown-open {\n  background: #ebebeb;\n  border-radius: 9999px;\n}\n";
+styleInject(css_248z$6);
 
 var RowMenu = (function (props) {
   var controller = default_1.useInvoiceController();
@@ -9590,6 +9716,11 @@ var useColumns = (function (form) {
   var editGood = controller.useMemo(function (e) {
     return e.goodsListState.editGood;
   }, []);
+  /** 搜索条件 */
+
+  var searchValue = controller.useMemo(function (e) {
+    return e.goodsListState.searchValue;
+  }, []);
   /** 税率列表 */
 
   var taxRateList = controller.useMemo(function (e) {
@@ -9681,7 +9812,7 @@ var useColumns = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, formatSearch(value, searchValue));
         }
       }
     }, {
@@ -9703,7 +9834,7 @@ var useColumns = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, formatSearch(value, searchValue));
         }
       }
     }, {
@@ -10032,7 +10163,7 @@ var useColumns = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, parseFloat(value).toFixed(2));
+          }, formatSearch(parseFloat(value).toFixed(2), searchValue));
         }
       }
     }, {
@@ -10184,7 +10315,7 @@ var useColumns = (function (form) {
         ellipsis: true
       });
     });
-  }, [isTaxIncluded, editGood, controller, changeField, deduction]);
+  }, [isTaxIncluded, editGood, controller, changeField, deduction, searchValue]);
   React.useEffect(function () {
     if (!changeField) return;
     var t = setTimeout(function () {
@@ -10258,6 +10389,20 @@ var MyDiv = /*#__PURE__*/function (_React$Component2) {
 
   return MyDiv;
 }(React.Component);
+/** 格式搜索结果 */
+
+
+function formatSearch(value, search) {
+  if (!value || !search) return value;
+
+  var __html = value.split(new RegExp(search, 'g')).join("<span class=\"kts-invoice-operate-goods-list-table-search-protrude\" >".concat(search, "</span>"));
+
+  return /*#__PURE__*/React.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: __html
+    }
+  });
+}
 
 var useOnRow = (function () {
   /** 控制器 */
@@ -10455,105 +10600,168 @@ var useRowSelection = (function () {
   var goodsList = controller.useMemo(function (s) {
     return s.goodsListState.goodsList;
   }, []);
+  /** 搜索条件 */
+
+  var searchValue = controller.useMemo(function (s) {
+    return s.goodsListState.searchValue;
+  }, []);
   /** 是否全选 */
+  // const isAll = controller.useMemo(s => s.goodsListState.goodsList.length > 0 && s.goodsListState.selectedGoodIndex.length === s.goodsListState.goodsList.length, [])
 
   var isAll = controller.useMemo(function (s) {
-    return s.goodsListState.goodsList.length > 0 && s.goodsListState.selectedGoodIndex.length === s.goodsListState.goodsList.length;
+    if (s.goodsListState.selectedGoodIndex.length <= 0) return false;
+    var seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue).map(function (e) {
+      return e.$index;
+    });
+    var selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(function (e) {
+      return seeGoodsIndex.some(function (t) {
+        return e === t;
+      });
+    });
+    return selectedGoodIndex.length === seeGoodsIndex.length;
+  }, []);
+  var indeterminate = controller.useMemo(function (s) {
+    var seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue).map(function (e) {
+      return e.$index;
+    });
+    var selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(function (e) {
+      return seeGoodsIndex.some(function (t) {
+        return e === t;
+      });
+    });
+    if (selectedGoodIndex.length === 0) return false;
+    return selectedGoodIndex.length < seeGoodsIndex.length;
   }, []);
   /** 点击了全选 */
 
-  var onClickSelectAll = React.useCallback(function () {
-    if (isAll) {
-      controller.pipeline( /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  s.goodsListState.selectedGoodIndex = [];
-
-                case 1:
-                case "end":
-                  return _context.stop();
-              }
+  var onClickSelectAll = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!isAll) {
+              _context3.next = 5;
+              break;
             }
-          }, _callee);
-        }));
 
-        return function (_x) {
-          return _ref.apply(this, arguments);
-        };
-      }())();
-    } else {
-      controller.pipeline( /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(s) {
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                  s.goodsListState.selectedGoodIndex = s.goodsListState.goodsList.map(function (e) {
-                    return e.$index;
-                  });
+            _context3.next = 3;
+            return controller.pipeline( /*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
+                var seeGoodsIndex;
+                return _regeneratorRuntime().wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue).map(function (e) {
+                          return e.$index;
+                        });
+                        s.goodsListState.selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(function (e) {
+                          return !seeGoodsIndex.some(function (t) {
+                            return e === t;
+                          });
+                        });
 
-                case 1:
-                case "end":
-                  return _context2.stop();
-              }
-            }
-          }, _callee2);
-        }));
+                      case 2:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
 
-        return function (_x2) {
-          return _ref2.apply(this, arguments);
-        };
-      }())();
-    }
-  }, [controller, isAll]);
+              return function (_x) {
+                return _ref2.apply(this, arguments);
+              };
+            }())();
+
+          case 3:
+            _context3.next = 7;
+            break;
+
+          case 5:
+            _context3.next = 7;
+            return controller.pipeline( /*#__PURE__*/function () {
+              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(s) {
+                var seeGoodsIndex;
+                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                  while (1) {
+                    switch (_context2.prev = _context2.next) {
+                      case 0:
+                        seeGoodsIndex = controller.getGoodsSearch(s.goodsListState.goodsList, s.goodsListState.searchValue).map(function (e) {
+                          return e.$index;
+                        });
+                        s.goodsListState.selectedGoodIndex = [].concat(_toConsumableArray(s.goodsListState.selectedGoodIndex), _toConsumableArray(seeGoodsIndex));
+                        s.goodsListState.selectedGoodIndex = Array.from(new Set(s.goodsListState.selectedGoodIndex));
+
+                      case 3:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }
+                }, _callee2);
+              }));
+
+              return function (_x2) {
+                return _ref3.apply(this, arguments);
+              };
+            }())();
+
+          case 7:
+            _context3.next = 9;
+            return sortOut(true);
+
+          case 9:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })), [controller, isAll]);
   var onSelect = React.useCallback( /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(record, selected) {
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(record, selected) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
               if (!selected) {
-                _context5.next = 5;
+                _context6.next = 5;
                 break;
               }
 
-              _context5.next = 3;
+              _context6.next = 3;
               return controller.pipeline( /*#__PURE__*/function () {
-                var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(s) {
-                  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(s) {
+                  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
                     while (1) {
-                      switch (_context3.prev = _context3.next) {
+                      switch (_context4.prev = _context4.next) {
                         case 0:
                           s.goodsListState.selectedGoodIndex = [].concat(_toConsumableArray(s.goodsListState.selectedGoodIndex), [record.$index]);
                           s.goodsListState = _objectSpread2({}, s.goodsListState);
 
                         case 2:
                         case "end":
-                          return _context3.stop();
+                          return _context4.stop();
                       }
                     }
-                  }, _callee3);
+                  }, _callee4);
                 }));
 
                 return function (_x5) {
-                  return _ref4.apply(this, arguments);
+                  return _ref5.apply(this, arguments);
                 };
               }())();
 
             case 3:
-              _context5.next = 7;
+              _context6.next = 7;
               break;
 
             case 5:
-              _context5.next = 7;
+              _context6.next = 7;
               return controller.pipeline( /*#__PURE__*/function () {
-                var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(s) {
-                  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+                var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(s) {
+                  return _regeneratorRuntime().wrap(function _callee5$(_context5) {
                     while (1) {
-                      switch (_context4.prev = _context4.next) {
+                      switch (_context5.prev = _context5.next) {
                         case 0:
                           s.goodsListState.selectedGoodIndex = s.goodsListState.selectedGoodIndex.filter(function (e) {
                             return e !== record.$index;
@@ -10562,58 +10770,58 @@ var useRowSelection = (function () {
 
                         case 2:
                         case "end":
-                          return _context4.stop();
+                          return _context5.stop();
                       }
                     }
-                  }, _callee4);
+                  }, _callee5);
                 }));
 
                 return function (_x6) {
-                  return _ref5.apply(this, arguments);
+                  return _ref6.apply(this, arguments);
                 };
               }())();
 
             case 7:
-              _context5.next = 9;
+              _context6.next = 9;
               return sortOut(selected);
 
             case 9:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5);
+      }, _callee6);
     }));
 
     return function (_x3, _x4) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }(), [controller]);
   var columnTitle = React.useMemo(function () {
     return /*#__PURE__*/React.createElement(Checkbox, {
       onChange: onClickSelectAll,
-      indeterminate: selectedRowKeys.length > 0 && selectedRowKeys.length < goodsList.length,
+      indeterminate: indeterminate,
       checked: isAll
     });
-  }, [goodsList, selectedRowKeys, onClickSelectAll, isAll]);
+  }, [goodsList, selectedRowKeys, onClickSelectAll, isAll, indeterminate]);
   /** 选择了商品后 调整 折扣行 和 被折扣行 */
 
   var sortOut = React.useCallback( /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(selected) {
-      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(selected) {
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
-              _context7.next = 2;
+              _context8.next = 2;
               return controller.wait();
 
             case 2:
-              _context7.next = 4;
+              _context8.next = 4;
               return controller.pipeline( /*#__PURE__*/function () {
-                var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(s) {
-                  return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+                var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(s) {
+                  return _regeneratorRuntime().wrap(function _callee7$(_context7) {
                     while (1) {
-                      switch (_context6.prev = _context6.next) {
+                      switch (_context7.prev = _context7.next) {
                         case 0:
                           s.goodsListState.selectedGoodIndex.forEach(function ($index) {
                             var goods = s.goodsListState.goodsMap.get($index);
@@ -10634,27 +10842,27 @@ var useRowSelection = (function () {
 
                         case 1:
                         case "end":
-                          return _context6.stop();
+                          return _context7.stop();
                       }
                     }
-                  }, _callee6);
+                  }, _callee7);
                 }));
 
                 return function (_x8) {
-                  return _ref7.apply(this, arguments);
+                  return _ref8.apply(this, arguments);
                 };
               }())();
 
             case 4:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7);
+      }, _callee8);
     }));
 
     return function (_x7) {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }(), [controller]);
   React.useEffect(function () {
@@ -10668,8 +10876,8 @@ var useRowSelection = (function () {
   };
 });
 
-var css_248z$6 = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n  flex: 1;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n  padding-left: 10px;\n  padding-right: 10px;\n  border-radius: 12px;\n  color: #0074ff;\n  border: 1px solid #0074ff;\n  margin: 0 10px;\n  height: 24px;\n  line-height: 22px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n  color: rgba(0, 0, 0, 0.25);\n  border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n  flex: none;\n  display: flex;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend label {\n  margin-right: 5px;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table {\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-discount {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import {\n  display: flex;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import .ktsAnt3x-btn {\n  display: block;\n  line-height: 0;\n  width: auto;\n  padding-right: 5px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-item-children {\n  height: 30px;\n  display: block;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-table-body {\n  height: 263px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-explain {\n  position: absolute;\n  right: 6px;\n  top: 6px;\n}\n.kts-invoice-operate-goods-list-table table {\n  border-bottom: 1px solid #d9d9d9 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td {\n  padding: 0 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item {\n  padding: 0;\n  margin: 0;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item .ktsAnt3x-form-item-control {\n  line-height: inherit;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-select-selection,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input:hover {\n  border-right-width: 1px !important;\n  border-top-width: 1px;\n  border-left-width: 1px;\n  border-bottom-width: 1px;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-selection--single,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-auto-complete.ktsAnt3x-select .ktsAnt3x-input:hover,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-input {\n  height: 30px;\n  border-radius: 0;\n  border-right-width: 0 !important;\n  border-top-width: 0;\n  border-left-width: 0;\n  border-bottom-width: 0;\n  box-shadow: none;\n}\n";
-styleInject(css_248z$6);
+var css_248z$7 = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n  flex: 1;\n  display: flex;\n  gap: 10px;\n  padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n  padding-left: 10px;\n  padding-right: 10px;\n  border-radius: 12px;\n  color: #0074ff;\n  border: 1px solid #0074ff;\n  height: 24px;\n  line-height: 22px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n  color: rgba(0, 0, 0, 0.25);\n  border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n  flex: none;\n  display: flex;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend label {\n  margin-right: 5px;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table {\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-discount {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import {\n  display: flex;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import .ktsAnt3x-btn {\n  display: block;\n  line-height: 0;\n  width: auto;\n  padding-right: 5px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-item-children {\n  height: 30px;\n  display: block;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-table-body {\n  height: 263px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-explain {\n  position: absolute;\n  right: 6px;\n  top: 6px;\n}\n.kts-invoice-operate-goods-list-table table {\n  border-bottom: 1px solid #d9d9d9 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td {\n  padding: 0 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item {\n  padding: 0;\n  margin: 0;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item .ktsAnt3x-form-item-control {\n  line-height: inherit;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-select-selection,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input:hover {\n  border-right-width: 1px !important;\n  border-top-width: 1px;\n  border-left-width: 1px;\n  border-bottom-width: 1px;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-selection--single,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-auto-complete.ktsAnt3x-select .ktsAnt3x-input:hover,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-input {\n  height: 30px;\n  border-radius: 0;\n  border-right-width: 0 !important;\n  border-top-width: 0;\n  border-left-width: 0;\n  border-bottom-width: 0;\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n";
+styleInject(css_248z$7);
 
 var GoodsList = /*#__PURE__*/function (_React$Component) {
   _inherits(GoodsList, _React$Component);
@@ -10700,6 +10908,15 @@ var Main = decorator(Form.create())(function (props) {
   var isprefab = controller.useMemo(function (s) {
     return s.model === 'prefab';
   }, []);
+  var dataSource = controller.useMemo(function (s) {
+    return s.goodsListState.goodsList;
+  }, []);
+  var searchValue = controller.useMemo(function (s) {
+    return s.goodsListState.searchValue;
+  }, []);
+  var dataSourceSearch = React.useMemo(function () {
+    return controller.getGoodsSearch(dataSource, searchValue);
+  }, [dataSource, searchValue, controller]);
   /** 表格行事件 */
 
   var _onRow = useOnRow();
@@ -10863,7 +11080,7 @@ var Main = decorator(Form.create())(function (props) {
     className: "kts-invoice-operate-goods-list-able"
   }, /*#__PURE__*/React.createElement("div", {
     className: "kts-invoice-operate-goods-list-able-list"
-  }, /*#__PURE__*/React.createElement(AddRowButton, null), /*#__PURE__*/React.createElement(DelRowButton, null), /*#__PURE__*/React.createElement(AddDiscountRowButton, null), /*#__PURE__*/React.createElement(EndowCodeButton, null)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(AddRowButton, null), /*#__PURE__*/React.createElement(DelRowButton, null), /*#__PURE__*/React.createElement(AddDiscountRowButton, null), /*#__PURE__*/React.createElement(EndowCodeButton, null), /*#__PURE__*/React.createElement(Search, null)), /*#__PURE__*/React.createElement("div", {
     className: "kts-invoice-operate-goods-list-able-extend"
   }, props.menuExpansion, /*#__PURE__*/React.createElement(TaxIncludedSwitch, null))), /*#__PURE__*/React.createElement("div", {
     className: classnames('kts-invoice-operate-goods-list-table', {
@@ -10882,9 +11099,7 @@ var Main = decorator(Form.create())(function (props) {
         row: TableRow
       }
     },
-    dataSource: controller.useMemo(function (s) {
-      return s.goodsListState.goodsList;
-    }, [controller]),
+    dataSource: dataSourceSearch,
     columns: useColumns(props.form),
     rowSelection: useRowSelection(),
     onRow: function onRow(record) {
@@ -10897,8 +11112,8 @@ var Main = decorator(Form.create())(function (props) {
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Statistics, null)));
 });
 
-var css_248z$7 = ".kts-invoice-operate-seller {\n  display: flex;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message {\n  flex: 1;\n  display: flex;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .ktsAnt3x-descriptions-item-label {\n  width: 179px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list {\n  width: 100%;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-view {\n  border: none;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label {\n  padding: 0 10px;\n  font-size: 12px;\n  background-color: #fff;\n  line-height: 30px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label::before {\n  content: '*';\n  position: relative;\n  color: red;\n  font-weight: bold;\n  margin-right: 2px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content {\n  padding: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input {\n  box-shadow: none;\n  border-color: #fff;\n  border-radius: 0;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 30px;\n  width: 100%;\n  height: 30px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover {\n  border: 1 solid;\n  border-color: #40a9ff;\n  border-right-width: 1px !important;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover {\n  background-color: #fff;\n  border: 1 solid;\n  border-color: #f5222d;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item-control {\n  line-height: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-explain {\n  position: absolute;\n  right: 5px;\n  top: 6px;\n  z-index: 10;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks {\n  border-left: 1px solid #dcdcdc;\n  display: flex;\n  flex: none;\n  width: 458px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value textarea {\n  flex: 1;\n  margin-bottom: 0;\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-title {\n  flex: none;\n  width: 30px;\n  height: 100%;\n  text-align: center;\n  border-right: 1px solid #dcdcdc;\n  display: table;\n  padding: 0 5px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-title label {\n  display: table-cell;\n  vertical-align: middle;\n}\n";
-styleInject(css_248z$7);
+var css_248z$8 = ".kts-invoice-operate-seller {\n  display: flex;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message {\n  flex: 1;\n  display: flex;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .ktsAnt3x-descriptions-item-label {\n  width: 179px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list {\n  width: 100%;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-view {\n  border: none;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label {\n  padding: 0 10px;\n  font-size: 12px;\n  background-color: #fff;\n  line-height: 30px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label::before {\n  content: '*';\n  position: relative;\n  color: red;\n  font-weight: bold;\n  margin-right: 2px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content {\n  padding: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input {\n  box-shadow: none;\n  border-color: #fff;\n  border-radius: 0;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 30px;\n  width: 100%;\n  height: 30px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover {\n  border: 1 solid;\n  border-color: #40a9ff;\n  border-right-width: 1px !important;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover {\n  background-color: #fff;\n  border: 1 solid;\n  border-color: #f5222d;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item-control {\n  line-height: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-explain {\n  position: absolute;\n  right: 5px;\n  top: 6px;\n  z-index: 10;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks {\n  border-left: 1px solid #dcdcdc;\n  display: flex;\n  flex: none;\n  width: 458px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value textarea {\n  flex: 1;\n  margin-bottom: 0;\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-title {\n  flex: none;\n  width: 30px;\n  height: 100%;\n  text-align: center;\n  border-right: 1px solid #dcdcdc;\n  display: table;\n  padding: 0 5px;\n}\n.kts-invoice-operate-seller .kts-invoice-operate-seller-title label {\n  display: table-cell;\n  vertical-align: middle;\n}\n";
+styleInject(css_248z$8);
 
 var TextArea = Input.TextArea;
 
@@ -11042,8 +11257,8 @@ var Main$1 = decorator(Form.create())(function (props) {
   })( /*#__PURE__*/React.createElement(TextArea, null))))));
 });
 
-var css_248z$8 = ".kts-invoice-operate-sign form {\n  display: flex;\n}\n.kts-invoice-operate-sign form .ktsAnt3x-row.ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-sign form > div {\n  flex: 1;\n  text-align: center;\n}\n";
-styleInject(css_248z$8);
+var css_248z$9 = ".kts-invoice-operate-sign form {\n  display: flex;\n}\n.kts-invoice-operate-sign form .ktsAnt3x-row.ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-sign form > div {\n  flex: 1;\n  text-align: center;\n}\n";
+styleInject(css_248z$9);
 
 var Sign = decorator(Form.create())(function (props) {
   var form = props.form;
@@ -11365,8 +11580,8 @@ function interval(i, t) {
   }
 }
 
-var css_248z$9 = ".kts-invoice-operate-buyer {\n  display: flex;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message {\n  flex: 1;\n  display: flex;\n  position: relative;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .ktsAnt3x-descriptions-item-label {\n  width: 179px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list {\n  width: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-view {\n  border: none;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-label {\n  padding: 0 10px;\n  font-size: 12px;\n  background-color: #fff;\n  line-height: 30px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content {\n  padding: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input {\n  box-shadow: none;\n  border-color: #fff;\n  border-radius: 0;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 30px;\n  width: 100%;\n  height: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover {\n  border: 1 solid;\n  border-color: #40a9ff;\n  border-right-width: 1px !important;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover {\n  background-color: #fff;\n  border: 1 solid;\n  border-color: #f5222d;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-control {\n  line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children {\n  height: 30px;\n  display: block;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children .ktsAnt3x-btn {\n  line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-explain {\n  position: absolute;\n  left: 5px;\n  top: 6px;\n  z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-Import {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-password {\n  border-left: 1px solid #dcdcdc;\n  display: flex;\n  flex: none;\n  width: 458px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title {\n  flex: none;\n  width: 30px;\n  height: 100%;\n  text-align: center;\n  border-right: 1px solid #dcdcdc;\n  display: table;\n  padding: 0 5px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title label {\n  display: table-cell;\n  vertical-align: middle;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover {\n  padding-top: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-inner-content {\n  padding: 6px 0;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-arrow {\n  display: none;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content {\n  width: 567px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block {\n  padding: 14px 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block label {\n  display: block;\n  font-size: 12px;\n  color: #666666;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued {\n  padding: 0;\n  margin: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued li {\n  list-style: none;\n  width: 50%;\n  float: left;\n  margin-bottom: 20px;\n  padding: 0 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued::after {\n  content: \".\";\n  display: block;\n  height: 0;\n  clear: left;\n  visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company {\n  padding: 0;\n  margin: 0;\n  font-size: 12px;\n  padding: 10px;\n  font-weight: bold;\n  color: #000000;\n  cursor: pointer;\n  transition: background 0.4s;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:hover {\n  background: #e6e6e6e6;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:last-child {\n  margin-bottom: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company li {\n  list-style: none;\n  width: 50%;\n  float: left;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  padding-right: 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company::after {\n  content: \".\";\n  display: block;\n  height: 0;\n  clear: left;\n  visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag {\n  line-height: 1;\n  padding: 4px 12px;\n  background: #F3F3F3;\n  border-radius: 9999px;\n  font-size: 12px;\n  font-weight: bold;\n  color: #000;\n  cursor: pointer;\n  transition: background 0.4s;\n  display: inline-block;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag:hover {\n  background: #e6e6e6e6;\n}\n";
-styleInject(css_248z$9);
+var css_248z$a = ".kts-invoice-operate-buyer {\n  display: flex;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message {\n  flex: 1;\n  display: flex;\n  position: relative;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .ktsAnt3x-descriptions-item-label {\n  width: 179px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list {\n  width: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-view {\n  border: none;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-label {\n  padding: 0 10px;\n  font-size: 12px;\n  background-color: #fff;\n  line-height: 30px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content {\n  padding: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input {\n  box-shadow: none;\n  border-color: #fff;\n  border-radius: 0;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 30px;\n  width: 100%;\n  height: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover {\n  border: 1 solid;\n  border-color: #40a9ff;\n  border-right-width: 1px !important;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover {\n  background-color: #fff;\n  border: 1 solid;\n  border-color: #f5222d;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-control {\n  line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children {\n  height: 30px;\n  display: block;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children .ktsAnt3x-btn {\n  line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-explain {\n  position: absolute;\n  left: 5px;\n  top: 6px;\n  z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-Import {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-password {\n  border-left: 1px solid #dcdcdc;\n  display: flex;\n  flex: none;\n  width: 458px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title {\n  flex: none;\n  width: 30px;\n  height: 100%;\n  text-align: center;\n  border-right: 1px solid #dcdcdc;\n  display: table;\n  padding: 0 5px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title label {\n  display: table-cell;\n  vertical-align: middle;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover {\n  padding-top: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-inner-content {\n  padding: 6px 0;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-arrow {\n  display: none;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content {\n  width: 567px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block {\n  padding: 14px 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block label {\n  display: block;\n  font-size: 12px;\n  color: #666666;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued {\n  padding: 0;\n  margin: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued li {\n  list-style: none;\n  width: 50%;\n  float: left;\n  margin-bottom: 20px;\n  padding: 0 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued::after {\n  content: \".\";\n  display: block;\n  height: 0;\n  clear: left;\n  visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company {\n  padding: 0;\n  margin: 0;\n  font-size: 12px;\n  padding: 10px;\n  font-weight: bold;\n  color: #000000;\n  cursor: pointer;\n  transition: background 0.4s;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:hover {\n  background: #e6e6e6e6;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:last-child {\n  margin-bottom: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company li {\n  list-style: none;\n  width: 50%;\n  float: left;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  padding-right: 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company::after {\n  content: \".\";\n  display: block;\n  height: 0;\n  clear: left;\n  visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag {\n  line-height: 1;\n  padding: 4px 12px;\n  background: #F3F3F3;\n  border-radius: 9999px;\n  font-size: 12px;\n  font-weight: bold;\n  color: #000;\n  cursor: pointer;\n  transition: background 0.4s;\n  display: inline-block;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag:hover {\n  background: #e6e6e6e6;\n}\n";
+styleInject(css_248z$a);
 
 var Text$5 = Typography.Text;
 
@@ -11874,8 +12089,8 @@ function cutStr(str, L) {
   }
 }
 
-var css_248z$a = ".kts-invoice-operate-goods-endow-code-button-list {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n  margin-bottom: 10px;\n}\n";
-styleInject(css_248z$a);
+var css_248z$b = ".kts-invoice-operate-goods-endow-code-button-list {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n  margin-bottom: 10px;\n}\n";
+styleInject(css_248z$b);
 
 var TreeNode = Tree.TreeNode;
 var confirm = Modal.confirm;