kts-component-invoice-operate 3.2.175 → 3.2.176

package/dist/index.esm.js

@@ -4,8 +4,8 @@ import GreyReactBox, { decorator } from 'grey-react-box';
 import { chain as chain$1, bignumber, format as format$1, create, all, equal } from 'mathjs';
 import { message, Form, Input, Icon as Icon$1, Tag as Tag$1, Select, Button, Tooltip, Switch as Switch$1, Typography, Menu, Dropdown, AutoComplete as AutoComplete$2, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover as Popover$1, Table as Table$1, Tree, Modal as Modal$1, Row as Row$2, Col as Col$2 } from 'kts-components-antd-x3';
 import { v4 } from 'uuid';
-import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete$1, Popover, Button as Button$1, Dropdown as Dropdown$1, Row, Col, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Input as Input$1, Select as Select$1, Spin as Spin$1, Menu as Menu$1, Form as Form$1, Drawer as Drawer$1, Space, Radio, InputNumber, Popconfirm, Modal, Tree as Tree$1, Card, FormReadOnly } from 'kts-xui';
-import classNames from 'classnames';
+import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete$1, Popover, Button as Button$1, Dropdown as Dropdown$1, Row, Col, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Input as Input$1, Select as Select$1, Spin as Spin$1, Menu as Menu$1, Form as Form$1, Drawer as Drawer$1, Space, Radio, InputNumber, Popconfirm, Modal, Cascader as Cascader$1, Tree as Tree$1, Card, FormReadOnly } from 'kts-xui';
+import classnames from 'classnames';
 import { Table } from 'kts-components-antd-x4-v4';
 import { render } from 'react-dom';
 import { DatePicker, Row as Row$1, Col as Col$1, Cascader, Input as Input$2, Select as Select$2 } from 'kts-components-antd-x4';
@@ -1130,6 +1130,26 @@ var GoodsListState = /*#__PURE__*/_createClass(function GoodsListState() {
   this.drag = new Drag();
 });
 
+var FreightListState = /*#__PURE__*/_createClass(function FreightListState() {
+  _classCallCheck(this, FreightListState);
+
+  this.goodMax = void 0;
+  this.editGood = void 0;
+  this.isAddRow = true;
+  this.isRemRow = true;
+  this.goodsMap = new Map();
+  this.form = void 0;
+  this.vehicleTypeList = [];
+  this.goodsList = [];
+  this.selectedGoodIndex = [];
+  this.area = [];
+  this.addressFieldNames = {
+    label: 'label',
+    value: 'value',
+    children: 'children'
+  };
+});
+
 var BuyerState = /*#__PURE__*/_createClass(function BuyerState() {
   _classCallCheck(this, BuyerState);
 
@@ -1221,6 +1241,7 @@ var InvoiceControllerState = /*#__PURE__*/_createClass(function InvoiceControlle
   this.typeModalProps = void 0;
   this.autoComplete = new AutoComplete();
   this.taxClassificationProps = void 0;
+  this.freightListState = new FreightListState();
 });
 
 /**
@@ -1257,6 +1278,40 @@ var setEditGood = /*#__PURE__*/(function () {
   };
 })();
 
+/**
+ * 设置当前的编辑货物运输
+ */
+var setEditFreight = /*#__PURE__*/(function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(state, newEditGood) {
+    var editGood;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (newEditGood) {
+              editGood = state.freightListState.editGood;
+              state.freightListState = _objectSpread2(_objectSpread2({}, state.freightListState), {}, {
+                editGood: _objectSpread2(_objectSpread2({}, editGood), newEditGood)
+              });
+            } else {
+              state.freightListState = _objectSpread2(_objectSpread2({}, state.freightListState), {}, {
+                editGood: undefined
+              });
+            }
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+})();
+
 /**
  * 设置单个货物属性
  */
@@ -1295,6 +1350,44 @@ var setGoods = /*#__PURE__*/(function () {
   };
 })();
 
+/**
+ * 设置单个货物属性
+ */
+var setFreight = /*#__PURE__*/(function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(state, options) {
+    var goodsList;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!options || !options.$index)) {
+              _context.next = 2;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 2:
+            goodsList = state.freightListState.goodsList.map(function (e) {
+              return e.$index === options.$index ? _objectSpread2(_objectSpread2({}, e), options) : e;
+            });
+            state.freightListState = _objectSpread2(_objectSpread2({}, state.freightListState), {}, {
+              goodsList: goodsList
+            });
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+})();
+
 /**
  * 删除一个货物
  */
@@ -1379,6 +1472,87 @@ var delGood = /*#__PURE__*/(function () {
   };
 })();
 
+/**
+ * 删除一个货物运输
+ */
+var delFreight = /*#__PURE__*/(function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(state, $index) {
+    var goods, goodsList, goodsMap, i;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if ($index) {
+              _context.next = 2;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 2:
+            // 查下要删除的货物
+            goods = state.freightListState.goodsList.filter(function (e) {
+              return e.$index === $index;
+            })[0];
+
+            if (goods) {
+              _context.next = 5;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 5:
+            // 如果正在编辑 就取消编辑
+            if (state.freightListState.editGood && state.freightListState.editGood.$index === $index) {
+              state.freightListState.editGood = undefined;
+            }
+
+            goodsList = state.freightListState.goodsList;
+            goodsMap = state.freightListState.goodsMap;
+            goodsMap.delete($index);
+            i = 0;
+
+          case 10:
+            if (!(i < goodsList.length)) {
+              _context.next = 17;
+              break;
+            }
+
+            if (!(goodsList[i].$index === $index)) {
+              _context.next = 14;
+              break;
+            }
+
+            // const good = goodsList[i];
+            // if (good.lineAttribute === LineAttributeType.折扣行 && goodsList[i - 1] && goodsList[i - 1].lineAttribute === LineAttributeType.被折扣行) {
+            //   goodsList[i - 1].lineAttribute = LineAttributeType.正常;
+            // }
+            goodsList.splice(i, 1);
+            return _context.abrupt("break", 17);
+
+          case 14:
+            i++;
+            _context.next = 10;
+            break;
+
+          case 17:
+            state.freightListState.goodsList = _toConsumableArray(goodsList);
+            state.freightListState.goodsMap = new Map(goodsMap);
+
+          case 19:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+})();
+
 var idGenerator = (function () {
   return v4();
 });
@@ -1744,6 +1918,33 @@ var addGood = /*#__PURE__*/(function () {
   };
 })();
 
+/**
+ * 添加的编辑货物运输
+ */
+
+var addFreight = /*#__PURE__*/(function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(state, options) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            options.$index = idGenerator();
+            state.freightListState.goodsList = [].concat(_toConsumableArray(state.freightListState.goodsList), [options]);
+            return _context.abrupt("return", options);
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+})();
+
 /**
  * 保存正在编辑的货物
  */
@@ -1823,6 +2024,85 @@ var validateFields = function validateFields(form) {
   });
 };
 
+/**
+ * 保存正在编辑的货物
+ */
+var saveEditFreight = /*#__PURE__*/(function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(state) {
+    var editGood, form;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            editGood = state.freightListState.editGood;
+            form = state.freightListState.form;
+
+            if (!(!editGood || !form)) {
+              _context.next = 4;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 4:
+            _context.next = 6;
+            return validateFields$1(form);
+
+          case 6:
+            if (!_context.sent.err) {
+              _context.next = 8;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 8:
+            state.freightListState.goodsList = state.freightListState.goodsList.map(function (e) {
+              return e.$index === editGood.$index ? _objectSpread2(_objectSpread2({}, e), editGood) : e;
+            });
+            state.freightListState.editGood = undefined;
+
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function (_x) {
+    return _ref.apply(this, arguments);
+  };
+})();
+
+var validateFields$1 = function validateFields(form) {
+  return new Promise(function (resolve) {
+    form.validateFields( /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(err, values) {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                resolve({
+                  err: err,
+                  values: values
+                });
+
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function (_x2, _x3) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+  });
+};
+
 /**
  * 计算搜索商品
  * @param goodsList 被搜索列表
@@ -9729,10 +10009,15 @@ var InvoiceController = /*#__PURE__*/function (_InvoiceControllerFor) {
     _this.updateInvoiceNo = void 0;
     _this.getBuyerList = void 0;
     _this.setGoods = _this.pipeline(setGoods);
+    _this.setFreight = _this.pipeline(setFreight);
+    _this.setEditFreight = _this.pipeline(setEditFreight);
     _this.setEditGood = _this.pipeline(setEditGood);
     _this.saveEditGood = _this.pipeline(saveEditGood);
+    _this.saveEditFreight = _this.pipeline(saveEditFreight);
     _this.delGood = _this.pipeline(delGood);
+    _this.delFreight = _this.pipeline(delFreight);
     _this.addGood = _this.pipeline(addGood);
+    _this.addFreight = _this.pipeline(addFreight);
     _this.mergeDetails = _this.pipeline(mergeDetails);
     _this.mergeDiscount = _this.pipeline(mergeDiscount);
     _this.addGoodDiscount = _this.pipeline(addGoodDiscount);
@@ -9764,6 +10049,14 @@ function useToGenerateId(controller) {
       e.serialNo = i + 1;
     });
   }, [goodsList]);
+  var freightList = controller.useMemo(function (s) {
+    return s.freightListState.goodsList;
+  }, []);
+  React.useEffect(function () {
+    freightList.forEach(function (e, i) {
+      e.sortNumber = i + 1;
+    });
+  }, [freightList]);
 }
 
 var Nzh = require("nzh");
@@ -10751,7 +11044,7 @@ function TableRow(props) {
       bottom: 0
     }
   })) : /*#__PURE__*/React.createElement("tr", _objectSpread2(_objectSpread2({}, props), {}, {
-    className: classNames(props.className, discount, expandedRow, rowKey === container && current ? 'kts-invoice-operate-goods-list-itemName-drag-container-' + site : undefined)
+    className: classnames(props.className, discount, expandedRow, rowKey === container && current ? 'kts-invoice-operate-goods-list-itemName-drag-container-' + site : undefined)
   }));
 }
 
@@ -12635,8 +12928,8 @@ var Icon = /*#__PURE__*/forwardRef(function (props, ref) {
       _React$useContext$pre = _React$useContext.prefixCls,
       prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre;
 
-  var classString = classNames(prefixCls, className);
-  var svgClassString = classNames(_defineProperty$1({}, "".concat(prefixCls, "-spin"), !!spin));
+  var classString = classnames(prefixCls, className);
+  var svgClassString = classnames(_defineProperty$1({}, "".concat(prefixCls, "-spin"), !!spin));
   var svgStyle = rotate ? {
     msTransform: "rotate(".concat(rotate, "deg)"),
     transform: "rotate(".concat(rotate, "deg)")
@@ -16275,7 +16568,7 @@ var Main = decorator(Form.create())(function (props) {
   }, /*#__PURE__*/React.createElement(AddRowButton, null), endowCodeButton.button, delRowButton.button, mergeDetails.button, mergeDiscount.button, addDiscountRowButton.drawer, salesDiscount.button, salesGifts.button, /*#__PURE__*/React.createElement(Search, null)), /*#__PURE__*/React.createElement("div", {
     className: "kts-invoice-operate-goods-list-able-extend"
   }, props.menuExpansion, /*#__PURE__*/React.createElement(DescribeSwitch, null), /*#__PURE__*/React.createElement(TaxIncludedSwitch, null))), /*#__PURE__*/React.createElement("div", {
-    className: classNames('kts-invoice-operate-goods-list-table', {
+    className: classnames('kts-invoice-operate-goods-list-table', {
       'kts-invoice-operate-prefab': isprefab
     })
   }, /*#__PURE__*/React.createElement(TableVirtual, {
@@ -17192,7 +17485,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     setExpand(typeof props.isExpand === 'boolean' ? props.isExpand : true);
   }, [props.isExpand]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("kts-invoice-operate-invoice-digtal-stakeholder", {
+    className: classnames("kts-invoice-operate-invoice-digtal-stakeholder", {
       readOnly: readOnly
     })
   }, /*#__PURE__*/React.createElement("div", null, '购买方信息'.split('').map(function (e) {
@@ -17780,7 +18073,7 @@ var StakeFarmerholder = decorator(Form.create())(function (props) {
     setExpand(typeof props.isExpand === 'boolean' ? props.isExpand : true);
   }, [props.isExpand]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("kts-invoice-operate-invoice-digtal-stakeholder", {
+    className: classnames("kts-invoice-operate-invoice-digtal-stakeholder", {
       readOnly: readOnly
     })
   }, /*#__PURE__*/React.createElement("div", null, '销售方信息'.split('').map(function (e) {
@@ -20247,7 +20540,7 @@ function TableRow$1(props) {
   /*#__PURE__*/
   // <tr {...props} className={classnames(props.className, discount, (rowKey === container && current) ? 'kts-invoice-operate-goods-list-itemName-drag-container' : '')} />
   React.createElement("tr", _objectSpread2(_objectSpread2({}, props), {}, {
-    className: classNames(props.className, discount, rowKey === container && current ? 'kts-invoice-operate-goods-list-itemName-drag-container-' + site : undefined)
+    className: classnames(props.className, discount, rowKey === container && current ? 'kts-invoice-operate-goods-list-itemName-drag-container-' + site : undefined)
   }));
 }
 
@@ -23647,7 +23940,7 @@ var Main$3 = decorator(Form.create())(function (props) {
       flex: 1
     }
   }), props.menuExpansion, reselectInvoiceType.button, emptyRefill.button), /*#__PURE__*/React.createElement("div", {
-    className: classNames('kts-invoice-operate-goods-list-table-digtal')
+    className: classnames('kts-invoice-operate-goods-list-table-digtal')
   }, /*#__PURE__*/React.createElement(TableVirtual$1, {
     size: "small",
     rowKey: "$index",
@@ -24112,22 +24405,1380 @@ var MyNY$1 = /*#__PURE__*/function (_React$Component4) {
   return MyNY;
 }(React.Component);
 
-var ImportBuyerDrawer = (function () {
-  var controller = Invoice.useInvoiceController();
-  var visible = controller.useMemo(function (s) {
-    return s.buyerState.isVisibleDrawer;
-  }, []);
-  var topExpand = controller.useMemo(function (s) {
-    return s.buyerState.topExpand;
-  }, []); // controller.pipeline(async s=>s.goodsListState.isTaxIncluded = true)()
+var css_248z$t = ".kts-invoice-operate-goods-table-virtual .ktsAntX-table-body {\n  height: 280px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table.ktsAntX-table-bordered > .ktsAntX-table-container > .ktsAntX-table-header > table > thead > tr > th {\n  padding: 0 10px;\n  height: 32px;\n  background: #f4f4f4;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table.ktsAntX-table-bordered > .ktsAntX-table-container > .ktsAntX-table-body > table > tbody > tr > td {\n  padding: 0;\n  height: 32px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-body {\n  position: relative;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-body > table {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody {\n  position: relative;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-inner {\n  width: 16px;\n  height: 16px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  top: 1px;\n}\n";
+styleInject(css_248z$t);
 
-  var onClose = React.useCallback(function () {
-    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:
+function TableVirtual$2 (props) {
+  var _props$dataSource2;
+
+  var _React$useState = React.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      self = _React$useState2[0],
+      setSelf = _React$useState2[1];
+
+  var tableBody = React.useMemo(function () {
+    if (!self) return;
+    return self.querySelector('.ktsAntX-table-body');
+  }, [self]);
+  /** 显示指针 */
+
+  var _React$useState3 = React.useState(0),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      pointer = _React$useState4[0],
+      setPointer = _React$useState4[1];
+  /** 行高 */
+
+
+  var rowHeight = React.useMemo(function () {
+    if (!self) return 50;
+    var td = self.querySelector('.ktsAntX-table-tbody .ktsAntX-table-row');
+    if (!td) return 50;
+    return td.clientHeight;
+  }, [self, props.dataSource]);
+  /** 间隔容器 */
+
+  var placeholder = React.useMemo(function () {
+    if (!self || !tableBody) return;
+    var placeholder = tableBody.querySelector('.table-virtual-placeholder');
+
+    if (!placeholder) {
+      placeholder = document.createElement('div');
+      placeholder.className = 'table-virtual-placeholder';
+      tableBody.appendChild(placeholder);
+    }
+
+    return placeholder;
+  }, [self, tableBody]); // 设置占位dom的搞
+
+  var placeholderHeight = React.useMemo(function () {
+    if (!self || !rowHeight || !props.dataSource || !placeholder) return;
+    var placeholderHeight = rowHeight * props.dataSource.length;
+    placeholder.style.height = "".concat(placeholderHeight, "px");
+    return placeholderHeight;
+  }, [self, rowHeight, props.dataSource, placeholder]);
+  /** 可以容纳的行数 */
+
+  var rowSize = React.useMemo(function () {
+    if (!tableBody || !rowHeight) return 0;
+    return Math.ceil(tableBody.clientHeight / rowHeight);
+  }, [tableBody, rowHeight, placeholderHeight]); // 计算渲染的行
+
+  var dataSource = React.useMemo(function () {
+    var _props$dataSource;
+
+    if (!props.dataSource) return [];
+    if (props.dataSource.length < 10) return props.dataSource;
+    if (!rowSize) return [props.dataSource[0]];
+    return (_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.slice(pointer, pointer + 2 * rowSize);
+  }, [props.dataSource, pointer, rowSize]); // 监听滚动
+
+  React.useEffect(function () {
+    if (!self || !placeholder || !props.dataSource || !rowHeight || !tableBody || props.dataSource.length < 10) return;
+
+    var onScroll = function onScroll() {
+      if (!props.dataSource || !tableBody) return;
+      setPointer(Math.floor((props.dataSource.length - rowSize) * (tableBody.scrollTop / (placeholder.clientHeight - tableBody.clientHeight))));
+    };
+
+    onScroll();
+    tableBody.addEventListener('scroll', onScroll);
+    return function () {
+      tableBody.removeEventListener('scroll', onScroll);
+    };
+  }, [self, placeholder, props.dataSource, rowHeight, rowSize]); // 移动列表
+
+  React.useEffect(function () {
+    if (!self) return;
+    var table = self.querySelector('.ktsAntX-table .ktsAntX-table-body>table');
+    if (!table) return;
+    table.style.top = "".concat(pointer * rowHeight, "px");
+  }, [pointer, self, rowHeight]);
+  React.useEffect(function () {
+    if (!self) return;
+    var cont = self.querySelector('.kts-invoice-operate-goods-table-virtual .ktsAntX-table-body');
+    if (!cont) return;
+    cont.scrollTop = 0;
+  }, [(_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.length]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: "kts-invoice-operate-goods-table-virtual",
+    ref: function ref(e) {
+      setSelf(e);
+    }
+  }, /*#__PURE__*/React.createElement(TableManual, _objectSpread2(_objectSpread2({}, props), {}, {
+    dataSource: dataSource,
+    // 新版本Table会有输入框无法连续输入的问题，先兼容老版本
+    tableComponent: Table
+  })));
+}
+
+var AddRowButton$2 = (function () {
+  var controller = Invoice.useInvoiceController();
+  var model = controller.useMemo(function (s) {
+    return s.model;
+  }, []);
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
+  /** 产品数据量 */
+
+  var goodsNum = controller.useMemo(function (s) {
+    return s.freightListState.goodsList.length;
+  }, []);
+  /** 搜索条件 */
+
+  var isAddRow = controller.useMemo(function (s) {
+    return s.freightListState.isAddRow;
+  }, []);
+  /** 产品最大数 */
+
+  var goodMax = controller.useMemo(function (s) {
+    return s.freightListState.goodMax;
+  }, []);
+  /** 按钮是否禁用 */
+
+  var disabled = React.useMemo(function () {
+    return typeof goodMax === 'number' ? goodsNum >= goodMax : false;
+  }, [goodMax, goodsNum]);
+  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 addGood$3(controller);
+
+          case 2:
+            _context.next = 4;
+            return rollBottom$2(controller, rootElement);
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [controller, rootElement]);
+  if (isAddRow === false) return /*#__PURE__*/React.createElement(React.Fragment, null);
+  if (model === 'prefab') return /*#__PURE__*/React.createElement(React.Fragment, null);
+  if (model === 'readOnly') return /*#__PURE__*/React.createElement(React.Fragment, null);
+  return /*#__PURE__*/React.createElement(Button$1, {
+    size: 'small',
+    type: 'primary',
+    onClick: onClick,
+    disabled: disabled
+  }, "\u589E\u884C");
+});
+/** 添加一个空货物 */
+
+function addGood$3(_x) {
+  return _addGood$2.apply(this, arguments);
+}
+/** 货物列表，滚动到底部 */
+
+
+function _addGood$2() {
+  _addGood$2 = _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.saveEditFreight();
+
+          case 2:
+            _context3.next = 4;
+            return controller.wait();
+
+          case 4:
+            _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 (_context2.prev = _context2.next) {
+                      case 0:
+                        if (!s.freightListState.editGood) {
+                          _context2.next = 3;
+                          break;
+                        }
+
+                        message$1.error({
+                          content: '你正在编辑一个货物运输行',
+                          key: '你正在编辑一个货物运输行'
+                        });
+                        return _context2.abrupt("return");
+
+                      case 3:
+                        _context2.next = 5;
+                        return controller.addFreight({});
+
+                      case 5:
+                        s.freightListState.editGood = _context2.sent;
+
+                      case 6:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }
+                }, _callee2);
+              }));
+
+              return function (_x4) {
+                return _ref2.apply(this, arguments);
+              };
+            }());
+
+          case 6:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+  return _addGood$2.apply(this, arguments);
+}
+
+function rollBottom$2(_x2, _x3) {
+  return _rollBottom$2.apply(this, arguments);
+}
+
+function _rollBottom$2() {
+  _rollBottom$2 = _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$2.apply(this, arguments);
+}
+
+var css_248z$u = ".kts-invoice-operate-goods-list-itemName-drag-container-u {\n  position: relative;\n}\n.kts-invoice-operate-goods-list-itemName-drag-container-u::after {\n  content: \" \";\n  width: 100%;\n  height: 2px;\n  background: #0074ff;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 9999;\n}\n.kts-invoice-operate-goods-list-itemName-drag-container-d {\n  position: relative;\n}\n.kts-invoice-operate-goods-list-itemName-drag-container-d::after {\n  content: \" \";\n  width: 100%;\n  height: 2px;\n  background: #0074ff;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  z-index: 9999;\n}\n";
+styleInject(css_248z$u);
+
+function TableRow$2(props) {
+  var rowKey = props['data-row-key'];
+  return /*#__PURE__*/React.createElement("tr", _objectSpread2(_objectSpread2({}, props), {}, {
+    className: classnames(props.className)
+  }));
+}
+
+var Text$6 = Typography.Text;
+var TitleText$2 = (function (props) {
+  var rules = props.rules,
+      children = props.children;
+  var required = React.useMemo(function () {
+    return (rules === null || rules === void 0 ? void 0 : rules.some(function (e) {
+      return !!e.required;
+    })) || props.required;
+  }, [rules, props.required]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, required ? /*#__PURE__*/React.createElement(Text$6, {
+    type: "danger"
+  }, "*") : /*#__PURE__*/React.createElement(React.Fragment, null), children);
+});
+
+var useColumns$2 = (function (form) {
+  var getFieldDecorator = form.getFieldDecorator;
+  var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
+  /** 组件模式 */
+
+  var model = controller.useMemo(function (e) {
+    return e.model;
+  }, []);
+  /** 正在编辑的货物 */
+
+  var editGood = controller.useMemo(function (e) {
+    return e.freightListState.editGood;
+  }, []);
+  /** 禁用字段 */
+
+  var disableds = controller.useMemo(function (e) {
+    return e.stakeholder.disableds || [];
+  }, []);
+  /** 运输工具种类列表 */
+
+  var vehicleTypeList = controller.useMemo(function (e) {
+    return e.freightListState.vehicleTypeList;
+  }, []);
+  var area = controller.useMemo(function (e) {
+    return e.freightListState.area;
+  }, []);
+  var addressFieldNames = controller.useMemo(function (e) {
+    return e.freightListState.addressFieldNames;
+  }, []);
+  var getVehicle = React.useCallback(function (value) {
+    if (vehicleTypeList && vehicleTypeList.length > 0) {
+      var _vehicleTypeList$find;
+
+      return ((_vehicleTypeList$find = vehicleTypeList.find(function (e) {
+        return e.value === value;
+      })) === null || _vehicleTypeList$find === void 0 ? void 0 : _vehicleTypeList$find.label) || '';
+    }
+  }, [vehicleTypeList]);
+  var splitArea = React.useCallback(function (value) {
+    if (value) {
+      var _array = value.split(',');
+
+      return _array;
+    } else {
+      return [];
+    }
+  }, []);
+  /** 表头 */
+
+  var columns = React.useMemo(function () {
+    return [{
+      title: '序号',
+      key: 'sortNumber',
+      dataIndex: 'sortNumber',
+      width: 50,
+      render: function render(e) {
+        return /*#__PURE__*/React.createElement("span", {
+          style: {
+            padding: '0 10px'
+          }
+        }, e);
+      }
+    }, {
+      title: /*#__PURE__*/React.createElement(TitleText$2, {
+        required: true
+      }, "\u8FD0\u8F93\u5DE5\u5177\u79CD\u7C7B"),
+      key: 'type',
+      render: function render(_, record) {
+        if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index && !disableds.includes('type') && !(model === 'prefab')) {
+          return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('type', {
+            initialValue: editGood.type,
+            rules: [{
+              required: true,
+              message: '请输入'
+            }]
+          })( /*#__PURE__*/React.createElement(Select$1, {
+            className: "kts-invoice-operate-goods-list-table-tax-rate",
+            showArrow: false,
+            style: {
+              width: '100%'
+            },
+            getPopupContainer: function getPopupContainer() {
+              return rootElement || document.body;
+            },
+            onChange: function () {
+              var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value) {
+                return _regeneratorRuntime().wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return controller.wait();
+
+                      case 2:
+                        controller.setEditFreight({
+                          type: value
+                        });
+
+                      case 3:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              function onChange(_x) {
+                return _onChange.apply(this, arguments);
+              }
+
+              return onChange;
+            }()
+          }, (record.vehicleList || vehicleTypeList).map(function (e, i) {
+            return /*#__PURE__*/React.createElement(Select$1.Option, {
+              key: i,
+              value: e.value
+            }, e.label);
+          }))));
+        } else {
+          return /*#__PURE__*/React.createElement("span", {
+            style: {
+              padding: '0 10px'
+            }
+          }, getVehicle(record.type));
+        }
+      }
+    }, {
+      title: /*#__PURE__*/React.createElement(TitleText$2, {
+        required: true
+      }, "\u8FD0\u8F93\u5DE5\u5177\u724C\u53F7"),
+      key: 'licensePlate',
+      width: 119,
+      render: function render(_, record) {
+        if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index && !disableds.includes('licensePlate') && model !== 'prefab') {
+          return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('licensePlate', {
+            initialValue: editGood.licensePlate,
+            rules: [{
+              required: true,
+              message: '请输入'
+            }]
+          })( /*#__PURE__*/React.createElement(MyInput$4, {
+            maxLength: 200,
+            onChange: function () {
+              var _onChange2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                  while (1) {
+                    switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _context2.next = 2;
+                        return controller.wait();
+
+                      case 2:
+                        _context2.next = 4;
+                        return controller.setEditFreight({
+                          licensePlate: form.getFieldsValue().licensePlate
+                        });
+
+                      case 4:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }
+                }, _callee2);
+              }));
+
+              function onChange() {
+                return _onChange2.apply(this, arguments);
+              }
+
+              return onChange;
+            }()
+          })));
+        } else {
+          return /*#__PURE__*/React.createElement("span", {
+            style: {
+              padding: '0 10px'
+            }
+          }, record.licensePlate);
+        }
+      }
+    }, {
+      title: /*#__PURE__*/React.createElement(TitleText$2, {
+        required: true
+      }, "\u8D77\u8FD0\u5730"),
+      key: 'origin',
+      width: 150,
+      render: function render(_, record) {
+        if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index && !disableds.includes('origin') && model !== 'prefab') {
+          return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('origin', {
+            initialValue: editGood.origin,
+            rules: [{
+              required: true,
+              message: '请输入'
+            }]
+          })( /*#__PURE__*/React.createElement(Cascader$1, {
+            style: {
+              width: '100%'
+            },
+            options: area,
+            fieldNames: addressFieldNames,
+            onChange: function () {
+              var _onChange3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(value) {
+                return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                  while (1) {
+                    switch (_context3.prev = _context3.next) {
+                      case 0:
+                        _context3.next = 2;
+                        return controller.setEditFreight({
+                          origin: value
+                        });
+
+                      case 2:
+                      case "end":
+                        return _context3.stop();
+                    }
+                  }
+                }, _callee3);
+              }));
+
+              function onChange(_x2) {
+                return _onChange3.apply(this, arguments);
+              }
+
+              return onChange;
+            }()
+          })));
+        } else {
+          return /*#__PURE__*/React.createElement("span", {
+            style: {
+              padding: '0 10px'
+            }
+          }, record.origin);
+        }
+      }
+    }, {
+      title: /*#__PURE__*/React.createElement(TitleText$2, {
+        required: true
+      }, "\u5230\u8FBE\u5730"),
+      dataIndex: 'destination',
+      key: 'destination',
+      width: 149,
+      render: function render(_, record) {
+        if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index && !disableds.includes('destination') && model !== 'prefab') {
+          return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('destination', {
+            initialValue: editGood.destination,
+            rules: [{
+              required: true,
+              message: '请输入'
+            }]
+          })( /*#__PURE__*/React.createElement(Cascader$1, {
+            options: area,
+            fieldNames: addressFieldNames,
+            style: {
+              width: '100%'
+            },
+            onChange: function () {
+              var _onChange4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(value) {
+                return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+                  while (1) {
+                    switch (_context4.prev = _context4.next) {
+                      case 0:
+                        _context4.next = 2;
+                        return controller.setEditFreight({
+                          destination: value
+                        });
+
+                      case 2:
+                      case "end":
+                        return _context4.stop();
+                    }
+                  }
+                }, _callee4);
+              }));
+
+              function onChange(_x3) {
+                return _onChange4.apply(this, arguments);
+              }
+
+              return onChange;
+            }()
+          })));
+        } else {
+          return /*#__PURE__*/React.createElement("span", {
+            style: {
+              padding: '0 10px'
+            }
+          }, record.destination);
+        }
+      }
+    }, {
+      title: /*#__PURE__*/React.createElement(TitleText$2, {
+        required: true
+      }, "\u8FD0\u8F93\u8D27\u7269\u540D\u79F0"),
+      dataIndex: 'itemName',
+      key: 'itemName',
+      width: 149,
+      render: function render(_, record) {
+        if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index && !disableds.includes('itemName') && model !== 'prefab') {
+          return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('itemName', {
+            initialValue: editGood.itemName,
+            rules: [{
+              required: true,
+              message: '请输入货物名称'
+            }]
+          })( /*#__PURE__*/React.createElement(MyInput$4, {
+            maxLength: 200,
+            onChange: function () {
+              var _onChange5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+                return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+                  while (1) {
+                    switch (_context5.prev = _context5.next) {
+                      case 0:
+                        _context5.next = 2;
+                        return controller.wait();
+
+                      case 2:
+                        _context5.next = 4;
+                        return controller.setEditFreight({
+                          itemName: form.getFieldsValue().itemName
+                        });
+
+                      case 4:
+                      case "end":
+                        return _context5.stop();
+                    }
+                  }
+                }, _callee5);
+              }));
+
+              function onChange() {
+                return _onChange5.apply(this, arguments);
+              }
+
+              return onChange;
+            }()
+          })));
+        } else {
+          return /*#__PURE__*/React.createElement("span", {
+            style: {
+              padding: '0 10px'
+            }
+          }, record.itemName);
+        }
+      }
+    }] // 只读
+    .filter(function (e) {
+      if (model === 'readOnly') {
+        return e.key !== 'operating';
+      } else {
+        return true;
+      }
+    }).map(function (e) {
+      return _objectSpread2(_objectSpread2({}, e), {}, {
+        ellipsis: true
+      });
+    });
+  }, [editGood, controller, model, getVehicle]);
+  return columns;
+});
+
+var MyInput$4 = /*#__PURE__*/function (_React$Component) {
+  _inherits(MyInput, _React$Component);
+
+  var _super = _createSuper(MyInput);
+
+  function MyInput() {
+    _classCallCheck(this, MyInput);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(MyInput, [{
+    key: "render",
+    value: function render() {
+      if (this.props.loading) {
+        return /*#__PURE__*/React.createElement(Spin$1, {
+          size: "small"
+        }, /*#__PURE__*/React.createElement(Input$1, _objectSpread2(_objectSpread2({}, this.props), {}, {
+          autoComplete: "off"
+        })));
+      } else {
+        return /*#__PURE__*/React.createElement(Input$1, _objectSpread2(_objectSpread2({}, this.props), {}, {
+          autoComplete: "off"
+        }));
+      }
+    }
+  }]);
+
+  return MyInput;
+}(React.Component);
+
+var useOnRow$2 = (function () {
+  /** 控制器 */
+  var controller = Invoice.useInvoiceController();
+  var model = controller.useMemo(function (s) {
+    return s.model;
+  }, []);
+  var onClick = React.useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(record) {
+      var editGood;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(model === 'readOnly')) {
+                _context2.next = 2;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 2:
+              editGood = controller.state.freightListState.editGood;
+
+              if (!editGood) {
+                _context2.next = 14;
+                break;
+              }
+
+              if (!(editGood.$index === record.$index)) {
+                _context2.next = 6;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 6:
+              _context2.next = 8;
+              return controller.saveEditFreight();
+
+            case 8:
+              _context2.next = 10;
+              return controller.wait();
+
+            case 10:
+              _context2.next = 12;
+              return controller.pipeline( /*#__PURE__*/function () {
+                var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
+                  return _regeneratorRuntime().wrap(function _callee$(_context) {
+                    while (1) {
+                      switch (_context.prev = _context.next) {
+                        case 0:
+                          _context.t0 = s.freightListState.editGood;
+
+                          if (_context.t0) {
+                            _context.next = 4;
+                            break;
+                          }
+
+                          _context.next = 4;
+                          return controller.setEditFreight(record);
+
+                        case 4:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }
+                  }, _callee);
+                }));
+
+                return function (_x2) {
+                  return _ref2.apply(this, arguments);
+                };
+              }())();
+
+            case 12:
+              _context2.next = 16;
+              break;
+
+            case 14:
+              _context2.next = 16;
+              return controller.setEditFreight(record);
+
+            case 16:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [controller, model]);
+  return {
+    onClick: onClick
+  };
+});
+
+/**
+ * 点击组件外部 保存正在编辑的货物
+ */
+/**
+ * 点击组件外部 保存正在编辑的货物
+ */
+
+function useWindowClick$2(controller) {
+  /** 点击组件外部 保存正在编辑的货物 */
+  React.useEffect(function () {
+    var click = function click() {
+      setTimeout(controller.saveEditFreight);
+    };
+
+    window.addEventListener('click', click);
+    return function () {
+      window.removeEventListener('click', click);
+    };
+  }, [controller]);
+}
+
+var useRowSelection$2 = (function () {
+  /** 控制器 */
+  var controller = Invoice.useInvoiceController();
+  /** 列表选中的货物索引列表 */
+
+  var selectedRowKeys = controller.useMemo(function (s) {
+    return s.freightListState.selectedGoodIndex;
+  }, []);
+  /** 货物列表 */
+
+  var goodsList = controller.useMemo(function (s) {
+    return s.freightListState.goodsList;
+  }, []);
+  /** 组件模式 */
+
+  var model = controller.useMemo(function (s) {
+    return s.model;
+  }, []);
+  /** 搜索条件 */
+  // const searchValue = controller.useMemo(s => s.goodsListState.searchValue, []);
+
+  /** 是否显示选择框 */
+
+  var isShow = React.useMemo(function () {
+    if (model === 'readOnly') return false;
+    return true;
+  }, [model]);
+  /** 是否全选 */
+  // const isAll = controller.useMemo(s => s.goodsListState.goodsList.length > 0 && s.goodsListState.selectedGoodIndex.length === s.goodsListState.goodsList.length, [])
+
+  var isAll = controller.useMemo(function (s) {
+    if (s.freightListState.selectedGoodIndex.length <= 0) return false;
+    var seeGoodsIndex = s.freightListState.goodsList.map(function (e) {
+      return e.$index;
+    });
+    var selectedGoodIndex = s.freightListState.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 = s.freightListState.goodsList.map(function (e) {
+      return e.$index;
+    });
+    var selectedGoodIndex = s.freightListState.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( /*#__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;
+            }
+
+            _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 = s.freightListState.goodsList.map(function (e) {
+                          return e.$index;
+                        });
+                        s.freightListState.selectedGoodIndex = s.freightListState.selectedGoodIndex.filter(function (e) {
+                          return !seeGoodsIndex.some(function (t) {
+                            return e === t;
+                          });
+                        });
+
+                      case 2:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              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 = s.freightListState.goodsList.map(function (e) {
+                          return e.$index;
+                        });
+                        s.freightListState.selectedGoodIndex = [].concat(_toConsumableArray(s.freightListState.selectedGoodIndex), _toConsumableArray(seeGoodsIndex));
+                        s.freightListState.selectedGoodIndex = Array.from(new Set(s.freightListState.selectedGoodIndex));
+
+                      case 3:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }
+                }, _callee2);
+              }));
+
+              return function (_x2) {
+                return _ref3.apply(this, arguments);
+              };
+            }())();
+
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })), [controller, isAll]);
+  var onSelect = React.useCallback( /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(record, selected) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              if (!selected) {
+                _context6.next = 5;
+                break;
+              }
+
+              _context6.next = 3;
+              return controller.pipeline( /*#__PURE__*/function () {
+                var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(s) {
+                  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+                    while (1) {
+                      switch (_context4.prev = _context4.next) {
+                        case 0:
+                          s.freightListState.selectedGoodIndex = [].concat(_toConsumableArray(s.freightListState.selectedGoodIndex), [record.$index]);
+                          s.freightListState = _objectSpread2({}, s.freightListState);
+
+                        case 2:
+                        case "end":
+                          return _context4.stop();
+                      }
+                    }
+                  }, _callee4);
+                }));
+
+                return function (_x5) {
+                  return _ref5.apply(this, arguments);
+                };
+              }())();
+
+            case 3:
+              _context6.next = 7;
+              break;
+
+            case 5:
+              _context6.next = 7;
+              return controller.pipeline( /*#__PURE__*/function () {
+                var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(s) {
+                  return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+                    while (1) {
+                      switch (_context5.prev = _context5.next) {
+                        case 0:
+                          s.freightListState.selectedGoodIndex = s.freightListState.selectedGoodIndex.filter(function (e) {
+                            return e !== record.$index;
+                          });
+                          s.freightListState = _objectSpread2({}, s.freightListState);
+
+                        case 2:
+                        case "end":
+                          return _context5.stop();
+                      }
+                    }
+                  }, _callee5);
+                }));
+
+                return function (_x6) {
+                  return _ref6.apply(this, arguments);
+                };
+              }())();
+
+            case 7:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee6);
+    }));
+
+    return function (_x3, _x4) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [controller]);
+  var columnTitle = React.useMemo(function () {
+    return /*#__PURE__*/React.createElement(Checkbox, {
+      onChange: onClickSelectAll,
+      indeterminate: indeterminate,
+      checked: isAll
+    });
+  }, [goodsList, selectedRowKeys, onClickSelectAll, isAll, indeterminate]);
+  /** 选择了商品后 调整 折扣行 和 被折扣行 */
+
+  var sortOut = React.useCallback( /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(selected) {
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+        while (1) {
+          switch (_context8.prev = _context8.next) {
+            case 0:
+              _context8.next = 2;
+              return controller.wait();
+
+            case 2:
+              _context8.next = 4;
+              return controller.pipeline( /*#__PURE__*/function () {
+                var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(s) {
+                  return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+                    while (1) {
+                      switch (_context7.prev = _context7.next) {
+                        case 0:
+                          s.freightListState.selectedGoodIndex.forEach(function ($index) {
+                            var goods = s.freightListState.goodsMap.get($index);
+                            if (!goods) return; // 数组位置
+
+                            var t = s.freightListState.goodsList.indexOf(goods); // goods.lineAttribute === LineAttributeType.折扣行 ? t : t++;
+
+                            var i = s.goodsListState.goodsList[t].$index;
+
+                            if (selected) {
+                              if (s.freightListState.selectedGoodIndex.indexOf(i) < 0) s.freightListState.selectedGoodIndex = [].concat(_toConsumableArray(s.freightListState.selectedGoodIndex), [i]);
+                            } else {
+                              if (s.freightListState.selectedGoodIndex.indexOf(i) < 0) s.freightListState.selectedGoodIndex = s.freightListState.selectedGoodIndex.filter(function (e) {
+                                return e !== $index;
+                              });
+                            }
+                          });
+
+                        case 1:
+                        case "end":
+                          return _context7.stop();
+                      }
+                    }
+                  }, _callee7);
+                }));
+
+                return function (_x8) {
+                  return _ref8.apply(this, arguments);
+                };
+              }())();
+
+            case 4:
+            case "end":
+              return _context8.stop();
+          }
+        }
+      }, _callee8);
+    }));
+
+    return function (_x7) {
+      return _ref7.apply(this, arguments);
+    };
+  }(), [controller]); // React.useEffect(() => {
+  //     sortOut(true);
+  // }, [sortOut, goodsList])
+
+  if (isShow === false) return undefined;
+  return {
+    columnWidth: 45,
+    columnTitle: columnTitle,
+    onSelect: onSelect,
+    selectedRowKeys: selectedRowKeys
+  };
+});
+
+var useDelRowButton$2 = (function () {
+  var controller = Invoice.useInvoiceController();
+  var model = controller.useMemo(function (s) {
+    return s.model;
+  }, []);
+  var isRemRow = controller.useMemo(function (s) {
+    return s.freightListState.isRemRow;
+  }, []);
+  /** 是否禁用 */
+
+  var disabled = controller.useMemo(function (s) {
+    if (s.freightListState.selectedGoodIndex.length <= 0) return true;
+    return false;
+  }, []);
+  /** 点击了删除 */
+
+  var onClick = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var selectedGoodIndex, i;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            selectedGoodIndex = controller.state.freightListState.selectedGoodIndex.slice();
+            i = 0;
+
+          case 2:
+            if (!(i < selectedGoodIndex.length)) {
+              _context2.next = 8;
+              break;
+            }
+
+            _context2.next = 5;
+            return controller.delFreight(selectedGoodIndex[i]);
+
+          case 5:
+            i++;
+            _context2.next = 2;
+            break;
+
+          case 8:
+            _context2.next = 10;
+            return controller.run( /*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
+                return _regeneratorRuntime().wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        s.freightListState.selectedGoodIndex = [];
+
+                      case 1:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              return function (_x) {
+                return _ref2.apply(this, arguments);
+              };
+            }());
+
+          case 10:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })), []);
+  var menuItem = React.useMemo(function () {
+    if (model === 'prefab') return /*#__PURE__*/React.createElement(React.Fragment, null);
+    if (model === 'readOnly') return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return /*#__PURE__*/React.createElement(Menu$1.Item, {
+      key: "1",
+      onClick: onClick,
+      disabled: disabled
+    }, " \u5220\u9664\u884C ");
+  }, [model, onClick, disabled]);
+  var button = React.useMemo(function () {
+    if (isRemRow === false) return /*#__PURE__*/React.createElement(React.Fragment, null);
+    if (model === 'prefab') return /*#__PURE__*/React.createElement(React.Fragment, null);
+    if (model === 'readOnly') return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return /*#__PURE__*/React.createElement(Button$1, {
+      size: 'small',
+      onClick: onClick,
+      disabled: disabled
+    }, "\u5220\u9664");
+  }, [model, onClick, disabled, isRemRow]);
+  return {
+    button: button,
+    menuItem: menuItem
+  };
+});
+
+var css_248z$v = ".kts-invoice-operate-freight {\n  border-bottom: 2px solid #9F613E;\n  border-left: 2px solid #9F613E;\n  border-right: 2px solid #9F613E;\n}\n.kts-invoice-operate-freight .real-estate-info-digtal-label {\n  padding: 20px 20px 0;\n  color: #9F613E;\n  font-weight: bold;\n}\n.kts-invoice-operate-freight .ktsAnt3x-row.ktsAnt3x-form-item {\n  margin-bottom: 0;\n}\n.kts-invoice-operate-goods-list-digtal .goods-list-digtal-discount-tag {\n  display: inline-block;\n  height: 20px;\n  line-height: 20px;\n  border: 1px solid;\n  padding: 0 5px;\n  border-radius: 4px;\n}\n.kts-invoice-operate-goods-list-digtal .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list-digtal .kts-invoice-operate-goods-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 2px solid #9F613E;\n  gap: 10px;\n  align-items: center;\n  height: 48px;\n}\n.kts-invoice-operate-goods-list-digtal .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-be-discount .ktsAntX-table-cell {\n  color: #f00;\n}\n.kts-invoice-operate-goods-list-table-digtal .ktsAnt3x-form-item-control.has-error {\n  border: 1px solid #f00;\n}\n.kts-invoice-operate-goods-list-table-digtal .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-digtal .kts-invoice-operate-goods-list-table-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n";
+styleInject(css_248z$v);
+
+var FreightList = /*#__PURE__*/function (_React$Component) {
+  _inherits(FreightList, _React$Component);
+
+  var _super = _createSuper(FreightList);
+
+  function FreightList() {
+    _classCallCheck(this, FreightList);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(FreightList, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(Main$4, _objectSpread2({}, this.props));
+    }
+  }]);
+
+  return FreightList;
+}(React.Component);
+var Main$4 = decorator(Form.create())(function (props) {
+  var form = props.form;
+  /** 控制器 */
+
+  var controller = Invoice.useInvoiceController();
+  var goodsList = controller.useMemo(function (s) {
+    return s.freightListState.goodsList;
+  }, []);
+  /** 货物列表 */
+
+  var dataSource = controller.useMemo(function (s) {
+    return s.freightListState.goodsList;
+  }, []);
+  /** 表格行事件 */
+
+  var _onRow = useOnRow$2();
+  /** 批量删除 */
+
+
+  var delRowButton = useDelRowButton$2();
+  useWindowClick$2(controller); // 点击组件外部 保存正在编辑的货物
+
+  /** 注册 from 对象 */
+
+  React.useEffect(function () {
+    controller.pipeline( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s, form) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                s.freightListState = _objectSpread2(_objectSpread2({}, s.freightListState), {}, {
+                  form: form
+                });
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x, _x2) {
+        return _ref.apply(this, arguments);
+      };
+    }())(props.form);
+  }, [controller, props.form]); // 跟新 货物
+
+  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.freightListState.goodsMap = new Map();
+                goodsList.forEach(function (e) {
+                  s.freightListState.goodsMap.set(e.$index, e);
+                });
+
+              case 2:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function (_x3) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+  }, [controller, goodsList]);
+  /** props 产品最大数 更新 */
+
+  React.useEffect(function () {
+    controller.pipeline( /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(s) {
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                s.freightListState.goodMax = props.goodMax;
+
+              case 1:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3);
+      }));
+
+      return function (_x4) {
+        return _ref3.apply(this, arguments);
+      };
+    }())();
+  }, [controller, props.goodMax]); // 注册 form
+  //  controller.useForm('freightInfo', form);
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "kts-invoice-operate-freight"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'real-estate-info-digtal-label'
+  }, "\u7279\u6B8A\u4FE1\u606F-\u5EFA\u7B51\u670D\u52A1"), /*#__PURE__*/React.createElement("div", {
+    className: "kts-invoice-operate-goods-list-digtal",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "kts-invoice-operate-goods-list-able"
+  }, /*#__PURE__*/React.createElement(AddRowButton$2, null), delRowButton.button, /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classnames('kts-invoice-operate-goods-list-table-digtal')
+  }, /*#__PURE__*/React.createElement(TableVirtual$2, {
+    size: "small",
+    rowKey: "$index",
+    pagination: false,
+    scroll: {
+      y: 280
+    },
+    components: {
+      body: {
+        row: TableRow$2
+      }
+    },
+    dataSource: dataSource,
+    columns: useColumns$2(props.form),
+    rowSelection: useRowSelection$2(),
+    onRow: function onRow(record) {
+      return {
+        onClick: function onClick() {
+          _onRow.onClick(record);
+        }
+      };
+    }
+  }))));
+});
+
+var ImportBuyerDrawer = (function () {
+  var controller = Invoice.useInvoiceController();
+  var visible = controller.useMemo(function (s) {
+    return s.buyerState.isVisibleDrawer;
+  }, []);
+  var topExpand = controller.useMemo(function (s) {
+    return s.buyerState.topExpand;
+  }, []); // controller.pipeline(async s=>s.goodsListState.isTaxIncluded = true)()
+
+  var onClose = React.useCallback(function () {
+    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.buyerState.isVisibleDrawer = false;
 
               case 1:
@@ -24488,8 +26139,8 @@ var getItemCode = function getItemCode(record, editGood) {
   return record.productCode;
 };
 
-var css_248z$t = ".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$t);
+var css_248z$w = ".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$w);
 
 var TreeNode = Tree.TreeNode;
 var confirm = Modal$1.confirm;
@@ -25736,7 +27387,7 @@ var Invoice = /*#__PURE__*/function (_React$PureComponent) {
       if (this.props.invoiceType === 'digtal') {
         return /*#__PURE__*/React.createElement(Digtal, _objectSpread2({}, this.props));
       } else {
-        return /*#__PURE__*/React.createElement(Main$4, _objectSpread2({}, this.props));
+        return /*#__PURE__*/React.createElement(Main$5, _objectSpread2({}, this.props));
       }
     }
   }]);
@@ -25758,6 +27409,7 @@ Invoice.StakeFarmerholder = StakeFarmerholder;
 Invoice.SignDigtal = SignDigtal;
 Invoice.RealEstateInfo = RealEstateInfo;
 Invoice.Architecture = Architecture;
+Invoice.FreightList = FreightList;
 Invoice.GoodsListDigtal = GoodsList$1;
 Invoice.idGenerator = idGenerator;
 Invoice.calculator = calculator;
@@ -25767,7 +27419,7 @@ Invoice.useInvoiceController = function () {
   return React.useContext(InvoiceContext);
 };
 
-var Main$4 = function Main(props) {
+var Main$5 = function Main(props) {
   var controller = React.useMemo(function () {
     return props.controller || new InvoiceController();
   }, [props.controller]);
@@ -25875,8 +27527,8 @@ var Digtal = function Digtal(props) {
   ), /*#__PURE__*/React.createElement(ImportGoodsDrawer, null), /*#__PURE__*/React.createElement(EndowCodeDrawer, null));
 };
 
-var css_248z$u = ".taxdetailsbox {\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: row;\n}\n.taxdetailsbox .taxrightbox {\n  width: 340px;\n  position: absolute;\n  right: 30px;\n}\n";
-styleInject(css_248z$u);
+var css_248z$x = ".taxdetailsbox {\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: row;\n}\n.taxdetailsbox .taxrightbox {\n  width: 340px;\n  position: absolute;\n  right: 30px;\n}\n";
+styleInject(css_248z$x);
 
 function TaxClassificationModal(props) {
   var _props$info2, _props$info3;