kts-component-invoice-operate 3.0.23 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { TableProps } from 'kts-components-antd-x3/lib/table/interface';
2
+ import { TableProps } from "kts-xui";
3
3
  import './index.less';
4
- export default function <T = any>(props: TableProps<T>): JSX.Element;
4
+ export default function <T extends object = any>(props: TableProps<T>): JSX.Element;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { TableProps } from 'kts-components-antd-x3/lib/table/interface';
3
+ import './index.less';
4
+ export default function <T = any>(props: TableProps<T>): JSX.Element;
package/dist/index.esm.js CHANGED
@@ -2,12 +2,12 @@ import 'kts-components-antd-x3/dist/kts-components-antd-x3.css';
2
2
  import React, { createElement } from 'react';
3
3
  import GreyReactBox, { decorator } from 'grey-react-box';
4
4
  import { chain as chain$1, bignumber, create, all } from 'mathjs';
5
- 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';
5
+ import { message, Form, Input, Icon, Tag, Select, Button, Tooltip, Switch as Switch$1, Typography, Menu, Dropdown, AutoComplete, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover, Table, Tree, Modal, Row, Col } from 'kts-components-antd-x3';
6
6
  import { v4 } from 'uuid';
7
7
  import classnames from 'classnames';
8
+ import { TableManual, Switch, Form as Form$1, Drawer as Drawer$1 } from 'kts-xui';
8
9
  import { Input as Input$1, NumberPicker } from '@formily/antd-components';
9
10
  import { createAsyncFormActions, FormEffectHooks, SchemaForm, FormButtonGroup, SchemaMarkupField } from '@formily/antd';
10
- import { Form as Form$1, Drawer as Drawer$1 } from 'kts-xui';
11
11
 
12
12
  function ownKeys(object, enumerableOnly) {
13
13
  var keys = Object.keys(object);
@@ -1839,10 +1839,12 @@ var FormSpanString = /*#__PURE__*/function (_React$Component) {
1839
1839
  // }
1840
1840
  // }
1841
1841
 
1842
- 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";
1842
+ 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";
1843
1843
  styleInject(css_248z$2);
1844
1844
 
1845
1845
  function TableVirtual (props) {
1846
+ var _props$dataSource2;
1847
+
1846
1848
  var _React$useState = React.useState(null),
1847
1849
  _React$useState2 = _slicedToArray(_React$useState, 2),
1848
1850
  self = _React$useState2[0],
@@ -1850,7 +1852,7 @@ function TableVirtual (props) {
1850
1852
 
1851
1853
  var tableBody = React.useMemo(function () {
1852
1854
  if (!self) return;
1853
- return self.querySelector('.ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body');
1855
+ return self.querySelector('.ktsAntX-table-body');
1854
1856
  }, [self]);
1855
1857
  /** 显示指针 */
1856
1858
 
@@ -1863,7 +1865,7 @@ function TableVirtual (props) {
1863
1865
 
1864
1866
  var rowHeight = React.useMemo(function () {
1865
1867
  if (!self) return 33;
1866
- var td = self.querySelector('.ktsAnt3x-table-tbody td');
1868
+ var td = self.querySelector('.ktsAntX-table-tbody .ktsAntX-table-row');
1867
1869
  if (!td) return 33;
1868
1870
  return td.clientHeight;
1869
1871
  }, [self, props.dataSource]);
@@ -1921,16 +1923,22 @@ function TableVirtual (props) {
1921
1923
 
1922
1924
  React.useEffect(function () {
1923
1925
  if (!self) return;
1924
- var table = self.querySelector('.ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table');
1926
+ var table = self.querySelector('.ktsAntX-table .ktsAntX-table-body>table');
1925
1927
  if (!table) return;
1926
1928
  table.style.top = "".concat(pointer * rowHeight, "px");
1927
1929
  }, [pointer, self, rowHeight]);
1930
+ React.useEffect(function () {
1931
+ if (!self) return;
1932
+ var cont = self.querySelector('.kts-invoice-operate-goods-table-virtual .ktsAntX-table-body');
1933
+ if (!cont) return;
1934
+ cont.scrollTop = 0;
1935
+ }, [(_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.length]);
1928
1936
  return React.createElement("span", {
1929
1937
  className: "kts-invoice-operate-goods-table-virtual",
1930
1938
  ref: function ref(e) {
1931
1939
  setSelf(e);
1932
1940
  }
1933
- }, React.createElement(Table, _objectSpread2(_objectSpread2({}, props), {}, {
1941
+ }, React.createElement(TableManual, _objectSpread2(_objectSpread2({}, props), {}, {
1934
1942
  dataSource: dataSource
1935
1943
  })));
1936
1944
  }
@@ -2020,7 +2028,7 @@ var Statistics = (function () {
2020
2028
  className: "kts-invoice-operate-goods-list-statistics-row"
2021
2029
  }, React.createElement("div", {
2022
2030
  style: {
2023
- width: 45
2031
+ width: 45.92
2024
2032
  }
2025
2033
  }), React.createElement("div", {
2026
2034
  style: {
@@ -2052,34 +2060,21 @@ var Statistics = (function () {
2052
2060
  className: "kts-invoice-operate-goods-list-statistics-row"
2053
2061
  }, React.createElement("div", {
2054
2062
  style: {
2055
- width: 45
2063
+ width: 45.92
2056
2064
  }
2057
2065
  }), React.createElement("div", {
2058
2066
  style: {
2059
- flex: 4,
2067
+ flex: 5,
2060
2068
  border: 'none'
2061
2069
  }
2062
2070
  }, React.createElement("label", null, "\u4EF7\u7A0E\u5408\u8BA1\uFF08\u5927\u5199\uFF09"), React.createElement("label", null, nzhcn.toMoney(lineAmountIncludeTax, {
2063
2071
  outSymbol: false
2064
2072
  }))), React.createElement("div", {
2065
2073
  style: {
2066
- flex: 1,
2067
- border: 'none',
2068
- textAlign: 'right'
2069
- }
2070
- }, React.createElement("label", null, "\uFF08\u5C0F\u5199\uFF09")), React.createElement("div", {
2071
- style: {
2072
- flex: 'none',
2073
- width: 119,
2074
- textAlign: 'right',
2074
+ flex: 5,
2075
2075
  border: 'none'
2076
2076
  }
2077
- }, React.createElement("label", null, parseFloat(lineAmountIncludeTax).toFixed(2))), React.createElement("div", {
2078
- style: {
2079
- width: 301,
2080
- border: 'none'
2081
- }
2082
- })));
2077
+ }, React.createElement("label", null, "\uFF08\u5C0F\u5199\uFF09 ", parseFloat(lineAmountIncludeTax).toFixed(2)))));
2083
2078
  });
2084
2079
 
2085
2080
  var AddRowButton = (function () {
@@ -2219,8 +2214,6 @@ var TaxIncludedSwitch = (function () {
2219
2214
  }, "\u542B\u7A0E:"), React.createElement(Switch, {
2220
2215
  disabled: isSwitchTax === false,
2221
2216
  checked: isTaxIncluded,
2222
- checkedChildren: "\u5F00",
2223
- unCheckedChildren: "\u5173",
2224
2217
  defaultChecked: true,
2225
2218
  onChange: onChange
2226
2219
  }));
@@ -2268,7 +2261,7 @@ var DescribeSwitch = (function () {
2268
2261
  marginRight: 3
2269
2262
  },
2270
2263
  type: "info-circle"
2271
- })), "\u4F7F\u7528\u54EA\u65B9\u5546\u54C1\u63CF\u8FF0:"), React.createElement(Switch, {
2264
+ })), "\u4F7F\u7528\u54EA\u65B9\u5546\u54C1\u63CF\u8FF0:"), React.createElement(Switch$1, {
2272
2265
  checked: isMyShow,
2273
2266
  checkedChildren: "\u6211\u65B9",
2274
2267
  unCheckedChildren: "\u5BF9\u65B9",
@@ -10384,7 +10377,8 @@ var useColumns = (function (form) {
10384
10377
  title: '操作',
10385
10378
  key: 'operating',
10386
10379
  align: 'right',
10387
- width: 110,
10380
+ width: 130,
10381
+ fixed: 'right',
10388
10382
  render: function render(_value, record) {
10389
10383
  return React.createElement(RowMenu, {
10390
10384
  key: record.lineAttribute,
@@ -11067,7 +11061,7 @@ var useRowSelection = (function () {
11067
11061
  };
11068
11062
  });
11069
11063
 
11070
- 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";
11064
+ var css_248z$7 = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n display: flex;\n padding: 10px;\n border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n flex: 1;\n display: flex;\n gap: 10px;\n padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 12px;\n color: #0074ff;\n border: 1px solid #0074ff;\n height: 24px;\n line-height: 22px;\n cursor: pointer;\n font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n color: rgba(0, 0, 0, 0.25);\n border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n flex: none;\n display: flex;\n gap: 5px;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n color: rgba(0, 0, 0, 0.25);\n background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n background: #ff0;\n color: #000;\n font-weight: bold;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item {\n margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control {\n line-height: 1;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus {\n box-shadow: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single {\n border: none;\n border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain {\n display: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .has-error .ktsAnt3x-input {\n border: #f5222d solid 1px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner::after {\n width: 5px;\n height: 10px;\n}\n";
11071
11065
  styleInject(css_248z$7);
11072
11066
 
11073
11067
  var keys$1 = {};
@@ -11899,7 +11893,7 @@ var Main = decorator(Form.create())(function (props) {
11899
11893
  rowKey: "$index",
11900
11894
  pagination: false,
11901
11895
  scroll: {
11902
- y: 540
11896
+ y: 280
11903
11897
  },
11904
11898
  components: {
11905
11899
  body: {
package/dist/index.js CHANGED
@@ -9,9 +9,9 @@ var mathjs = require('mathjs');
9
9
  var ktsComponentsAntdX3 = require('kts-components-antd-x3');
10
10
  var uuid = require('uuid');
11
11
  var classnames = require('classnames');
12
+ var ktsXui = require('kts-xui');
12
13
  var antdComponents = require('@formily/antd-components');
13
14
  var antd = require('@formily/antd');
14
- var ktsXui = require('kts-xui');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
17
 
@@ -1849,10 +1849,12 @@ var FormSpanString = /*#__PURE__*/function (_React$Component) {
1849
1849
  // }
1850
1850
  // }
1851
1851
 
1852
- 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";
1852
+ 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";
1853
1853
  styleInject(css_248z$2);
1854
1854
 
1855
1855
  function TableVirtual (props) {
1856
+ var _props$dataSource2;
1857
+
1856
1858
  var _React$useState = React__default['default'].useState(null),
1857
1859
  _React$useState2 = _slicedToArray(_React$useState, 2),
1858
1860
  self = _React$useState2[0],
@@ -1860,7 +1862,7 @@ function TableVirtual (props) {
1860
1862
 
1861
1863
  var tableBody = React__default['default'].useMemo(function () {
1862
1864
  if (!self) return;
1863
- return self.querySelector('.ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body');
1865
+ return self.querySelector('.ktsAntX-table-body');
1864
1866
  }, [self]);
1865
1867
  /** 显示指针 */
1866
1868
 
@@ -1873,7 +1875,7 @@ function TableVirtual (props) {
1873
1875
 
1874
1876
  var rowHeight = React__default['default'].useMemo(function () {
1875
1877
  if (!self) return 33;
1876
- var td = self.querySelector('.ktsAnt3x-table-tbody td');
1878
+ var td = self.querySelector('.ktsAntX-table-tbody .ktsAntX-table-row');
1877
1879
  if (!td) return 33;
1878
1880
  return td.clientHeight;
1879
1881
  }, [self, props.dataSource]);
@@ -1931,16 +1933,22 @@ function TableVirtual (props) {
1931
1933
 
1932
1934
  React__default['default'].useEffect(function () {
1933
1935
  if (!self) return;
1934
- var table = self.querySelector('.ktsAnt3x-table .ktsAnt3x-table-content .ktsAnt3x-table-body table');
1936
+ var table = self.querySelector('.ktsAntX-table .ktsAntX-table-body>table');
1935
1937
  if (!table) return;
1936
1938
  table.style.top = "".concat(pointer * rowHeight, "px");
1937
1939
  }, [pointer, self, rowHeight]);
1940
+ React__default['default'].useEffect(function () {
1941
+ if (!self) return;
1942
+ var cont = self.querySelector('.kts-invoice-operate-goods-table-virtual .ktsAntX-table-body');
1943
+ if (!cont) return;
1944
+ cont.scrollTop = 0;
1945
+ }, [(_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.length]);
1938
1946
  return React__default['default'].createElement("span", {
1939
1947
  className: "kts-invoice-operate-goods-table-virtual",
1940
1948
  ref: function ref(e) {
1941
1949
  setSelf(e);
1942
1950
  }
1943
- }, React__default['default'].createElement(ktsComponentsAntdX3.Table, _objectSpread2(_objectSpread2({}, props), {}, {
1951
+ }, React__default['default'].createElement(ktsXui.TableManual, _objectSpread2(_objectSpread2({}, props), {}, {
1944
1952
  dataSource: dataSource
1945
1953
  })));
1946
1954
  }
@@ -2030,7 +2038,7 @@ var Statistics = (function () {
2030
2038
  className: "kts-invoice-operate-goods-list-statistics-row"
2031
2039
  }, React__default['default'].createElement("div", {
2032
2040
  style: {
2033
- width: 45
2041
+ width: 45.92
2034
2042
  }
2035
2043
  }), React__default['default'].createElement("div", {
2036
2044
  style: {
@@ -2062,34 +2070,21 @@ var Statistics = (function () {
2062
2070
  className: "kts-invoice-operate-goods-list-statistics-row"
2063
2071
  }, React__default['default'].createElement("div", {
2064
2072
  style: {
2065
- width: 45
2073
+ width: 45.92
2066
2074
  }
2067
2075
  }), React__default['default'].createElement("div", {
2068
2076
  style: {
2069
- flex: 4,
2077
+ flex: 5,
2070
2078
  border: 'none'
2071
2079
  }
2072
2080
  }, React__default['default'].createElement("label", null, "\u4EF7\u7A0E\u5408\u8BA1\uFF08\u5927\u5199\uFF09"), React__default['default'].createElement("label", null, nzhcn.toMoney(lineAmountIncludeTax, {
2073
2081
  outSymbol: false
2074
2082
  }))), React__default['default'].createElement("div", {
2075
2083
  style: {
2076
- flex: 1,
2077
- border: 'none',
2078
- textAlign: 'right'
2079
- }
2080
- }, React__default['default'].createElement("label", null, "\uFF08\u5C0F\u5199\uFF09")), React__default['default'].createElement("div", {
2081
- style: {
2082
- flex: 'none',
2083
- width: 119,
2084
- textAlign: 'right',
2085
- border: 'none'
2086
- }
2087
- }, React__default['default'].createElement("label", null, parseFloat(lineAmountIncludeTax).toFixed(2))), React__default['default'].createElement("div", {
2088
- style: {
2089
- width: 301,
2084
+ flex: 5,
2090
2085
  border: 'none'
2091
2086
  }
2092
- })));
2087
+ }, React__default['default'].createElement("label", null, "\uFF08\u5C0F\u5199\uFF09 ", parseFloat(lineAmountIncludeTax).toFixed(2)))));
2093
2088
  });
2094
2089
 
2095
2090
  var AddRowButton = (function () {
@@ -2226,11 +2221,9 @@ var TaxIncludedSwitch = (function () {
2226
2221
  style: {
2227
2222
  marginRight: 2
2228
2223
  }
2229
- }, "\u542B\u7A0E:"), React__default['default'].createElement(ktsComponentsAntdX3.Switch, {
2224
+ }, "\u542B\u7A0E:"), React__default['default'].createElement(ktsXui.Switch, {
2230
2225
  disabled: isSwitchTax === false,
2231
2226
  checked: isTaxIncluded,
2232
- checkedChildren: "\u5F00",
2233
- unCheckedChildren: "\u5173",
2234
2227
  defaultChecked: true,
2235
2228
  onChange: onChange
2236
2229
  }));
@@ -10394,7 +10387,8 @@ var useColumns = (function (form) {
10394
10387
  title: '操作',
10395
10388
  key: 'operating',
10396
10389
  align: 'right',
10397
- width: 110,
10390
+ width: 130,
10391
+ fixed: 'right',
10398
10392
  render: function render(_value, record) {
10399
10393
  return React__default['default'].createElement(RowMenu, {
10400
10394
  key: record.lineAttribute,
@@ -11077,7 +11071,7 @@ var useRowSelection = (function () {
11077
11071
  };
11078
11072
  });
11079
11073
 
11080
- 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";
11074
+ var css_248z$7 = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n display: flex;\n padding: 10px;\n border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n flex: 1;\n display: flex;\n gap: 10px;\n padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 12px;\n color: #0074ff;\n border: 1px solid #0074ff;\n height: 24px;\n line-height: 22px;\n cursor: pointer;\n font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n color: rgba(0, 0, 0, 0.25);\n border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n flex: none;\n display: flex;\n gap: 5px;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n color: rgba(0, 0, 0, 0.25);\n background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n background: #ff0;\n color: #000;\n font-weight: bold;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item {\n margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control {\n line-height: 1;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus {\n box-shadow: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single {\n border: none;\n border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain {\n display: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .has-error .ktsAnt3x-input {\n border: #f5222d solid 1px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner::after {\n width: 5px;\n height: 10px;\n}\n";
11081
11075
  styleInject(css_248z$7);
11082
11076
 
11083
11077
  var keys$1 = {};
@@ -11909,7 +11903,7 @@ var Main = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function (p
11909
11903
  rowKey: "$index",
11910
11904
  pagination: false,
11911
11905
  scroll: {
11912
- y: 540
11906
+ y: 280
11913
11907
  },
11914
11908
  components: {
11915
11909
  body: {
package/docs/index.md CHANGED
@@ -1,5 +1,5 @@
1
- # 发票编辑组件-
1
+ # 发票编辑组件
2
2
 
3
3
  npm 地址:https://www.npmjs.com/package/kts-component-invoice-operate
4
4
 
5
- ### 版本 2.0.x
5
+ ### 版本 3.0.x