kts-component-invoice-operate 2.0.15 → 2.0.17

package/dist/Invoice/ui/GoodsList/ui/BulkMenu/hooks/useEndowCodeButton/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 declare const _default: () => {
     menuItem: JSX.Element;
+    buuton: JSX.Element;
 };
 export default _default;

package/dist/index.esm.js

@@ -2,7 +2,7 @@ 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, Row, Col, Table, Button, Switch, Tooltip, Menu, Typography, Drawer, Dropdown, AutoComplete, Spin, Checkbox, Descriptions, Empty, Divider, Popover, Tree, Modal } from 'kts-components-antd-x3';
+import { message, Form, Input, Icon, Tag, Select, Table, Button, Switch, Tooltip, Menu, Typography, Drawer, Dropdown, AutoComplete, Spin, Checkbox, Descriptions, Empty, Divider, Popover, Tree, Modal, Row, Col } from 'kts-components-antd-x3';
 import { v4 } from 'uuid';
 import classnames from 'classnames';
 import { Input as Input$1, NumberPicker } from '@formily/antd-components';
@@ -1597,7 +1597,7 @@ function SvgAuto(props) {
   })));
 }
 
-var css_248z$1 = ".kts-invoice-operate-invoice-header {\n  padding: 20px 8px;\n  background: #f6f7f9;\n  position: relative;\n  color: rgba(0, 0, 0, 0.85);\n  font-weight: 500;\n}\n.kts-invoice-operate-invoice-header label {\n  margin-right: 5px;\n  white-space: nowrap;\n}\n.kts-invoice-operate-invoice-header .invoice-header-title {\n  top: 20px;\n  left: 0;\n  position: absolute;\n  color: #e28b89;\n  font-weight: 500;\n  font-size: 22px;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n  z-index: 1;\n}\n.kts-invoice-operate-invoice-header .invoice-header-no {\n  display: flex;\n}\n.kts-invoice-operate-invoice-header .invoice-header-no .ktsAnt3x-tag {\n  margin-left: 10px;\n  height: 24px;\n}\n.kts-invoice-operate-invoice-header .invoice-header-type {\n  flex: 1;\n  text-align: right;\n}\n.kts-invoice-operate-invoice-header .invoice-header-property {\n  margin: 20px 0 0;\n}\n.kts-invoice-operate-invoice-header .invoice-header-property .ktsAnt3x-col {\n  display: flex;\n  flex-direction: inherit;\n  padding-right: 20px;\n}\n.kts-invoice-operate-invoice-header .invoice-header-property .ktsAnt3x-col span {\n  color: #999;\n}\n";
+var css_248z$1 = ".kts-invoice-operate-invoice-header {\n  padding: 20px 8px;\n  background: #f6f7f9;\n  position: relative;\n  color: rgba(0, 0, 0, 0.85);\n  font-weight: 500;\n}\n.kts-invoice-operate-invoice-header label {\n  margin-right: 5px;\n  white-space: nowrap;\n}\n.kts-invoice-operate-invoice-header .invoice-header-title {\n  top: 20px;\n  left: 0;\n  position: absolute;\n  color: #e28b89;\n  font-weight: 500;\n  font-size: 22px;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n  z-index: 1;\n}\n.kts-invoice-operate-invoice-header .invoice-header-no {\n  display: flex;\n}\n.kts-invoice-operate-invoice-header .invoice-header-no .ktsAnt3x-tag {\n  margin-left: 10px;\n  height: 24px;\n}\n.kts-invoice-operate-invoice-header .invoice-header-type {\n  flex: 1;\n  text-align: right;\n}\n.kts-invoice-operate-invoice-header .invoice-header-property {\n  margin: 20px 0 0;\n}\n.kts-invoice-operate-invoice-header .invoice-header-property .ktsAnt3x-col {\n  display: flex;\n  flex-direction: inherit;\n  padding-right: 20px;\n}\n.kts-invoice-operate-invoice-header .invoice-header-property .ktsAnt3x-col span {\n  color: #999;\n}\n.kts-invoice-operate-invoice-header .invoice-header-property-fieldExpand {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n  gap: 10px;\n  align-items: center;\n}\n.kts-invoice-operate-invoice-header .invoice-header-property-fieldExpand li {\n  display: flex;\n  align-items: center;\n  flex: 1;\n}\n";
 styleInject(css_248z$1);
 
 var InvoiceHeader = decorator(Form.create())(function (props) {
@@ -1788,10 +1788,10 @@ var InvoiceHeader = decorator(Form.create())(function (props) {
     }
   }, props.renderExpand && props.renderExpand(props.form)), React.createElement("div", {
     className: "invoice-header-property"
-  }, _toConsumableArray(props.fieldExpand || []).map(function (e) {}), React.createElement(Row, null, fieldExpand.map(function (e) {
-    return React.createElement(Col, {
-      span: 24 / fieldExpand.length
-    }, React.createElement("label", null, e.label), e.render(form));
+  }, _toConsumableArray(props.fieldExpand || []).map(function (e) {}), React.createElement("ul", {
+    className: 'invoice-header-property-fieldExpand'
+  }, fieldExpand.map(function (e) {
+    return React.createElement("li", null, React.createElement("label", null, e.label), e.render(form));
   }))));
 });
 
@@ -2854,96 +2854,6 @@ var coolingFn = (function () {
   }
 });
 
-var useEndowCodeButton = (function () {
-  var controller = Invoice.useInvoiceController();
-  /** 是否禁用 */
-
-  var disabled = controller.useMemo(function (s) {
-    if (s.goodsListState.selectedGoodIndex.length <= 0) return true;
-  }, []);
-  var onClick = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return controller.saveEditGood();
-
-          case 2:
-            _context2.next = 4;
-            return controller.wait();
-
-          case 4:
-            _context2.next = 6;
-            return controller.pipeline( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
-                return _regeneratorRuntime().wrap(function _callee$(_context) {
-                  while (1) {
-                    switch (_context.prev = _context.next) {
-                      case 0:
-                        if (!(s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0)) {
-                          _context.next = 3;
-                          break;
-                        }
-
-                        coolingFn('不能给正在编辑的货物赋码', 3000, function () {
-                          message.error('不能给正在编辑的货物赋码');
-                        });
-                        return _context.abrupt("return");
-
-                      case 3:
-                        if (!s.goodsListState.selectedGoodIndex.map(function (e) {
-                          return s.goodsListState.goodsMap.get(e);
-                        }).some(function (e, _, arr) {
-                          var _arr$;
-
-                          return (e === null || e === void 0 ? void 0 : e.taxRate) !== ((_arr$ = arr[0]) === null || _arr$ === void 0 ? void 0 : _arr$.taxRate);
-                        })) {
-                          _context.next = 6;
-                          break;
-                        }
-
-                        coolingFn('商品税率不一致不能操作批量赋码', 3000, function () {
-                          message.error('商品税率不一致不能操作批量赋码');
-                        });
-                        return _context.abrupt("return");
-
-                      case 6:
-                        // 设置赋码
-                        s.goodsListState.endowCode.endowcodeGoodIndex = s.goodsListState.selectedGoodIndex;
-
-                      case 7:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }
-                }, _callee);
-              }));
-
-              return function (_x) {
-                return _ref2.apply(this, arguments);
-              };
-            }())();
-
-          case 6:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })), [controller]);
-  var menuItem = React.useMemo(function () {
-    return React.createElement(Menu.Item, {
-      key: "2",
-      onClick: onClick,
-      disabled: disabled
-    }, "\u6279\u91CF\u8D4B\u7801");
-  }, [onClick, disabled]);
-  return {
-    menuItem: menuItem
-  };
-});
-
 /** 拆分全称加简称 */
 var getSN = function getSN(value) {
   if (!value) return undefined;
@@ -3108,13 +3018,10 @@ function BulkMenu() {
   /** 添加折扣行 */
 
   var addDiscountRowButton = useAddDiscountRowButton();
-  /** 批量赋码 */
-
-  var endowCodeButton = useEndowCodeButton();
   /** 执行商品对照 */
 
   var commodityComparisonButton = useCommodityComparisonButton();
-  var menu = React.createElement(Menu, null, delRowButton.menuItem, addDiscountRowButton.menuItem, endowCodeButton.menuItem, commodityComparisonButton.menuItem);
+  var menu = React.createElement(Menu, null, delRowButton.menuItem, addDiscountRowButton.menuItem, commodityComparisonButton.menuItem);
   return React.createElement(React.Fragment, null, React.createElement(Dropdown, {
     overlay: menu
   }, React.createElement(Button, null, "\u6279\u91CF\u64CD\u4F5C\u884C")), addDiscountRowButton.drawer);
@@ -11482,6 +11389,103 @@ 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-discount {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\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";
 styleInject(css_248z$7);
 
+var useEndowCodeButton = (function () {
+  var controller = Invoice.useInvoiceController();
+  /** 是否禁用 */
+
+  var disabled = controller.useMemo(function (s) {
+    if (s.goodsListState.selectedGoodIndex.length <= 0) return true;
+  }, []);
+  var onClick = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return controller.saveEditGood();
+
+          case 2:
+            _context2.next = 4;
+            return controller.wait();
+
+          case 4:
+            _context2.next = 6;
+            return controller.pipeline( /*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
+                return _regeneratorRuntime().wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        if (!(s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0)) {
+                          _context.next = 3;
+                          break;
+                        }
+
+                        coolingFn('不能给正在编辑的货物赋码', 3000, function () {
+                          message.error('不能给正在编辑的货物赋码');
+                        });
+                        return _context.abrupt("return");
+
+                      case 3:
+                        if (!s.goodsListState.selectedGoodIndex.map(function (e) {
+                          return s.goodsListState.goodsMap.get(e);
+                        }).some(function (e, _, arr) {
+                          var _arr$;
+
+                          return (e === null || e === void 0 ? void 0 : e.taxRate) !== ((_arr$ = arr[0]) === null || _arr$ === void 0 ? void 0 : _arr$.taxRate);
+                        })) {
+                          _context.next = 6;
+                          break;
+                        }
+
+                        coolingFn('商品税率不一致不能操作批量赋码', 3000, function () {
+                          message.error('商品税率不一致不能操作批量赋码');
+                        });
+                        return _context.abrupt("return");
+
+                      case 6:
+                        // 设置赋码
+                        s.goodsListState.endowCode.endowcodeGoodIndex = s.goodsListState.selectedGoodIndex;
+
+                      case 7:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              return function (_x) {
+                return _ref2.apply(this, arguments);
+              };
+            }())();
+
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })), [controller]);
+  var menuItem = React.useMemo(function () {
+    return React.createElement(Menu.Item, {
+      key: "2",
+      onClick: onClick,
+      disabled: disabled
+    }, "\u6279\u91CF\u8D4B\u7801");
+  }, [onClick, disabled]);
+  var buuton = React.useMemo(function () {
+    return React.createElement(Button, {
+      onClick: onClick,
+      disabled: disabled
+    }, "\u6279\u91CF\u8D4B\u7801");
+  }, [onClick, disabled]);
+  return {
+    menuItem: menuItem,
+    buuton: buuton
+  };
+});
+
 var GoodsList = /*#__PURE__*/function (_React$Component) {
   _inherits(GoodsList, _React$Component);
 
@@ -11529,6 +11533,9 @@ var Main = decorator(Form.create())(function (props) {
 
   useDeduction(controller, props.deduction);
   useWindowClick(controller);
+  /** 批量赋码 */
+
+  var endowCodeButton = useEndowCodeButton();
   /** 清空自动赋码缓存 */
 
   React.useEffect(function () {
@@ -11686,7 +11693,7 @@ var Main = decorator(Form.create())(function (props) {
     className: "kts-invoice-operate-goods-list-able"
   }, React.createElement("div", {
     className: "kts-invoice-operate-goods-list-able-list"
-  }, React.createElement(AddRowButton, null), React.createElement(BulkMenu, null), React.createElement(Search, null)), React.createElement("div", {
+  }, React.createElement(AddRowButton, null), React.createElement(BulkMenu, null), endowCodeButton.buuton, React.createElement(Search, null)), React.createElement("div", {
     className: "kts-invoice-operate-goods-list-able-extend"
   }, props.menuExpansion, React.createElement(DescribeSwitch, null), React.createElement(TaxIncludedSwitch, null))), React.createElement("div", {
     className: classnames('kts-invoice-operate-goods-list-table', {
@@ -12690,57 +12697,6 @@ var getItemNameOther = function getItemNameOther(record, editGood) {
   return record.itemName;
 };
 
-/**
- * 判断一个字符串得字节长度
- * @param str
- * @returns
- */
-function bytesLnegth(str) {
-  var count = str.length;
-
-  for (var i = 0; i < str.length; i++) {
-    if (str.charCodeAt(i) > 255) {
-      count++;
-    }
-  }
-
-  return count;
-}
-/*
-* param str 要截取的字符串
-* param L 要截取的字节长度，注意是字节不是字符，一个汉字两个字节
-* return 截取后的字符串
-*/
-
-function cutStr(str, L) {
-  var result = '',
-      strlen = str.length,
-      // 字符串长度
-  chrlen = str.replace(/[^\x00-\xff]/g, '**').length; // 字节长度
-
-  if (chrlen <= L) {
-    return str;
-  }
-
-  for (var i = 0, j = 0; i < strlen; i++) {
-    var chr = str.charAt(i);
-
-    if (/[\x00-\xff]/.test(chr)) {
-      j++; // ascii码为0-255，一个字符就是一个字节的长度
-    } else {
-      j += 2; // ascii码为0-255以外，一个字符就是两个字节的长度
-    }
-
-    if (j <= L) {
-      // 当加上当前字符以后，如果总字节长度小于等于L，则将当前字符真实的+在result后
-      result += chr;
-    } else {
-      // 反之则说明result已经是不拆分字符的情况下最接近L的值了，直接返回
-      return result;
-    }
-  }
-}
-
 var css_248z$b = ".kts-invoice-operate-goods-endow-code-button-list {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n  margin-bottom: 10px;\n}\n";
 styleInject(css_248z$b);
 
@@ -13276,43 +13232,31 @@ var DrawerBody$3 = function DrawerBody(props) {
 
                   good.taxAmount = countTaxAmount(good.lineAmountIncludeTax || 0, s.goodsListState.deduction, values.taxRate);
                 }); //截取名称
+                // if (endowCodeGood.some(e => bytesLnegth(e?.itemName || '') > 92)) {
+                //   await (() => new Promise<void>(resolve => {
+                //     confirm({
+                //       title: '温馨提示',
+                //       content: '商品名称长度过长,是否截取名称',
+                //       okText: '确定',
+                //       cancelText: '取消',
+                //       onOk() {
+                //         endowCodeGood.forEach(e => {
+                //           if (e && e.itemName) { e.itemName = cutStr(e.itemName, 91) }
+                //         })
+                //         message.success('商品名称截取成功！')
+                //         resolve()
+                //       },
+                //       onCancel() {
+                //         resolve()
+                //       },
+                //     });
+                //   }))()
+                // }
 
-                if (!endowCodeGood.some(function (e) {
-                  return bytesLnegth((e === null || e === void 0 ? void 0 : e.itemName) || '') > 92;
-                })) {
-                  _context11.next = 5;
-                  break;
-                }
-
-                _context11.next = 5;
-                return function () {
-                  return new Promise(function (resolve) {
-                    confirm({
-                      title: '温馨提示',
-                      content: '商品名称长度过长,是否截取名称',
-                      okText: '确定',
-                      cancelText: '取消',
-                      onOk: function onOk() {
-                        endowCodeGood.forEach(function (e) {
-                          if (e && e.itemName) {
-                            e.itemName = cutStr(e.itemName, 91);
-                          }
-                        });
-                        message.success('商品名称截取成功！');
-                        resolve();
-                      },
-                      onCancel: function onCancel() {
-                        resolve();
-                      }
-                    });
-                  });
-                }();
-
-              case 5:
                 s.goodsListState.goodsList = s.goodsListState.goodsList.slice();
                 s.goodsListState.endowCode.endowcodeGoodIndex = [];
 
-              case 7:
+              case 4:
               case "end":
                 return _context11.stop();
             }