kts-component-invoice-operate 3.2.127 → 3.2.129

package/dist/Invoice/index.d.ts

@@ -2,6 +2,7 @@ import './index.less';
 import React from 'react';
 import InvoiceController from './InvoiceController';
 import * as calculator from './tools/calculate';
+import * as utils from './tools/utils';
 import GoodsList from './ui/default/GoodsList';
 import Seller from './ui/default/Seller';
 import Buyer from './ui/default/Buyer';
@@ -53,6 +54,8 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
     static idGenerator: () => string;
     /** 金额计算方法 */
     static calculator: typeof calculator;
+    /** 工具方法 */
+    static utils: typeof utils;
     /** 获取控制器钩子 */
     static useInvoiceController: () => InvoiceController;
     render(): JSX.Element;

package/dist/Invoice/tools/utils/index.d.ts

@@ -0,0 +1 @@
+export * as Money from './money';

package/dist/Invoice/tools/utils/money/index.d.ts

@@ -0,0 +1,2 @@
+/** 数字转中文 */
+export declare const toStringChinese: (value: any) => any;

package/dist/index.esm.js

@@ -9733,6 +9733,39 @@ function useToGenerateId(controller) {
   }, [goodsList]);
 }
 
+var Nzh = require("nzh");
+
+var nzhcn = new Nzh({
+  ch: '零壹贰叁肆伍陆柒捌玖',
+  ch_u: '个拾佰仟万亿',
+  ch_f: '负',
+  ch_d: '点',
+  m_t: '人民币',
+  m_z: '整',
+  m_u: '圆角分'
+});
+/** 数字转中文 */
+
+var toStringChinese = function toStringChinese(value) {
+  try {
+    return nzhcn.toMoney(value, {
+      outSymbol: false
+    });
+  } catch (e) {
+    return '';
+  }
+};
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  toStringChinese: toStringChinese
+});
+
+var utils = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Money: index
+});
+
 var _defs, _path, _path2, _path3;
 
 function _extends() { _extends = 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.apply(this, arguments); }
@@ -10092,7 +10125,7 @@ function TableVirtual (props) {
 var css_248z$3 = ".kts-invoice-operate-goods-list-statistics {\n  background: #fafafa;\n  overflow-y: scroll;\n}\n.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row {\n  height: 30px;\n  line-height: 30px;\n  border-bottom: 1px solid #e8e8e8;\n  display: flex;\n}\n.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row > div {\n  border-right: 1px solid #e8e8e8;\n}\n.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row > div label {\n  padding: 0 10px;\n}\n";
 styleInject(css_248z$3);
 
-var nzhcn = require('nzh').cn;
+var nzhcn$1 = require('nzh').cn;
 
 var Statistics = (function () {
   var controller = Invoice.useInvoiceController();
@@ -10219,9 +10252,7 @@ var Statistics = (function () {
       flex: 5,
       border: 'none'
     }
-  }, /*#__PURE__*/React.createElement("label", null, "\u4EF7\u7A0E\u5408\u8BA1\uFF08\u5927\u5199\uFF09"), /*#__PURE__*/React.createElement("label", null, nzhcn.toMoney(lineAmountIncludeTax, {
-    outSymbol: false
-  }))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("label", null, "\u4EF7\u7A0E\u5408\u8BA1\uFF08\u5927\u5199\uFF09"), /*#__PURE__*/React.createElement("label", null, toStringChinese(lineAmountIncludeTax))), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: 5,
       border: 'none'
@@ -17505,8 +17536,6 @@ function SvgFork(props) {
 var css_248z$j = ".kts-invoice-operate-goods-list-statistics-digtal {\n  overflow-y: scroll;\n  /* 设置滚动条滑块颜色 */\n}\n.kts-invoice-operate-goods-list-statistics-digtal::-webkit-scrollbar-track {\n  background-color: #f1f1f1;\n}\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total-tax,\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total {\n  height: 42px;\n  display: flex;\n  align-items: center;\n}\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total-tax > div:first-child,\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total > div:first-child {\n  width: 225px;\n  color: #9F613E;\n  font-family: PingFang SC;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total-tax {\n  border-top: 2px solid #9F613E;\n}\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total-tax > div:first-child {\n  border-right: 2px solid #9F613E;\n}\n";
 styleInject(css_248z$j);
 
-var nzhcn$1 = require('nzh').cn;
-
 var Statistics$1 = (function () {
   var controller = Invoice.useInvoiceController();
   /** 是否不含税） */
@@ -17617,9 +17646,7 @@ var Statistics$1 = (function () {
       fontWeight: 'bold',
       marginLeft: 4
     }
-  }, nzhcn$1.toMoney(lineAmountIncludeTax, {
-    outSymbol: false
-  }))), /*#__PURE__*/React.createElement("div", {
+  }, toStringChinese(lineAmountIncludeTax))), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: 1
     }
@@ -19395,7 +19422,7 @@ function ItemNameInput$1(props) {
               _context3.prev = 0;
 
               if (!(autoComplete.onItemNameSearch && searchText)) {
-                _context3.next = 9;
+                _context3.next = 10;
                 break;
               }
 
@@ -19411,23 +19438,28 @@ function ItemNameInput$1(props) {
                 });
               });
               setOptions(list);
-
-            case 9:
-              _context3.next = 15;
+              _context3.next = 11;
               break;
 
+            case 10:
+              setOptions([]);
+
             case 11:
-              _context3.prev = 11;
+              _context3.next = 17;
+              break;
+
+            case 13:
+              _context3.prev = 13;
               _context3.t2 = _context3["catch"](0);
               setOptions([]);
               throw _context3.t2;
 
-            case 15:
+            case 17:
             case "end":
               return _context3.stop();
           }
         }
-      }, _callee3, null, [[0, 11]]);
+      }, _callee3, null, [[0, 13]]);
     }));
 
     return function (_x4) {
@@ -24100,6 +24132,8 @@ var Invoice = /*#__PURE__*/function (_React$PureComponent) {
 
     /** 金额计算方法 */
 
+    /** 工具方法 */
+
     /** 获取控制器钩子 */
     function render() {
       if (this.props.invoiceType === 'digtal') {
@@ -24127,6 +24161,7 @@ Invoice.SignDigtal = SignDigtal;
 Invoice.GoodsListDigtal = GoodsList$1;
 Invoice.idGenerator = idGenerator;
 Invoice.calculator = calculator;
+Invoice.utils = utils;
 
 Invoice.useInvoiceController = function () {
   return React.useContext(InvoiceContext);

package/dist/index.js

@@ -9743,6 +9743,39 @@ function useToGenerateId(controller) {
   }, [goodsList]);
 }
 
+var Nzh = require("nzh");
+
+var nzhcn = new Nzh({
+  ch: '零壹贰叁肆伍陆柒捌玖',
+  ch_u: '个拾佰仟万亿',
+  ch_f: '负',
+  ch_d: '点',
+  m_t: '人民币',
+  m_z: '整',
+  m_u: '圆角分'
+});
+/** 数字转中文 */
+
+var toStringChinese = function toStringChinese(value) {
+  try {
+    return nzhcn.toMoney(value, {
+      outSymbol: false
+    });
+  } catch (e) {
+    return '';
+  }
+};
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  toStringChinese: toStringChinese
+});
+
+var utils = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Money: index
+});
+
 var _defs, _path, _path2, _path3;
 
 function _extends() { _extends = 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.apply(this, arguments); }
@@ -10102,7 +10135,7 @@ function TableVirtual (props) {
 var css_248z$3 = ".kts-invoice-operate-goods-list-statistics {\n  background: #fafafa;\n  overflow-y: scroll;\n}\n.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row {\n  height: 30px;\n  line-height: 30px;\n  border-bottom: 1px solid #e8e8e8;\n  display: flex;\n}\n.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row > div {\n  border-right: 1px solid #e8e8e8;\n}\n.kts-invoice-operate-goods-list-statistics .kts-invoice-operate-goods-list-statistics-row > div label {\n  padding: 0 10px;\n}\n";
 styleInject(css_248z$3);
 
-var nzhcn = require('nzh').cn;
+var nzhcn$1 = require('nzh').cn;
 
 var Statistics = (function () {
   var controller = Invoice.useInvoiceController();
@@ -10229,9 +10262,7 @@ var Statistics = (function () {
       flex: 5,
       border: 'none'
     }
-  }, /*#__PURE__*/React__default['default'].createElement("label", null, "\u4EF7\u7A0E\u5408\u8BA1\uFF08\u5927\u5199\uFF09"), /*#__PURE__*/React__default['default'].createElement("label", null, nzhcn.toMoney(lineAmountIncludeTax, {
-    outSymbol: false
-  }))), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default['default'].createElement("label", null, "\u4EF7\u7A0E\u5408\u8BA1\uFF08\u5927\u5199\uFF09"), /*#__PURE__*/React__default['default'].createElement("label", null, toStringChinese(lineAmountIncludeTax))), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       flex: 5,
       border: 'none'
@@ -17515,8 +17546,6 @@ function SvgFork(props) {
 var css_248z$j = ".kts-invoice-operate-goods-list-statistics-digtal {\n  overflow-y: scroll;\n  /* 设置滚动条滑块颜色 */\n}\n.kts-invoice-operate-goods-list-statistics-digtal::-webkit-scrollbar-track {\n  background-color: #f1f1f1;\n}\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total-tax,\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total {\n  height: 42px;\n  display: flex;\n  align-items: center;\n}\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total-tax > div:first-child,\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total > div:first-child {\n  width: 225px;\n  color: #9F613E;\n  font-family: PingFang SC;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total-tax {\n  border-top: 2px solid #9F613E;\n}\n.kts-invoice-operate-goods-list-statistics-digtal .statistics-digtal-total-tax > div:first-child {\n  border-right: 2px solid #9F613E;\n}\n";
 styleInject(css_248z$j);
 
-var nzhcn$1 = require('nzh').cn;
-
 var Statistics$1 = (function () {
   var controller = Invoice.useInvoiceController();
   /** 是否不含税） */
@@ -17627,9 +17656,7 @@ var Statistics$1 = (function () {
       fontWeight: 'bold',
       marginLeft: 4
     }
-  }, nzhcn$1.toMoney(lineAmountIncludeTax, {
-    outSymbol: false
-  }))), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, toStringChinese(lineAmountIncludeTax))), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       flex: 1
     }
@@ -19405,7 +19432,7 @@ function ItemNameInput$1(props) {
               _context3.prev = 0;
 
               if (!(autoComplete.onItemNameSearch && searchText)) {
-                _context3.next = 9;
+                _context3.next = 10;
                 break;
               }
 
@@ -19421,23 +19448,28 @@ function ItemNameInput$1(props) {
                 });
               });
               setOptions(list);
-
-            case 9:
-              _context3.next = 15;
+              _context3.next = 11;
               break;
 
+            case 10:
+              setOptions([]);
+
             case 11:
-              _context3.prev = 11;
+              _context3.next = 17;
+              break;
+
+            case 13:
+              _context3.prev = 13;
               _context3.t2 = _context3["catch"](0);
               setOptions([]);
               throw _context3.t2;
 
-            case 15:
+            case 17:
             case "end":
               return _context3.stop();
           }
         }
-      }, _callee3, null, [[0, 11]]);
+      }, _callee3, null, [[0, 13]]);
     }));
 
     return function (_x4) {
@@ -24110,6 +24142,8 @@ var Invoice = /*#__PURE__*/function (_React$PureComponent) {
 
     /** 金额计算方法 */
 
+    /** 工具方法 */
+
     /** 获取控制器钩子 */
     function render() {
       if (this.props.invoiceType === 'digtal') {
@@ -24137,6 +24171,7 @@ Invoice.SignDigtal = SignDigtal;
 Invoice.GoodsListDigtal = GoodsList$1;
 Invoice.idGenerator = idGenerator;
 Invoice.calculator = calculator;
+Invoice.utils = utils;
 
 Invoice.useInvoiceController = function () {
   return React__default['default'].useContext(InvoiceContext);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.2.127",
+  "version": "3.2.129",
   "scripts": {
     "dev": "dumi dev",
     "start": "dumi dev",

package/src/Invoice/index.tsx

@@ -5,6 +5,7 @@ import InvoiceController from './InvoiceController';
 import useToGenerateId from './tools/useToGenerateId';
 import idGenerator from './tools/idGenerator';
 import * as calculator from './tools/calculate';
+import * as utils from './tools/utils';
 
 import InvoiceHeader from './ui/default/InvoiceHeader';
 import GoodsList from './ui/default/GoodsList';
@@ -93,6 +94,9 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
   /** 金额计算方法 */
   static calculator = calculator;
 
+  /** 工具方法 */
+  static utils = utils;
+
   /** 获取控制器钩子 */
   static useInvoiceController = () => { return React.useContext(InvoiceContext) };
 

package/src/Invoice/tools/utils/index.ts

@@ -0,0 +1 @@
+export * as Money from './money';

package/src/Invoice/tools/utils/money/index.ts

@@ -0,0 +1,20 @@
+const Nzh = require("nzh");
+
+const nzhcn = new Nzh({
+    ch: '零壹贰叁肆伍陆柒捌玖'
+    ,ch_u: '个拾佰仟万亿'
+    ,ch_f: '负'
+    ,ch_d: '点'
+    ,m_t: '人民币'
+    ,m_z: '整'
+    ,m_u: '圆角分'
+})
+
+/** 数字转中文 */
+export const toStringChinese = (value: any) => {
+    try {
+        return nzhcn.toMoney(value, { outSymbol: false })
+    } catch(e) {
+        return ''
+    }
+};

package/src/Invoice/ui/default/GoodsList/ui/Statistics/index.tsx

@@ -3,6 +3,7 @@ import { } from 'kts-components-antd-x3';
 import { chain, bignumber } from 'mathjs';
 import { LineAttributeType } from '../../../../../../Invoice/InvoiceController';
 import Invoice from '../../../../..';
+import { Money } from '../../../../../tools/utils';
 import './index.less';
 
 const nzhcn = require('nzh').cn;
@@ -101,7 +102,7 @@ export default () => {
         <div style={{ flex: 5, border: 'none' }}>
           <label>价税合计（大写）</label>
           <label>
-            {nzhcn.toMoney(lineAmountIncludeTax, { outSymbol: false })}
+            {Money.toStringChinese(lineAmountIncludeTax)}
           </label>
         </div>
         <div style={{ flex: 5, border: 'none' }}>

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/ui/ItemNameInput/index.tsx

@@ -27,23 +27,23 @@ export default function ItemNameInput(props: {
     }, [])
 
     const onBlur = React.useCallback(async (searchText: any) => {
-      try {
-        if (autoComplete.onItemNameBlur) {
-          if (!selectLine?.shorthand && !!searchText?.target?.value) {
-            const taxCategoryData: any = await autoComplete.onItemNameBlur(searchText);
-            if (taxCategoryData && taxCategoryData[0]) {
-              const params = {
-                taxClassificationCode: taxCategoryData[0].taxCategoryCode,
-                shorthand: taxCategoryData[0].shorthand
-              }
-              controller.itemNameBlur(params);
+        try {
+            if (autoComplete.onItemNameBlur) {
+                if (!selectLine?.shorthand && !!searchText?.target?.value) {
+                    const taxCategoryData: any = await autoComplete.onItemNameBlur(searchText);
+                    if (taxCategoryData && taxCategoryData[0]) {
+                        const params = {
+                            taxClassificationCode: taxCategoryData[0].taxCategoryCode,
+                            shorthand: taxCategoryData[0].shorthand
+                        }
+                        controller.itemNameBlur(params);
+                    }
+                }
+                setSelectLine(null);
             }
-          }
-          setSelectLine(null);
+        } catch (error) {
+            throw error;
         }
-      } catch (error) {
-        throw error;
-      }
     }, [autoComplete.onItemNameBlur, selectLine, props.editGood])
 
     const onChangeAutoComplete = React.useCallback(async (_, i) => {
@@ -57,8 +57,10 @@ export default function ItemNameInput(props: {
     const onSearch = React.useCallback(async (searchText: string) => {
         try {
             if (autoComplete.onItemNameSearch && searchText) {
-                const list = [...await autoComplete.onItemNameSearch(searchText)].map(e => ({ ...e, $index: uuid() }));;
+                const list = [...await autoComplete.onItemNameSearch(searchText)].map(e => ({ ...e, $index: uuid() }));
                 setOptions(list);
+            } else {
+                setOptions([]);
             }
         } catch (error) {
             setOptions([]);
@@ -69,11 +71,11 @@ export default function ItemNameInput(props: {
     return (
         <div className='kts-invoice-operate-goods-list-itemName-input'>
             {props.shorthand && <span style={{ alignSelf: 'center', fontSize: 12 }} >*{props.shorthand}*</span>}
-            <AutoComplete 
-              onSearch={onSearch} 
-              value={props.value} 
-              options={options.map(e => ({ value: e.$index, label: e.itemName }))}
-              onSelect={onChangeAutoComplete} 
+            <AutoComplete
+                onSearch={onSearch}
+                value={props.value}
+                options={options.map(e => ({ value: e.$index, label: e.itemName }))}
+                onSelect={onChangeAutoComplete}
             >
                 <Input style={{ height: '100%' }} onChange={onChange} suffix={props.suffix} onBlur={onBlur} />
             </AutoComplete>

package/src/Invoice/ui/digtal/GoodsList/ui/Statistics/index.tsx

@@ -4,10 +4,9 @@ import { } from 'kts-components-antd-x3';
 import { ReactComponent as ForkSvg } from './svg/fork.svg';
 import { chain, bignumber } from 'mathjs';
 import Invoice from '../../../../..';
+import { Money } from '../../../../../tools/utils';
 import './index.less';
 
-const nzhcn = require('nzh').cn;
-
 export default () => {
   const controller = Invoice.useInvoiceController();
 
@@ -88,7 +87,7 @@ export default () => {
         <div>价税合计（大写）</div>
         <div style={{ paddingLeft: 30 }} >
           <Icon style={{fontSize: 16}} component={ForkSvg} />
-          <span style={{ fontWeight: 'bold', marginLeft: 4 }} >{nzhcn.toMoney(lineAmountIncludeTax, { outSymbol: false })}</span>
+          <span style={{ fontWeight: 'bold', marginLeft: 4 }} >{Money.toStringChinese(lineAmountIncludeTax)}</span>
         </div>
         <div style={{ flex: 1 }} />
         <div style={{ width: 90, color: '#9F613E' }} >（小写）</div>