kts-component-invoice-operate 3.0.22 → 3.1.0

package/dist/Invoice/ui/GoodsList/ui/TableVirtual/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { TableProps } from 'kts-components-antd-x3/lib/table/interface';
+import { TableProps } from "kts-xui";
 import './index.less';
-export default function <T = any>(props: TableProps<T>): JSX.Element;
+export default function <T extends object = any>(props: TableProps<T>): JSX.Element;

package/dist/Invoice/ui/GoodsList/ui/TableVirtual.o/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableProps } from 'kts-components-antd-x3/lib/table/interface';
+import './index.less';
+export default function <T = any>(props: TableProps<T>): JSX.Element;

package/dist/index.esm.js

@@ -2,12 +2,12 @@ import 'kts-components-antd-x3/dist/kts-components-antd-x3.css';
 import React, { createElement } from 'react';
 import GreyReactBox, { decorator } from 'grey-react-box';
 import { chain as chain$1, bignumber, create, all } from 'mathjs';
-import { message, Form, Input, Icon, Tag, Select, Table, Button, Switch, Tooltip, Typography, Menu, Dropdown, AutoComplete, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover, Tree, Modal, Row, Col } from 'kts-components-antd-x3';
+import { message, Form, Input, Icon, Tag, Select, Button, Switch, Tooltip, Typography, Menu, Dropdown, AutoComplete, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover, Table, Tree, Modal, Row, Col } from 'kts-components-antd-x3';
 import { v4 } from 'uuid';
 import classnames from 'classnames';
+import { TableManual, Form as Form$1, Drawer as Drawer$1 } from 'kts-xui';
 import { Input as Input$1, NumberPicker } from '@formily/antd-components';
 import { createAsyncFormActions, FormEffectHooks, SchemaForm, FormButtonGroup, SchemaMarkupField } from '@formily/antd';
-import { Form as Form$1, Drawer as Drawer$1 } from 'kts-xui';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -1839,10 +1839,12 @@ var FormSpanString = /*#__PURE__*/function (_React$Component) {
 //   }
 // }
 
-var css_248z$2 = ".kts-invoice-operate-goods-table-virtual .ktsAnt3x-table-placeholder {\n  position: absolute;\n  top: 50px;\n  left: 0;\n  width: 100%;\n  border: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table {\n  font-size: 12px;\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-content {\n  border-right: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body {\n  margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table {\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-bottom: 1px solid #e8e8e8;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table tr {\n  height: 32px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table tr:hover td {\n  background: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-thead > tr {\n  background-color: #f6f7f9;\n}\n";
+var css_248z$2 = ".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$2);
 
 function TableVirtual (props) {
+  var _props$dataSource2;
+
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       self = _React$useState2[0],
@@ -1850,7 +1852,7 @@ function TableVirtual (props) {
 
   var tableBody = React.useMemo(function () {
     if (!self) return;
-    return self.querySelector('.ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body');
+    return self.querySelector('.ktsAntX-table-body');
   }, [self]);
   /** 显示指针 */
 
@@ -1863,7 +1865,7 @@ function TableVirtual (props) {
 
   var rowHeight = React.useMemo(function () {
     if (!self) return 33;
-    var td = self.querySelector('.ktsAnt3x-table-tbody td');
+    var td = self.querySelector('.ktsAntX-table-tbody .ktsAntX-table-row');
     if (!td) return 33;
     return td.clientHeight;
   }, [self, props.dataSource]);
@@ -1921,16 +1923,22 @@ function TableVirtual (props) {
 
   React.useEffect(function () {
     if (!self) return;
-    var table = self.querySelector('.ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table');
+    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 React.createElement("span", {
     className: "kts-invoice-operate-goods-table-virtual",
     ref: function ref(e) {
       setSelf(e);
     }
-  }, React.createElement(Table, _objectSpread2(_objectSpread2({}, props), {}, {
+  }, React.createElement(TableManual, _objectSpread2(_objectSpread2({}, props), {}, {
     dataSource: dataSource
   })));
 }
@@ -2028,13 +2036,27 @@ var Statistics = (function () {
     }
   }, React.createElement("label", null, "\u5408\u8BA1")), React.createElement("div", {
     style: {
-      width: 119 + 70
+      width: 119,
+      textAlign: 'right',
+      border: 'none'
     }
   }, React.createElement("label", null, parseFloat(isTaxIncluded ? lineAmountIncludeTax : lineAmountExcludeTax).toFixed(2))), React.createElement("div", {
     style: {
-      width: 119 + 50 + 1
+      width: 70,
+      border: 'none'
     }
-  }, React.createElement("label", null, parseFloat(taxAmount).toFixed(2)))), React.createElement("div", {
+  }), React.createElement("div", {
+    style: {
+      width: 119,
+      textAlign: 'right',
+      border: 'none'
+    }
+  }, React.createElement("label", null, parseFloat(taxAmount).toFixed(2))), React.createElement("div", {
+    style: {
+      width: 111,
+      border: 'none'
+    }
+  })), React.createElement("div", {
     className: "kts-invoice-operate-goods-list-statistics-row"
   }, React.createElement("div", {
     style: {
@@ -2042,24 +2064,17 @@ var Statistics = (function () {
     }
   }), React.createElement("div", {
     style: {
-      flex: 4,
+      flex: 5,
       border: 'none'
     }
   }, React.createElement("label", null, "\u4EF7\u7A0E\u5408\u8BA1\uFF08\u5927\u5199\uFF09"), React.createElement("label", null, nzhcn.toMoney(lineAmountIncludeTax, {
     outSymbol: false
   }))), React.createElement("div", {
     style: {
-      flex: 1,
-      border: 'none',
-      textAlign: 'right'
-    }
-  }, React.createElement("label", null, "\uFF08\u5C0F\u5199\uFF09")), React.createElement("div", {
-    style: {
-      flex: 'none',
-      width: 359,
+      flex: 5,
       border: 'none'
     }
-  }, React.createElement("label", null, parseFloat(lineAmountIncludeTax).toFixed(2)))));
+  }, React.createElement("label", null, "\uFF08\u5C0F\u5199\uFF09 ", parseFloat(lineAmountIncludeTax).toFixed(2)))));
 });
 
 var AddRowButton = (function () {
@@ -10364,7 +10379,8 @@ var useColumns = (function (form) {
       title: '操作',
       key: 'operating',
       align: 'right',
-      width: 110,
+      width: 130,
+      fixed: 'right',
       render: function render(_value, record) {
         return React.createElement(RowMenu, {
           key: record.lineAttribute,
@@ -11047,7 +11063,7 @@ var useRowSelection = (function () {
   };
 });
 
-var css_248z$7 = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n  flex: 1;\n  display: flex;\n  gap: 10px;\n  padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n  padding-left: 10px;\n  padding-right: 10px;\n  border-radius: 12px;\n  color: #0074ff;\n  border: 1px solid #0074ff;\n  height: 24px;\n  line-height: 22px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n  color: rgba(0, 0, 0, 0.25);\n  border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n  flex: none;\n  display: flex;\n  gap: 5px;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table {\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-be-discount,\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-discount {\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-be-discount {\n  color: #D9001B;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import {\n  display: flex;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import .ktsAnt3x-btn {\n  display: block;\n  line-height: 0;\n  width: auto;\n  padding-right: 5px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-item-children {\n  height: 30px;\n  display: block;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-table-body {\n  height: 263px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-explain {\n  position: absolute;\n  right: 6px;\n  top: 6px;\n}\n.kts-invoice-operate-goods-list-table table {\n  border-bottom: 1px solid #d9d9d9 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td {\n  padding: 0 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item {\n  padding: 0;\n  margin: 0;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item .ktsAnt3x-form-item-control {\n  line-height: inherit;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-select-selection,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input:hover {\n  border-right-width: 1px !important;\n  border-top-width: 1px;\n  border-left-width: 1px;\n  border-bottom-width: 1px;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-selection--single,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-auto-complete.ktsAnt3x-select .ktsAnt3x-input:hover,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-input {\n  height: 30px;\n  border-radius: 0;\n  border-right-width: 0 !important;\n  border-top-width: 0;\n  border-left-width: 0;\n  border-bottom-width: 0;\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n";
+var css_248z$7 = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n  flex: 1;\n  display: flex;\n  gap: 10px;\n  padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n  padding-left: 10px;\n  padding-right: 10px;\n  border-radius: 12px;\n  color: #0074ff;\n  border: 1px solid #0074ff;\n  height: 24px;\n  line-height: 22px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n  color: rgba(0, 0, 0, 0.25);\n  border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n  flex: none;\n  display: flex;\n  gap: 5px;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control {\n  line-height: 1;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus {\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single {\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .has-error .ktsAnt3x-input {\n  border: #f5222d solid 1px;\n}\n";
 styleInject(css_248z$7);
 
 var keys$1 = {};
@@ -11879,7 +11895,7 @@ var Main = decorator(Form.create())(function (props) {
     rowKey: "$index",
     pagination: false,
     scroll: {
-      y: 540
+      y: 280
     },
     components: {
       body: {

package/dist/index.js

@@ -9,9 +9,9 @@ var mathjs = require('mathjs');
 var ktsComponentsAntdX3 = require('kts-components-antd-x3');
 var uuid = require('uuid');
 var classnames = require('classnames');
+var ktsXui = require('kts-xui');
 var antdComponents = require('@formily/antd-components');
 var antd = require('@formily/antd');
-var ktsXui = require('kts-xui');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1849,10 +1849,12 @@ var FormSpanString = /*#__PURE__*/function (_React$Component) {
 //   }
 // }
 
-var css_248z$2 = ".kts-invoice-operate-goods-table-virtual .ktsAnt3x-table-placeholder {\n  position: absolute;\n  top: 50px;\n  left: 0;\n  width: 100%;\n  border: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table {\n  font-size: 12px;\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-content {\n  border-right: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body {\n  margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table {\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-bottom: 1px solid #e8e8e8;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table tr {\n  height: 32px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table tr:hover td {\n  background: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAnt3x-table .ktsAnt3x-table-thead > tr {\n  background-color: #f6f7f9;\n}\n";
+var css_248z$2 = ".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$2);
 
 function TableVirtual (props) {
+  var _props$dataSource2;
+
   var _React$useState = React__default['default'].useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       self = _React$useState2[0],
@@ -1860,7 +1862,7 @@ function TableVirtual (props) {
 
   var tableBody = React__default['default'].useMemo(function () {
     if (!self) return;
-    return self.querySelector('.ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body');
+    return self.querySelector('.ktsAntX-table-body');
   }, [self]);
   /** 显示指针 */
 
@@ -1873,7 +1875,7 @@ function TableVirtual (props) {
 
   var rowHeight = React__default['default'].useMemo(function () {
     if (!self) return 33;
-    var td = self.querySelector('.ktsAnt3x-table-tbody td');
+    var td = self.querySelector('.ktsAntX-table-tbody .ktsAntX-table-row');
     if (!td) return 33;
     return td.clientHeight;
   }, [self, props.dataSource]);
@@ -1931,16 +1933,22 @@ function TableVirtual (props) {
 
   React__default['default'].useEffect(function () {
     if (!self) return;
-    var table = self.querySelector('.ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table');
+    var table = self.querySelector('.ktsAntX-table .ktsAntX-table-body>table');
     if (!table) return;
     table.style.top = "".concat(pointer * rowHeight, "px");
   }, [pointer, self, rowHeight]);
+  React__default['default'].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 React__default['default'].createElement("span", {
     className: "kts-invoice-operate-goods-table-virtual",
     ref: function ref(e) {
       setSelf(e);
     }
-  }, React__default['default'].createElement(ktsComponentsAntdX3.Table, _objectSpread2(_objectSpread2({}, props), {}, {
+  }, React__default['default'].createElement(ktsXui.TableManual, _objectSpread2(_objectSpread2({}, props), {}, {
     dataSource: dataSource
   })));
 }
@@ -2038,13 +2046,27 @@ var Statistics = (function () {
     }
   }, React__default['default'].createElement("label", null, "\u5408\u8BA1")), React__default['default'].createElement("div", {
     style: {
-      width: 119 + 70
+      width: 119,
+      textAlign: 'right',
+      border: 'none'
     }
   }, React__default['default'].createElement("label", null, parseFloat(isTaxIncluded ? lineAmountIncludeTax : lineAmountExcludeTax).toFixed(2))), React__default['default'].createElement("div", {
     style: {
-      width: 119 + 50 + 1
+      width: 70,
+      border: 'none'
     }
-  }, React__default['default'].createElement("label", null, parseFloat(taxAmount).toFixed(2)))), React__default['default'].createElement("div", {
+  }), React__default['default'].createElement("div", {
+    style: {
+      width: 119,
+      textAlign: 'right',
+      border: 'none'
+    }
+  }, React__default['default'].createElement("label", null, parseFloat(taxAmount).toFixed(2))), React__default['default'].createElement("div", {
+    style: {
+      width: 111,
+      border: 'none'
+    }
+  })), React__default['default'].createElement("div", {
     className: "kts-invoice-operate-goods-list-statistics-row"
   }, React__default['default'].createElement("div", {
     style: {
@@ -2052,24 +2074,17 @@ var Statistics = (function () {
     }
   }), React__default['default'].createElement("div", {
     style: {
-      flex: 4,
+      flex: 5,
       border: 'none'
     }
   }, React__default['default'].createElement("label", null, "\u4EF7\u7A0E\u5408\u8BA1\uFF08\u5927\u5199\uFF09"), React__default['default'].createElement("label", null, nzhcn.toMoney(lineAmountIncludeTax, {
     outSymbol: false
   }))), React__default['default'].createElement("div", {
     style: {
-      flex: 1,
-      border: 'none',
-      textAlign: 'right'
-    }
-  }, React__default['default'].createElement("label", null, "\uFF08\u5C0F\u5199\uFF09")), React__default['default'].createElement("div", {
-    style: {
-      flex: 'none',
-      width: 359,
+      flex: 5,
       border: 'none'
     }
-  }, React__default['default'].createElement("label", null, parseFloat(lineAmountIncludeTax).toFixed(2)))));
+  }, React__default['default'].createElement("label", null, "\uFF08\u5C0F\u5199\uFF09 ", parseFloat(lineAmountIncludeTax).toFixed(2)))));
 });
 
 var AddRowButton = (function () {
@@ -10374,7 +10389,8 @@ var useColumns = (function (form) {
       title: '操作',
       key: 'operating',
       align: 'right',
-      width: 110,
+      width: 130,
+      fixed: 'right',
       render: function render(_value, record) {
         return React__default['default'].createElement(RowMenu, {
           key: record.lineAttribute,
@@ -11057,7 +11073,7 @@ var useRowSelection = (function () {
   };
 });
 
-var css_248z$7 = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n  flex: 1;\n  display: flex;\n  gap: 10px;\n  padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n  padding-left: 10px;\n  padding-right: 10px;\n  border-radius: 12px;\n  color: #0074ff;\n  border: 1px solid #0074ff;\n  height: 24px;\n  line-height: 22px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n  color: rgba(0, 0, 0, 0.25);\n  border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n  flex: none;\n  display: flex;\n  gap: 5px;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table {\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-be-discount,\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-discount {\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-be-discount {\n  color: #D9001B;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import {\n  display: flex;\n}\n.kts-invoice-operate-goods-list-table .kts-invoice-operate-goods-list-able-list-itemName-import .ktsAnt3x-btn {\n  display: block;\n  line-height: 0;\n  width: auto;\n  padding-right: 5px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-item-children {\n  height: 30px;\n  display: block;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-table-body {\n  height: 263px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-explain {\n  position: absolute;\n  right: 6px;\n  top: 6px;\n}\n.kts-invoice-operate-goods-list-table table {\n  border-bottom: 1px solid #d9d9d9 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td {\n  padding: 0 !important;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item {\n  padding: 0;\n  margin: 0;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-form-item .ktsAnt3x-form-item-control {\n  line-height: inherit;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-select-selection,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .has-error .ktsAnt3x-input:hover {\n  border-right-width: 1px !important;\n  border-top-width: 1px;\n  border-left-width: 1px;\n  border-bottom-width: 1px;\n}\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-selection--single,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-select-auto-complete.ktsAnt3x-select .ktsAnt3x-input:hover,\n.kts-invoice-operate-goods-list-table table > .ktsAnt3x-table-tbody > tr > td .ktsAnt3x-input {\n  height: 30px;\n  border-radius: 0;\n  border-right-width: 0 !important;\n  border-top-width: 0;\n  border-left-width: 0;\n  border-bottom-width: 0;\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n";
+var css_248z$7 = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n  flex: 1;\n  display: flex;\n  gap: 10px;\n  padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n  padding-left: 10px;\n  padding-right: 10px;\n  border-radius: 12px;\n  color: #0074ff;\n  border: 1px solid #0074ff;\n  height: 24px;\n  line-height: 22px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n  color: rgba(0, 0, 0, 0.25);\n  border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n  flex: none;\n  display: flex;\n  gap: 5px;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control {\n  line-height: 1;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus {\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single {\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .has-error .ktsAnt3x-input {\n  border: #f5222d solid 1px;\n}\n";
 styleInject(css_248z$7);
 
 var keys$1 = {};
@@ -11889,7 +11905,7 @@ var Main = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function (p
     rowKey: "$index",
     pagination: false,
     scroll: {
-      y: 540
+      y: 280
     },
     components: {
       body: {

package/docs/index.md

@@ -1,5 +1,5 @@
-# 发票编辑组件-
+# 发票编辑组件
 
 npm 地址：https://www.npmjs.com/package/kts-component-invoice-operate
 
-### 版本 2.0.x
+### 版本 3.0.x