kts-component-invoice-operate 3.2.153 → 3.2.154

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

@@ -2,6 +2,8 @@ import LineAttributeType from '../LineAttributeType';
 export default interface IGood {
     /** 数据索引 */
     $index: string;
+    /** 级别 */
+    level?: number;
     /** 序号 */
     serialNo?: number;
     /** 折扣组 uuid */
@@ -50,4 +52,6 @@ export default interface IGood {
     favouredPolicyName?: string;
     /** 税收分类名称 */
     productName?: string;
+    /** 孩子 */
+    children?: IGood[];
 }

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

@@ -55,6 +55,8 @@ export default class GoodsListState {
     goodsList: IGood[];
     /** 货物字典 */
     goodsMap: Map<string, IGood>;
+    /** 子级展开的货物 */
+    expandedRowKeys: string[];
     /** 货物菜单扩展 */
     goodsMenuExpand: ((index: string, controller: InvoiceController) => React.ReactNode)[];
     /** 金额含税(受控，输入后不再自动计算) */

package/dist/Invoice/_test/children/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import 'antd/dist/antd.css';
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/Invoice/ui/default/GoodsList/hook/useColumns/ui/Expand/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IGood } from '../../../../../../../..';
+export interface IExpandProps {
+    record: IGood;
+}
+export default function Expand(props: IExpandProps): JSX.Element;

package/dist/Invoice/ui/default/GoodsList/hook/useRowSelection/index.d.ts

@@ -4,5 +4,11 @@ declare const _default: () => {
     columnTitle: JSX.Element;
     onSelect: (record: any, selected: any) => Promise<void>;
     selectedRowKeys: string[];
+    getCheckboxProps: (record: any) => {
+        disabled: boolean;
+        style: {
+            display: string;
+        } | undefined;
+    };
 };
 export default _default;

package/dist/index.esm.js

@@ -4,7 +4,7 @@ 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, Dropdown as Dropdown$1, Row, Col, Button as Button$1, 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 } from 'kts-xui';
+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 } from 'kts-xui';
 import classNames from 'classnames';
 import { Table } from 'kts-components-antd-x4-v4';
 import { render } from 'react-dom';
@@ -1110,6 +1110,7 @@ var GoodsListState = /*#__PURE__*/_createClass(function GoodsListState() {
   this.searchValue = '';
   this.goodsList = [];
   this.goodsMap = new Map();
+  this.expandedRowKeys = [];
   this.goodsMenuExpand = [];
   this.amountIncludeTax = void 0;
   this.amountExcludeTax = void 0;
@@ -10047,7 +10048,12 @@ var css_248z$2 = ".kts-invoice-operate-goods-table-virtual .ktsAntX-table-body {
 styleInject(css_248z$2);
 
 function TableVirtual (props) {
-  var _props$dataSource2;
+  var _props$dataSource;
+
+  var controller = Invoice.useInvoiceController();
+  var expandedRowKeys = controller.useMemo(function (s) {
+    return s.goodsListState.expandedRowKeys;
+  }, []);
 
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -10086,14 +10092,39 @@ function TableVirtual (props) {
     }
 
     return placeholder;
-  }, [self, tableBody]); // 设置占位dom的搞
+  }, [self, tableBody]);
+  /** 处理扩展行 */
+
+  var goodsList = React.useMemo(function () {
+    if (!props.dataSource) return [];
+    var gl = props.dataSource.map(function (e) {
+      return _objectSpread2(_objectSpread2({}, e), {}, {
+        level: 0
+      });
+    });
+
+    for (var i = 0; i < gl.length; i++) {
+      var e = gl[i];
+
+      if (expandedRowKeys.includes(e.$index) && e.children) {
+        var c = e.children.map(function (t) {
+          return _objectSpread2(_objectSpread2({}, t), {}, {
+            level: 1
+          });
+        });
+        gl.splice.apply(gl, [i + 1, 0].concat(_toConsumableArray(c)));
+      }
+    }
+
+    return gl;
+  }, [props.dataSource, expandedRowKeys]); // 设置占位dom的搞
 
   var placeholderHeight = React.useMemo(function () {
-    if (!self || !rowHeight || !props.dataSource || !placeholder) return;
-    var placeholderHeight = rowHeight * props.dataSource.length;
+    if (!self || !rowHeight || !goodsList || !placeholder) return;
+    var placeholderHeight = rowHeight * goodsList.length;
     placeholder.style.height = "".concat(placeholderHeight, "px");
     return placeholderHeight;
-  }, [self, rowHeight, props.dataSource, placeholder]);
+  }, [self, rowHeight, goodsList, placeholder]);
   /** 可以容纳的行数 */
 
   var rowSize = React.useMemo(function () {
@@ -10102,20 +10133,17 @@ function TableVirtual (props) {
   }, [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]); // 监听滚动
+    if (goodsList.length < 10) return goodsList;
+    if (!rowSize) return [goodsList[0]];
+    return goodsList === null || goodsList === void 0 ? void 0 : goodsList.slice(pointer, pointer + 2 * rowSize);
+  }, [pointer, rowSize, goodsList]); // 监听滚动
 
   React.useEffect(function () {
-    if (!self || !placeholder || !props.dataSource || !rowHeight || !tableBody) return;
+    if (!self || !placeholder || !goodsList || !rowHeight || !tableBody) return;
 
     var onScroll = function onScroll() {
-      if (!props.dataSource || !tableBody) return;
-      setPointer(Math.floor((props.dataSource.length - rowSize) * (tableBody.scrollTop / (placeholder.clientHeight - tableBody.clientHeight))));
+      if (!goodsList || !tableBody) return;
+      setPointer(Math.floor((goodsList.length - rowSize) * (tableBody.scrollTop / (placeholder.clientHeight - tableBody.clientHeight))));
     };
 
     onScroll();
@@ -10123,7 +10151,7 @@ function TableVirtual (props) {
     return function () {
       tableBody.removeEventListener('scroll', onScroll);
     };
-  }, [self, placeholder, props.dataSource, rowHeight, rowSize]); // 移动列表
+  }, [self, placeholder, goodsList, rowHeight, rowSize]); // 移动列表
 
   React.useEffect(function () {
     if (!self) return;
@@ -10136,7 +10164,8 @@ function TableVirtual (props) {
     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]);
+  }, [(_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.length]);
+  console.log('===> pointer', pointer, dataSource);
   return /*#__PURE__*/React.createElement("span", {
     className: "kts-invoice-operate-goods-table-virtual",
     ref: function ref(e) {
@@ -11151,6 +11180,10 @@ var RowMenu = (function (props) {
     }));
   }, [itemList]);
 
+  if (props.goods.level && props.goods.level > 0) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
   if (itemList.length === 0) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
@@ -13009,6 +13042,129 @@ function DragDiv(props) {
   }, /*#__PURE__*/React.createElement("span", null, props.itemName), /*#__PURE__*/React.createElement("span", null, props.itemModelName), /*#__PURE__*/React.createElement("span", null, props.unit));
 }
 
+var _path$4, _path2$1, _path3$1;
+
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+
+function SvgI001$1(props) {
+  return /*#__PURE__*/createElement("svg", _extends$4({
+    className: "I001_svg__icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 200,
+    height: 200
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/createElement("path", {
+    d: "M879.973 997.088H146.455c-67.235 0-122.213-54.978-122.213-122.213V141.236c0-67.235 54.978-122.212 122.213-122.212h733.639c67.235 0 122.212 54.977 122.212 122.212v733.64c0 67.113-54.977 122.212-122.333 122.212zM146.455 80.069c-36.652 0-61.167 24.394-61.167 61.167v733.64c0 36.65 24.394 61.166 61.167 61.166h733.639c36.651 0 61.167-24.394 61.167-61.167V141.236c0-36.651-24.394-61.167-61.167-61.167h-733.64zm0 0"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/createElement("path", {
+    d: "M757.76 538.578H268.667c-18.326 0-30.583-12.257-30.583-30.583s12.257-30.583 30.583-30.583H757.76c18.326 0 30.583 12.257 30.583 30.583s-12.257 30.583-30.583 30.583zm0 0"
+  })), _path3$1 || (_path3$1 = /*#__PURE__*/createElement("path", {
+    d: "M513.214 783.125c-18.326 0-30.584-12.258-30.584-30.584V263.45c0-18.326 12.258-30.584 30.584-30.584s30.583 12.258 30.583 30.584V752.54c0 18.326-12.258 30.584-30.583 30.584zm0 0"
+  })));
+}
+
+var _path$5, _path2$2;
+
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+
+function SvgI002(props) {
+  return /*#__PURE__*/createElement("svg", _extends$5({
+    className: "I002_svg__icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 200,
+    height: 200
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/createElement("path", {
+    d: "M879.973 997.088H146.455c-67.235 0-122.213-54.978-122.213-122.213V141.236c0-67.235 54.978-122.212 122.213-122.212h733.639c67.235 0 122.212 54.977 122.212 122.212v733.64c0 67.113-54.977 122.212-122.333 122.212zM146.455 80.069c-36.652 0-61.167 24.394-61.167 61.167v733.64c0 36.65 24.394 61.166 61.167 61.166h733.639c36.651 0 61.167-24.394 61.167-61.167V141.236c0-36.651-24.394-61.167-61.167-61.167h-733.64zm0 0"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/createElement("path", {
+    d: "M757.76 538.578H268.667c-18.326 0-30.583-12.257-30.583-30.583s12.257-30.583 30.583-30.583H757.76c18.326 0 30.583 12.257 30.583 30.583s-12.257 30.583-30.583 30.583zm0 0"
+  })));
+}
+
+function Expand(props) {
+  var _goodsMap$get;
+
+  var record = props.record;
+  var controller = Invoice.useInvoiceController();
+  var goodsMap = controller.useMemo(function (s) {
+    return s.goodsListState.goodsMap;
+  }, []);
+  var expandedRowKeys = controller.useMemo(function (s) {
+    return s.goodsListState.expandedRowKeys;
+  }, []);
+
+  if ((_goodsMap$get = goodsMap.get(record.$index)) === null || _goodsMap$get === void 0 ? void 0 : _goodsMap$get.children) {
+    if (expandedRowKeys.includes(record.$index)) {
+      return /*#__PURE__*/React.createElement(Button$1, {
+        type: 'text',
+        style: {
+          width: 'auto',
+          color: "#0074ff"
+        },
+        icon: /*#__PURE__*/React.createElement(Icon, {
+          component: SvgI002
+        }),
+        onClick: 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:
+                    e === null || e === void 0 ? void 0 : e.stopPropagation();
+                    s.goodsListState.expandedRowKeys = s.goodsListState.expandedRowKeys.filter(function (e) {
+                      return e !== record.$index;
+                    });
+
+                  case 2:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
+
+          return function (_x, _x2) {
+            return _ref.apply(this, arguments);
+          };
+        }())
+      });
+    } else {
+      return /*#__PURE__*/React.createElement(Button$1, {
+        type: 'text',
+        style: {
+          width: 'auto',
+          color: "#0074ff"
+        },
+        icon: /*#__PURE__*/React.createElement(Icon, {
+          component: SvgI001$1
+        }),
+        onClick: controller.pipeline( /*#__PURE__*/function () {
+          var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(s, e) {
+            return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+              while (1) {
+                switch (_context2.prev = _context2.next) {
+                  case 0:
+                    e === null || e === void 0 ? void 0 : e.stopPropagation();
+                    s.goodsListState.expandedRowKeys = [].concat(_toConsumableArray(s.goodsListState.expandedRowKeys), [record.$index]);
+
+                  case 2:
+                  case "end":
+                    return _context2.stop();
+                }
+              }
+            }, _callee2);
+          }));
+
+          return function (_x3, _x4) {
+            return _ref2.apply(this, arguments);
+          };
+        }())
+      });
+    }
+  } else {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+}
+
 var useColumns = (function (form) {
   var getFieldDecorator = form.getFieldDecorator,
       getFieldValue = form.getFieldValue;
@@ -13046,6 +13202,11 @@ var useColumns = (function (form) {
   var editGood = controller.useMemo(function (e) {
     return e.goodsListState.editGood;
   }, []);
+  /** 正在编辑的货物 */
+
+  var goodsList = controller.useMemo(function (e) {
+    return e.goodsListState.goodsList;
+  }, []);
   /** 商品表格隐藏列 */
 
   var columnshide = controller.useMemo(function (e) {
@@ -13139,6 +13300,16 @@ var useColumns = (function (form) {
           record: record
         });
       }
+    }, {
+      title: ' ',
+      key: 'expand',
+      width: 40,
+      align: 'center',
+      render: function render(_, record) {
+        return /*#__PURE__*/React.createElement(Expand, {
+          record: record
+        });
+      }
     }, {
       title: '序号',
       key: 'serialNo',
@@ -13949,6 +14120,11 @@ var useColumns = (function (form) {
     }) // 是否启动拖拽
     .filter(function (e) {
       return e.key !== 'drag' || isStart;
+    }) // 是否启动展开
+    .filter(function (e) {
+      return e.key === 'expand' ? goodsList.some(function (e) {
+        return !!e.children;
+      }) : true;
     }) // 只读
     .filter(function (e) {
       if (model === 'readOnly') {
@@ -13961,7 +14137,7 @@ var useColumns = (function (form) {
         ellipsis: true
       });
     });
-  }, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model, columnsReplenish, columnshide, isStart]);
+  }, [isTaxIncluded, editGood, goodsList, controller, changeField, deduction, isMyShow, searchValue, model, columnsReplenish, columnshide, isStart]);
   return columns;
 });
 /** 字段 */
@@ -14168,7 +14344,7 @@ var useOnRow = (function () {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              if (!(model === 'readOnly')) {
+              if (!(record.level && record.level > 0)) {
                 _context2.next = 2;
                 break;
               }
@@ -14176,38 +14352,46 @@ var useOnRow = (function () {
               return _context2.abrupt("return");
 
             case 2:
+              if (!(model === 'readOnly')) {
+                _context2.next = 4;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 4:
               editGood = controller.state.goodsListState.editGood;
 
               if (!(record.lineAttribute !== LineAttributeType$1.正常)) {
-                _context2.next = 5;
+                _context2.next = 7;
                 break;
               }
 
               return _context2.abrupt("return");
 
-            case 5:
+            case 7:
               if (!editGood) {
-                _context2.next = 16;
+                _context2.next = 18;
                 break;
               }
 
               if (!(editGood.$index === record.$index)) {
-                _context2.next = 8;
+                _context2.next = 10;
                 break;
               }
 
               return _context2.abrupt("return");
 
-            case 8:
-              _context2.next = 10;
-              return controller.saveEditGood();
-
             case 10:
               _context2.next = 12;
-              return controller.wait();
+              return controller.saveEditGood();
 
             case 12:
               _context2.next = 14;
+              return controller.wait();
+
+            case 14:
+              _context2.next = 16;
               return controller.pipeline( /*#__PURE__*/function () {
                 var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
                   return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -14237,15 +14421,15 @@ var useOnRow = (function () {
                 };
               }())();
 
-            case 14:
-              _context2.next = 18;
+            case 16:
+              _context2.next = 20;
               break;
 
-            case 16:
-              _context2.next = 18;
+            case 18:
+              _context2.next = 20;
               return controller.setEditGood(record);
 
-            case 18:
+            case 20:
             case "end":
               return _context2.stop();
           }
@@ -14623,11 +14807,20 @@ var useRowSelection = (function () {
     columnWidth: 45,
     columnTitle: columnTitle,
     onSelect: onSelect,
-    selectedRowKeys: selectedRowKeys
+    selectedRowKeys: selectedRowKeys,
+    getCheckboxProps: function getCheckboxProps(record) {
+      console.log('===> getCheckboxProps', record, record.level);
+      return {
+        disabled: record.level > 0,
+        style: record.level > 0 ? {
+          display: 'none'
+        } : undefined
+      };
+    }
   };
 });
 
-var css_248z$a = ".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 .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-be-discount .ktsAntX-table-cell,\n.kts-invoice-operate-goods-list .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-discount .ktsAntX-table-cell {\n  background: #f5f5f5;\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 .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner::after {\n  width: 5px;\n  height: 10px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-item-control.has-error {\n  border: 1px solid #f00;\n}\n";
+var css_248z$a = ".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 .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-be-discount .ktsAntX-table-cell,\n.kts-invoice-operate-goods-list .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-discount .ktsAntX-table-cell {\n  background: #f5f5f5;\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 .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner::after {\n  width: 5px;\n  height: 10px;\n}\n.kts-invoice-operate-goods-list-table .ktsAntX-table-row-indent + .ktsAntX-table-row-expand-icon {\n  display: none;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-item-control.has-error {\n  border: 1px solid #f00;\n}\n";
 styleInject(css_248z$a);
 
 var keys$1 = {};
@@ -16818,42 +17011,42 @@ var Tag = /*#__PURE__*/function (_React$Component2) {
   return Tag;
 }(React.Component);
 
-var _path$4;
+var _path$6;
 
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
 
 function SvgArrowUp(props) {
-  return /*#__PURE__*/createElement("svg", _extends$4({
+  return /*#__PURE__*/createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
     width: 13,
     height: 13,
     fill: "none"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/createElement("path", {
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/createElement("path", {
     d: "M9.557 8.573a.338.338 0 01-.252-.114L6.508 5.367 3.711 8.46a.333.333 0 01-.497.005.404.404 0 01-.005-.538l3.048-3.37a.339.339 0 01.251-.114c.095 0 .185.041.252.114l3.048 3.37a.404.404 0 01-.005.538.337.337 0 01-.246.11z"
   })));
 }
 
-var _path$5;
+var _path$7;
 
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 
 function SvgArrowDown(props) {
-  return /*#__PURE__*/createElement("svg", _extends$5({
+  return /*#__PURE__*/createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 13,
     fill: "none"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/createElement("path", {
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/createElement("path", {
     d: "M2.943 4.427c.092 0 .183.038.252.114l2.797 3.092L8.789 4.54a.333.333 0 01.497-.005.404.404 0 01.005.538l-3.048 3.37a.339.339 0 01-.251.114.339.339 0 01-.252-.114l-3.048-3.37a.404.404 0 01.005-.538.337.337 0 01.246-.11z"
   })));
 }
 
 var _g, _defs$2;
 
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 
 function SvgPlus(props) {
-  return /*#__PURE__*/createElement("svg", _extends$6({
+  return /*#__PURE__*/createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 15,
@@ -17633,10 +17826,10 @@ function TableVirtual$1 (props) {
 
 var _g$1, _defs$3;
 
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 
 function SvgFork(props) {
-  return /*#__PURE__*/createElement("svg", _extends$7({
+  return /*#__PURE__*/createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
@@ -19240,18 +19433,18 @@ var TaxIncludedSwitch$1 = (function () {
   }));
 });
 
-var _path$6;
+var _path$8;
 
-function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
 
 function SvgMagnifier$1(props) {
-  return /*#__PURE__*/createElement("svg", _extends$8({
+  return /*#__PURE__*/createElement("svg", _extends$a({
     className: "magnifier_svg__icon",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg",
     width: 200,
     height: 200
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/createElement("path", {
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/createElement("path", {
     d: "M985.781 918.594L820.773 765.526c27.373-32.973 49.655-69.577 66.437-109.258 22.933-54.219 34.56-111.795 34.56-171.13 0-59.333-11.627-116.91-34.56-171.13-22.143-52.354-53.838-99.365-94.2-139.729s-87.377-72.056-139.73-94.199c-54.219-22.933-111.795-34.561-171.13-34.561S365.24 57.148 311.022 80.08c-52.354 22.143-99.365 53.837-139.73 94.2s-72.057 87.375-94.2 139.73c-22.932 54.218-34.56 111.795-34.56 171.13 0 59.334 11.628 116.91 34.56 171.129 22.144 52.354 53.838 99.365 94.2 139.729s87.376 72.057 139.73 94.2c54.219 22.933 111.795 34.56 171.13 34.56s116.91-11.627 171.13-34.56c45.352-19.181 86.686-45.543 123.171-78.487l165.803 153.804a31.886 31.886 0 0021.756 8.54c8.593 0 17.163-3.442 23.467-10.238 12.019-12.956 11.26-33.205-1.698-45.223zm-503.63-57.836c-207.117 0-375.62-168.502-375.62-375.62 0-207.117 168.503-375.62 375.62-375.62s375.62 168.503 375.62 375.62c0 207.118-168.503 375.62-375.62 375.62z"
   })));
 }
@@ -19401,10 +19594,10 @@ function TableRow$1(props) {
 
 var _g$2, _defs$4;
 
-function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
+function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
 
 function SvgPlus$1(props) {
-  return /*#__PURE__*/createElement("svg", _extends$9({
+  return /*#__PURE__*/createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 15
@@ -19649,18 +19842,18 @@ function ItemNameInput$1(props) {
   })));
 }
 
-var _path$7;
+var _path$9;
 
-function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
 
-function SvgI001$1(props) {
-  return /*#__PURE__*/createElement("svg", _extends$a({
+function SvgI001$2(props) {
+  return /*#__PURE__*/createElement("svg", _extends$c({
     className: "I001_svg__icon",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg",
     width: 200,
     height: 200
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/createElement("path", {
+  }, props), _path$9 || (_path$9 = /*#__PURE__*/createElement("path", {
     d: "M304.874-5.815h123.758v123.758H304.874V-5.815zm281.277 0H709.91v123.758H586.151V-5.815zM304.874 286.75h123.758v123.758H304.874V286.75zm281.277 0H709.91v123.758H586.151V286.75zM304.874 579.212h123.758V702.97H304.874V579.212zm281.277 0H709.91V702.97H586.151V579.212zM304.874 871.83h123.758v123.758H304.874V871.83zm281.277 0H709.91v123.758H586.151V871.83z"
   })));
 }
@@ -19961,7 +20154,7 @@ function Drag$2(props) {
       className: "kts-invoice-operate-goods-list-itemName-drag",
       onMouseOver: controller.saveEditGood
     }, /*#__PURE__*/React.createElement(Icon, {
-      component: SvgI001$1
+      component: SvgI001$2
     }));
   }, [onMouseDown, controller]);