kts-component-invoice-operate 3.1.0 → 3.1.2

package/dist/Invoice/InvoiceController/InvoiceControllerState/index.d.ts

@@ -29,4 +29,6 @@ export default class InvoiceControllerState {
     goodsListState: GoodsListState;
     /** 计算中启动字段 */
     calculating?: string;
+    /** 组件根结构 */
+    rootElement?: HTMLDivElement | null;
 }

package/dist/index.esm.js

@@ -2,10 +2,10 @@ import 'kts-components-antd-x3/dist/kts-components-antd-x3.css';
 import React, { createElement } from 'react';
 import GreyReactBox, { decorator } from 'grey-react-box';
 import { chain as chain$1, bignumber, create, all } from 'mathjs';
-import { message, Form, Input, Icon, Tag, Select, Button, Switch, Tooltip, Typography, Menu, Dropdown, AutoComplete, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover, Table, Tree, Modal, Row, Col } from 'kts-components-antd-x3';
+import { message, Form, Input, Icon, Tag, Select, Button, Tooltip, Switch as Switch$1, Typography, Menu, Dropdown, AutoComplete, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover, Table, Tree, Modal, Row, Col } from 'kts-components-antd-x3';
 import { v4 } from 'uuid';
 import classnames from 'classnames';
-import { TableManual, Form as Form$1, Drawer as Drawer$1 } from 'kts-xui';
+import { TableManual, Switch, Form as Form$1, Drawer as Drawer$1 } from 'kts-xui';
 import { Input as Input$1, NumberPicker } from '@formily/antd-components';
 import { createAsyncFormActions, FormEffectHooks, SchemaForm, FormButtonGroup, SchemaMarkupField } from '@formily/antd';
 
@@ -1076,6 +1076,7 @@ var InvoiceControllerState = /*#__PURE__*/_createClass(function InvoiceControlle
   this.buyerState = new BuyerState();
   this.goodsListState = new GoodsListState();
   this.calculating = void 0;
+  this.rootElement = null;
 });
 
 /**
@@ -2028,7 +2029,7 @@ var Statistics = (function () {
     className: "kts-invoice-operate-goods-list-statistics-row"
   }, React.createElement("div", {
     style: {
-      width: 45
+      width: 45.92
     }
   }), React.createElement("div", {
     style: {
@@ -2060,7 +2061,7 @@ var Statistics = (function () {
     className: "kts-invoice-operate-goods-list-statistics-row"
   }, React.createElement("div", {
     style: {
-      width: 45
+      width: 45.92
     }
   }), React.createElement("div", {
     style: {
@@ -2082,6 +2083,9 @@ var AddRowButton = (function () {
   var model = controller.useMemo(function (s) {
     return s.model;
   }, []);
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   /** 产品数据量 */
 
   var goodsNum = controller.useMemo(function (s) {
@@ -2102,28 +2106,63 @@ var AddRowButton = (function () {
   var disabled = React.useMemo(function () {
     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) {
+  var onClick = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) {
-        switch (_context2.prev = _context2.next) {
+        switch (_context.prev = _context.next) {
           case 0:
-            _context2.next = 2;
+            _context.next = 2;
+            return addGood$1(controller);
+
+          case 2:
+            _context.next = 4;
+            return rollBottom(controller, rootElement);
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [controller, rootElement]);
+  if (model === 'prefab') return React.createElement(React.Fragment, null);
+  if (model === 'readOnly') return React.createElement(React.Fragment, null);
+  return React.createElement(Button, {
+    onClick: onClick,
+    disabled: disabled
+  }, "\u6DFB\u52A0\u884C");
+});
+/** 添加一个空货物 */
+
+function addGood$1(_x) {
+  return _addGood.apply(this, arguments);
+}
+/** 货物列表，滚动到底部 */
+
+
+function _addGood() {
+  _addGood = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(controller) {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
             return controller.saveEditGood();
 
           case 2:
-            _context2.next = 4;
+            _context3.next = 4;
             return controller.wait();
 
           case 4:
-            _context2.next = 6;
-            return controller.pipeline( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
-                return _regeneratorRuntime().wrap(function _callee$(_context) {
+            _context3.next = 6;
+            return controller.run( /*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(s) {
+                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
                   while (1) {
-                    switch (_context.prev = _context.next) {
+                    switch (_context2.prev = _context2.next) {
                       case 0:
                         if (!s.goodsListState.editGood) {
-                          _context.next = 3;
+                          _context2.next = 3;
                           break;
                         }
 
@@ -2131,45 +2170,77 @@ var AddRowButton = (function () {
                           content: '你正在编辑一个货物',
                           key: '你正在编辑一个货物'
                         });
-                        return _context.abrupt("return");
+                        return _context2.abrupt("return");
 
                       case 3:
-                        _context.next = 5;
+                        _context2.next = 5;
                         return controller.addGood({
                           taxRate: s.goodsListState.defaultRate,
                           lineAttribute: LineAttributeType$1.正常
                         });
 
                       case 5:
-                        s.goodsListState.editGood = _context.sent;
+                        s.goodsListState.editGood = _context2.sent;
 
                       case 6:
                       case "end":
-                        return _context.stop();
+                        return _context2.stop();
                     }
                   }
-                }, _callee);
+                }, _callee2);
               }));
 
-              return function (_x) {
+              return function (_x4) {
                 return _ref2.apply(this, arguments);
               };
-            }())();
+            }());
 
           case 6:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
       }
-    }, _callee2);
-  })), [controller]);
-  if (model === 'prefab') return React.createElement(React.Fragment, null);
-  if (model === 'readOnly') return React.createElement(React.Fragment, null);
-  return React.createElement(Button, {
-    onClick: onClick,
-    disabled: disabled
-  }, "\u6DFB\u52A0\u884C");
-});
+    }, _callee3);
+  }));
+  return _addGood.apply(this, arguments);
+}
+
+function rollBottom(_x2, _x3) {
+  return _rollBottom.apply(this, arguments);
+}
+
+function _rollBottom() {
+  _rollBottom = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(controller, rootElement) {
+    var cont;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return controller.wait();
+
+          case 2:
+            cont = rootElement === null || rootElement === void 0 ? void 0 : rootElement.querySelector('.ktsAntX-table-body');
+
+            if (cont) {
+              _context4.next = 5;
+              break;
+            }
+
+            return _context4.abrupt("return");
+
+          case 5:
+            cont.scrollTop = cont.scrollHeight;
+
+          case 6:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  }));
+  return _rollBottom.apply(this, arguments);
+}
 
 var TaxIncludedSwitch = (function () {
   var controller = Invoice.useInvoiceController();
@@ -2214,8 +2285,6 @@ var TaxIncludedSwitch = (function () {
   }, "\u542B\u7A0E:"), React.createElement(Switch, {
     disabled: isSwitchTax === false,
     checked: isTaxIncluded,
-    checkedChildren: "\u5F00",
-    unCheckedChildren: "\u5173",
     defaultChecked: true,
     onChange: onChange
   }));
@@ -2263,7 +2332,7 @@ var DescribeSwitch = (function () {
       marginRight: 3
     },
     type: "info-circle"
-  })), "\u4F7F\u7528\u54EA\u65B9\u5546\u54C1\u63CF\u8FF0:"), React.createElement(Switch, {
+  })), "\u4F7F\u7528\u54EA\u65B9\u5546\u54C1\u63CF\u8FF0:"), React.createElement(Switch$1, {
     checked: isMyShow,
     checkedChildren: "\u6211\u65B9",
     unCheckedChildren: "\u5BF9\u65B9",
@@ -11063,7 +11132,7 @@ var useRowSelection = (function () {
   };
 });
 
-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  gap: 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-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control {\n  line-height: 1;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus {\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single {\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .has-error .ktsAnt3x-input {\n  border: #f5222d solid 1px;\n}\n";
+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  gap: 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-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control {\n  line-height: 1;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus {\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single {\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .has-error .ktsAnt3x-input {\n  border: #f5222d solid 1px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner::after {\n  width: 5px;\n  height: 10px;\n}\n";
 styleInject(css_248z$7);
 
 var keys$1 = {};
@@ -13881,7 +13950,27 @@ var Main$3 = function Main(props) {
     key: key,
     value: controller
   }, React.createElement("div", {
-    className: "kts-invoice-operate"
+    className: "kts-invoice-operate",
+    ref: controller.pipeline( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s, e) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                s.rootElement = e;
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x, _x2) {
+        return _ref.apply(this, arguments);
+      };
+    }())
   }, props.invoiceHeader || React.createElement(InvoiceHeader, null)
   /**    发票头 */
   , props.buyer || React.createElement(Buyer$1, null)

package/dist/index.js

@@ -1086,6 +1086,7 @@ var InvoiceControllerState = /*#__PURE__*/_createClass(function InvoiceControlle
   this.buyerState = new BuyerState();
   this.goodsListState = new GoodsListState();
   this.calculating = void 0;
+  this.rootElement = null;
 });
 
 /**
@@ -2038,7 +2039,7 @@ var Statistics = (function () {
     className: "kts-invoice-operate-goods-list-statistics-row"
   }, React__default['default'].createElement("div", {
     style: {
-      width: 45
+      width: 45.92
     }
   }), React__default['default'].createElement("div", {
     style: {
@@ -2070,7 +2071,7 @@ var Statistics = (function () {
     className: "kts-invoice-operate-goods-list-statistics-row"
   }, React__default['default'].createElement("div", {
     style: {
-      width: 45
+      width: 45.92
     }
   }), React__default['default'].createElement("div", {
     style: {
@@ -2092,6 +2093,9 @@ var AddRowButton = (function () {
   var model = controller.useMemo(function (s) {
     return s.model;
   }, []);
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   /** 产品数据量 */
 
   var goodsNum = controller.useMemo(function (s) {
@@ -2112,28 +2116,63 @@ var AddRowButton = (function () {
   var disabled = React__default['default'].useMemo(function () {
     return typeof goodMax === 'number' ? goodsNum >= goodMax : !!searchValue;
   }, [goodMax, goodsNum, searchValue]);
-  var onClick = React__default['default'].useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+  var onClick = React__default['default'].useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) {
-        switch (_context2.prev = _context2.next) {
+        switch (_context.prev = _context.next) {
           case 0:
-            _context2.next = 2;
+            _context.next = 2;
+            return addGood$1(controller);
+
+          case 2:
+            _context.next = 4;
+            return rollBottom(controller, rootElement);
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [controller, rootElement]);
+  if (model === 'prefab') return React__default['default'].createElement(React__default['default'].Fragment, null);
+  if (model === 'readOnly') return React__default['default'].createElement(React__default['default'].Fragment, null);
+  return React__default['default'].createElement(ktsComponentsAntdX3.Button, {
+    onClick: onClick,
+    disabled: disabled
+  }, "\u6DFB\u52A0\u884C");
+});
+/** 添加一个空货物 */
+
+function addGood$1(_x) {
+  return _addGood.apply(this, arguments);
+}
+/** 货物列表，滚动到底部 */
+
+
+function _addGood() {
+  _addGood = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(controller) {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
             return controller.saveEditGood();
 
           case 2:
-            _context2.next = 4;
+            _context3.next = 4;
             return controller.wait();
 
           case 4:
-            _context2.next = 6;
-            return controller.pipeline( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
-                return _regeneratorRuntime().wrap(function _callee$(_context) {
+            _context3.next = 6;
+            return controller.run( /*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(s) {
+                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
                   while (1) {
-                    switch (_context.prev = _context.next) {
+                    switch (_context2.prev = _context2.next) {
                       case 0:
                         if (!s.goodsListState.editGood) {
-                          _context.next = 3;
+                          _context2.next = 3;
                           break;
                         }
 
@@ -2141,45 +2180,77 @@ var AddRowButton = (function () {
                           content: '你正在编辑一个货物',
                           key: '你正在编辑一个货物'
                         });
-                        return _context.abrupt("return");
+                        return _context2.abrupt("return");
 
                       case 3:
-                        _context.next = 5;
+                        _context2.next = 5;
                         return controller.addGood({
                           taxRate: s.goodsListState.defaultRate,
                           lineAttribute: LineAttributeType$1.正常
                         });
 
                       case 5:
-                        s.goodsListState.editGood = _context.sent;
+                        s.goodsListState.editGood = _context2.sent;
 
                       case 6:
                       case "end":
-                        return _context.stop();
+                        return _context2.stop();
                     }
                   }
-                }, _callee);
+                }, _callee2);
               }));
 
-              return function (_x) {
+              return function (_x4) {
                 return _ref2.apply(this, arguments);
               };
-            }())();
+            }());
 
           case 6:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
       }
-    }, _callee2);
-  })), [controller]);
-  if (model === 'prefab') return React__default['default'].createElement(React__default['default'].Fragment, null);
-  if (model === 'readOnly') return React__default['default'].createElement(React__default['default'].Fragment, null);
-  return React__default['default'].createElement(ktsComponentsAntdX3.Button, {
-    onClick: onClick,
-    disabled: disabled
-  }, "\u6DFB\u52A0\u884C");
-});
+    }, _callee3);
+  }));
+  return _addGood.apply(this, arguments);
+}
+
+function rollBottom(_x2, _x3) {
+  return _rollBottom.apply(this, arguments);
+}
+
+function _rollBottom() {
+  _rollBottom = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(controller, rootElement) {
+    var cont;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return controller.wait();
+
+          case 2:
+            cont = rootElement === null || rootElement === void 0 ? void 0 : rootElement.querySelector('.ktsAntX-table-body');
+
+            if (cont) {
+              _context4.next = 5;
+              break;
+            }
+
+            return _context4.abrupt("return");
+
+          case 5:
+            cont.scrollTop = cont.scrollHeight;
+
+          case 6:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  }));
+  return _rollBottom.apply(this, arguments);
+}
 
 var TaxIncludedSwitch = (function () {
   var controller = Invoice.useInvoiceController();
@@ -2221,11 +2292,9 @@ var TaxIncludedSwitch = (function () {
     style: {
       marginRight: 2
     }
-  }, "\u542B\u7A0E:"), React__default['default'].createElement(ktsComponentsAntdX3.Switch, {
+  }, "\u542B\u7A0E:"), React__default['default'].createElement(ktsXui.Switch, {
     disabled: isSwitchTax === false,
     checked: isTaxIncluded,
-    checkedChildren: "\u5F00",
-    unCheckedChildren: "\u5173",
     defaultChecked: true,
     onChange: onChange
   }));
@@ -11073,7 +11142,7 @@ var useRowSelection = (function () {
   };
 });
 
-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  gap: 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-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control {\n  line-height: 1;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus {\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single {\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .has-error .ktsAnt3x-input {\n  border: #f5222d solid 1px;\n}\n";
+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  gap: 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-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control {\n  line-height: 1;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus {\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single {\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .has-error .ktsAnt3x-input {\n  border: #f5222d solid 1px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner::after {\n  width: 5px;\n  height: 10px;\n}\n";
 styleInject(css_248z$7);
 
 var keys$1 = {};
@@ -13891,7 +13960,27 @@ var Main$3 = function Main(props) {
     key: key,
     value: controller
   }, React__default['default'].createElement("div", {
-    className: "kts-invoice-operate"
+    className: "kts-invoice-operate",
+    ref: controller.pipeline( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s, e) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                s.rootElement = e;
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x, _x2) {
+        return _ref.apply(this, arguments);
+      };
+    }())
   }, props.invoiceHeader || React__default['default'].createElement(InvoiceHeader, null)
   /**    发票头 */
   , props.buyer || React__default['default'].createElement(Buyer$1, null)

package/docs-dist/umi.css

@@ -1,4 +1,4 @@
-.kts-invoice-operate{border:1px solid #dcdcdc;font-size:12px}.kts-invoice-operate>*{border-bottom:1px solid #dcdcdc}.kts-invoice-operate>:last-child{border-bottom:none}.kts-invoice-operate-invoice-header{padding:20px 8px;background:#f6f7f9;position:relative;color:rgba(0,0,0,.85);font-weight:500}.kts-invoice-operate-invoice-header label{margin-right:5px;white-space:nowrap}.kts-invoice-operate-invoice-header .invoice-header-title{top:20px;left:0;position:absolute;color:#e28b89;font-weight:500;font-size:22px;text-align:center;width:100%;pointer-events:none;z-index:1}.kts-invoice-operate-invoice-header .invoice-header-no{display:flex}.kts-invoice-operate-invoice-header .invoice-header-no .ktsAnt3x-tag{margin-left:10px;height:24px}.kts-invoice-operate-invoice-header .invoice-header-type{flex:1 1;text-align:right}.kts-invoice-operate-invoice-header .invoice-header-property{margin:20px 0 0}.kts-invoice-operate-invoice-header .invoice-header-property .ktsAnt3x-col{display:flex;flex-direction:inherit;padding-right:20px}.kts-invoice-operate-invoice-header .invoice-header-property .ktsAnt3x-col span{color:#999}.kts-invoice-operate-invoice-header .invoice-header-property-fieldExpand{display:flex;margin:0;padding:0;list-style-type:none;grid-gap:10px;gap:10px;align-items:center}.kts-invoice-operate-invoice-header .invoice-header-property-fieldExpand li{display:flex;align-items:center;flex:1 1}.kts-invoice-operate-goods-table-virtual .ktsAntX-table-body{height:280px}.kts-invoice-operate-goods-table-virtual .ktsAntX-table.ktsAntX-table-bordered>.ktsAntX-table-container>.ktsAntX-table-header>table>thead>tr>th{padding:0 10px;height:32px;background:#f4f4f4}.kts-invoice-operate-goods-table-virtual .ktsAntX-table.ktsAntX-table-bordered>.ktsAntX-table-container>.ktsAntX-table-body>table>tbody>tr>td{padding:0;height:32px}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-body{position:relative}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-body>table{position:absolute;left:0;top:0}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody{position:relative}.kts-invoice-operate-goods-table-virtual .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-inner{width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px;top:1px}.kts-invoice-operate-goods-list-statistics{background:#fafafa;overflow-y:scroll}.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row{height:30px;line-height:30px;border-bottom:1px solid #e8e8e8;display:flex}.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row>div{border-right:1px solid #e8e8e8}.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row>div label{padding:0 10px}.kts-invoice-operate-goods-list-able-list .kts-invoice-operate-goods-list-search{width:350px}.kts-invoice-operate-goods-list-able-list .kts-invoice-operate-goods-list-search input{border-radius:999px;border-color:#b8b8b8;font-size:12px}.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu,.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:focus,.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover{font-size:16px;color:#000;text-align:center;padding:0}.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu.ktsAnt3x-dropdown-open,.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover{background:#ebebeb;border-radius:9999px}.kts-invoice-operate-goods-list-itemName-input{display:flex;flex:1 1;padding-left:10px;height:31px}.has-error .kts-invoice-operate-goods-list-itemName-input{border:1px solid #f5222d}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value{float:right}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able{display:flex;padding:10px;border-bottom:1px solid #dcdcdc}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list{flex:1 1;display:flex;grid-gap:10px;gap:10px;padding-right:10px}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button{padding-left:10px;padding-right:10px;border-radius:12px;color:#0074ff;border:1px solid #0074ff;height:24px;line-height:22px;cursor:pointer;font-size:12px}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled]{color:rgba(0,0,0,.25);border:1px solid}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend{flex:none;display:flex;grid-gap:5px;gap:5px}.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row{color:rgba(0,0,0,.25);background:#f5f5f5}.kts-invoice-operate-goods-list-table-search-protrude{background:#ff0;color:#000;font-weight:700}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item{margin:0}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control{line-height:1}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus{box-shadow:none}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single{border:none;border-radius:0}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain{display:none}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .has-error .ktsAnt3x-input{border:1px solid #f5222d}.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body{display:flex;flex-direction:column}.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body{flex:1 1;display:flex;flex-direction:column}.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-body{flex:1 1;overflow:auto}.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-footer{flex:none}.kts-invoice-operate-seller{display:flex}.kts-invoice-operate-seller .kts-invoice-operate-seller-message{flex:1 1;display:flex}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .ktsAnt3x-descriptions-item-label{width:179px}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list{width:100%}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-view{border:none}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label{padding:0 10px;font-size:12px;background-color:#fff;line-height:30px}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label:before{content:"*";position:relative;color:red;font-weight:700;margin-right:2px}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content{padding:0}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input{box-shadow:none;border-color:#fff;border-radius:0;padding:0 10px;font-size:12px;line-height:30px;width:100%;height:30px}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover{border:1 solid #40a9ff;border-right-width:1px!important}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover{background-color:#fff;border:1 solid #f5222d}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item{margin:0}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item-control{line-height:0}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-explain{position:absolute;right:5px;top:6px;z-index:10}.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks{border-left:1px solid #dcdcdc;display:flex;flex:none;width:458px}.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value{flex:1 1;display:flex;flex-direction:column}.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value textarea{flex:1 1;margin-bottom:0;border:none;border-radius:0}.kts-invoice-operate-seller .kts-invoice-operate-seller-title{flex:none;width:30px;height:100%;text-align:center;border-right:1px solid #dcdcdc;display:table;padding:0 5px}.kts-invoice-operate-seller .kts-invoice-operate-seller-title label{display:table-cell;vertical-align:middle}.kts-invoice-operate-sign form{display:flex}.kts-invoice-operate-sign form .ktsAnt3x-row.ktsAnt3x-form-item{margin:0}.kts-invoice-operate-sign form>div{flex:1 1;text-align:center}.kts-invoice-operate-buyer{display:flex}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message{flex:1 1;display:flex;position:relative}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .ktsAnt3x-descriptions-item-label{width:179px}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list{width:100%}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-view{border:none}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-label{padding:0 10px;font-size:12px;background-color:#fff;line-height:30px}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content{padding:0}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input{box-shadow:none;border-color:#fff;border-radius:0;padding:0 10px;font-size:12px;line-height:30px;width:100%;height:100%}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover{border:1 solid #40a9ff;border-right-width:1px!important}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover{background-color:#fff;border:1 solid #f5222d}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item{margin:0}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-control{line-height:0}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children{height:30px;display:block}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children .ktsAnt3x-btn{line-height:0}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-explain{position:absolute;left:5px;top:6px;z-index:10}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-Import{position:absolute;right:0;top:0;z-index:10}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-password{border-left:1px solid #dcdcdc;display:flex;flex:none;width:458px}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title{flex:none;width:30px;height:100%;text-align:center;border-right:1px solid #dcdcdc;display:table;padding:0 5px}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title label{display:table-cell;vertical-align:middle}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover{padding-top:0}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-inner-content{padding:6px 0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-arrow{display:none}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content{width:567px}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block{padding:14px 0}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block label{display:block;font-size:12px;color:#666}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued{padding:0;margin:0}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued li{list-style:none;width:50%;float:left;margin-bottom:20px;padding:0 10px}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued:after{content:".";display:block;height:0;clear:left;visibility:hidden}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company{margin:0;font-size:12px;padding:10px;font-weight:700;color:#000;cursor:pointer;transition:background .4s}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:hover{background:hsla(0,0%,90.2%,.9019607843137255)}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:last-child{margin-bottom:0}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company li{list-style:none;width:50%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:10px}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:after{content:".";display:block;height:0;clear:left;visibility:hidden}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag{line-height:1;padding:4px 12px;background:#f3f3f3;border-radius:9999px;font-size:12px;font-weight:700;color:#000;cursor:pointer;transition:background .4s;display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag:hover{background:hsla(0,0%,90.2%,.9019607843137255)}.kts-invoice-operate-goods-endow-code-button-list{display:flex;flex-direction:column}.kts-invoice-operate-goods-endow-code-button-list>button{margin-bottom:10px}
+.kts-invoice-operate{border:1px solid #dcdcdc;font-size:12px}.kts-invoice-operate>*{border-bottom:1px solid #dcdcdc}.kts-invoice-operate>:last-child{border-bottom:none}.kts-invoice-operate-invoice-header{padding:20px 8px;background:#f6f7f9;position:relative;color:rgba(0,0,0,.85);font-weight:500}.kts-invoice-operate-invoice-header label{margin-right:5px;white-space:nowrap}.kts-invoice-operate-invoice-header .invoice-header-title{top:20px;left:0;position:absolute;color:#e28b89;font-weight:500;font-size:22px;text-align:center;width:100%;pointer-events:none;z-index:1}.kts-invoice-operate-invoice-header .invoice-header-no{display:flex}.kts-invoice-operate-invoice-header .invoice-header-no .ktsAnt3x-tag{margin-left:10px;height:24px}.kts-invoice-operate-invoice-header .invoice-header-type{flex:1 1;text-align:right}.kts-invoice-operate-invoice-header .invoice-header-property{margin:20px 0 0}.kts-invoice-operate-invoice-header .invoice-header-property .ktsAnt3x-col{display:flex;flex-direction:inherit;padding-right:20px}.kts-invoice-operate-invoice-header .invoice-header-property .ktsAnt3x-col span{color:#999}.kts-invoice-operate-invoice-header .invoice-header-property-fieldExpand{display:flex;margin:0;padding:0;list-style-type:none;grid-gap:10px;gap:10px;align-items:center}.kts-invoice-operate-invoice-header .invoice-header-property-fieldExpand li{display:flex;align-items:center;flex:1 1}.kts-invoice-operate-goods-table-virtual .ktsAntX-table-body{height:280px}.kts-invoice-operate-goods-table-virtual .ktsAntX-table.ktsAntX-table-bordered>.ktsAntX-table-container>.ktsAntX-table-header>table>thead>tr>th{padding:0 10px;height:32px;background:#f4f4f4}.kts-invoice-operate-goods-table-virtual .ktsAntX-table.ktsAntX-table-bordered>.ktsAntX-table-container>.ktsAntX-table-body>table>tbody>tr>td{padding:0;height:32px}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-body{position:relative}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-body>table{position:absolute;left:0;top:0}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody{position:relative}.kts-invoice-operate-goods-table-virtual .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-inner{width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px;top:1px}.kts-invoice-operate-goods-list-statistics{background:#fafafa;overflow-y:scroll}.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row{height:30px;line-height:30px;border-bottom:1px solid #e8e8e8;display:flex}.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row>div{border-right:1px solid #e8e8e8}.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row>div label{padding:0 10px}.kts-invoice-operate-goods-list-able-list .kts-invoice-operate-goods-list-search{width:350px}.kts-invoice-operate-goods-list-able-list .kts-invoice-operate-goods-list-search input{border-radius:999px;border-color:#b8b8b8;font-size:12px}.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu,.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:focus,.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover{font-size:16px;color:#000;text-align:center;padding:0}.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu.ktsAnt3x-dropdown-open,.ktsAnt3x-btn.kts-invoice-operate-goods-list-columns-row-menu:hover{background:#ebebeb;border-radius:9999px}.kts-invoice-operate-goods-list-itemName-input{display:flex;flex:1 1;padding-left:10px;height:31px}.has-error .kts-invoice-operate-goods-list-itemName-input{border:1px solid #f5222d}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value{float:right}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able{display:flex;padding:10px;border-bottom:1px solid #dcdcdc}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list{flex:1 1;display:flex;grid-gap:10px;gap:10px;padding-right:10px}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button{padding-left:10px;padding-right:10px;border-radius:12px;color:#0074ff;border:1px solid #0074ff;height:24px;line-height:22px;cursor:pointer;font-size:12px}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled]{color:rgba(0,0,0,.25);border:1px solid}.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend{flex:none;display:flex;grid-gap:5px;gap:5px}.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row{color:rgba(0,0,0,.25);background:#f5f5f5}.kts-invoice-operate-goods-list-table-search-protrude{background:#ff0;color:#000;font-weight:700}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item{margin:0}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control{line-height:1}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus{box-shadow:none}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single{border:none;border-radius:0}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain{display:none}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .has-error .ktsAnt3x-input{border:1px solid #f5222d}.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner:after{width:5px;height:10px}.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body{display:flex;flex-direction:column}.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body{flex:1 1;display:flex;flex-direction:column}.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-body{flex:1 1;overflow:auto}.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-footer{flex:none}.kts-invoice-operate-seller{display:flex}.kts-invoice-operate-seller .kts-invoice-operate-seller-message{flex:1 1;display:flex}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .ktsAnt3x-descriptions-item-label{width:179px}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list{width:100%}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-view{border:none}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label{padding:0 10px;font-size:12px;background-color:#fff;line-height:30px}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-label:before{content:"*";position:relative;color:red;font-weight:700;margin-right:2px}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content{padding:0}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input{box-shadow:none;border-color:#fff;border-radius:0;padding:0 10px;font-size:12px;line-height:30px;width:100%;height:30px}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover{border:1 solid #40a9ff;border-right-width:1px!important}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover{background-color:#fff;border:1 solid #f5222d}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item{margin:0}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-item-control{line-height:0}.kts-invoice-operate-seller .kts-invoice-operate-seller-message .kts-invoice-operate-seller-message-list .ktsAnt3x-form-explain{position:absolute;right:5px;top:6px;z-index:10}.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks{border-left:1px solid #dcdcdc;display:flex;flex:none;width:458px}.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value{flex:1 1;display:flex;flex-direction:column}.kts-invoice-operate-seller .kts-invoice-operate-seller-remarks-value textarea{flex:1 1;margin-bottom:0;border:none;border-radius:0}.kts-invoice-operate-seller .kts-invoice-operate-seller-title{flex:none;width:30px;height:100%;text-align:center;border-right:1px solid #dcdcdc;display:table;padding:0 5px}.kts-invoice-operate-seller .kts-invoice-operate-seller-title label{display:table-cell;vertical-align:middle}.kts-invoice-operate-sign form{display:flex}.kts-invoice-operate-sign form .ktsAnt3x-row.ktsAnt3x-form-item{margin:0}.kts-invoice-operate-sign form>div{flex:1 1;text-align:center}.kts-invoice-operate-buyer{display:flex}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message{flex:1 1;display:flex;position:relative}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .ktsAnt3x-descriptions-item-label{width:179px}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list{width:100%}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-view{border:none}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-label{padding:0 10px;font-size:12px;background-color:#fff;line-height:30px}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content{padding:0}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input{box-shadow:none;border-color:#fff;border-radius:0;padding:0 10px;font-size:12px;line-height:30px;width:100%;height:100%}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover{border:1 solid #40a9ff;border-right-width:1px!important}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover{background-color:#fff;border:1 solid #f5222d}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item{margin:0}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-control{line-height:0}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children{height:30px;display:block}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children .ktsAnt3x-btn{line-height:0}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-explain{position:absolute;left:5px;top:6px;z-index:10}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-Import{position:absolute;right:0;top:0;z-index:10}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-password{border-left:1px solid #dcdcdc;display:flex;flex:none;width:458px}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title{flex:none;width:30px;height:100%;text-align:center;border-right:1px solid #dcdcdc;display:table;padding:0 5px}.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title label{display:table-cell;vertical-align:middle}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover{padding-top:0}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-inner-content{padding:6px 0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-arrow{display:none}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content{width:567px}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block{padding:14px 0}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block label{display:block;font-size:12px;color:#666}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued{padding:0;margin:0}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued li{list-style:none;width:50%;float:left;margin-bottom:20px;padding:0 10px}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued:after{content:".";display:block;height:0;clear:left;visibility:hidden}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company{margin:0;font-size:12px;padding:10px;font-weight:700;color:#000;cursor:pointer;transition:background .4s}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:hover{background:hsla(0,0%,90.2%,.9019607843137255)}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:last-child{margin-bottom:0}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company li{list-style:none;width:50%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:10px}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:after{content:".";display:block;height:0;clear:left;visibility:hidden}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag{line-height:1;padding:4px 12px;background:#f3f3f3;border-radius:9999px;font-size:12px;font-weight:700;color:#000;cursor:pointer;transition:background .4s;display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag:hover{background:hsla(0,0%,90.2%,.9019607843137255)}.kts-invoice-operate-goods-endow-code-button-list{display:flex;flex-direction:column}.kts-invoice-operate-goods-endow-code-button-list>button{margin-bottom:10px}
 
 /*!
  *