kts-component-invoice-operate 3.2.0 → 3.2.2

package/dist/Invoice/Invoice-digtal/_test/importGoods/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/Invoice/Invoice-digtal/_test/importStakeholder/index.d.ts

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

package/dist/Invoice/ui/digtal/GoodsList/hook/useColumns/ui/ItemNameInput/index.d.ts

@@ -1,7 +1,8 @@
-import { ChangeEvent } from 'react';
+import React, { ChangeEvent } from 'react';
 import './index.less';
 export default function ItemNameInput(props: {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    suffix?: React.ReactNode;
     value?: string;
     shorthand?: string;
 }): JSX.Element;

package/dist/Invoice/ui/digtal/Stakeholder/index.d.ts

@@ -1,6 +1,11 @@
 import React from "react";
+import InvoiceController from "../../../InvoiceController";
 import './index.less';
 export interface IStakeholder {
+    /** 是否显示导入按钮 */
+    isShowImportButton?: boolean;
+    /** 点击了 */
+    onClickImportButton?: (e: InvoiceController) => void;
 }
 /** 干系人 */
 declare const _default: React.FunctionComponent<IStakeholder>;

package/dist/InvoiceTypeModal/index.d.ts

@@ -5,9 +5,9 @@ export interface IFormValues {
     /** 开票种类 */
     billingType: 'digital' | 'taxation';
     /** 特定业务 */
-    business: any;
+    business?: any;
     /** 选择票类 */
-    invoiceType: any;
+    invoiceType?: any;
 }
 export interface IInvoiceTypeModalProps {
     /** 窗口标题 */
@@ -18,6 +18,8 @@ export interface IInvoiceTypeModalProps {
     onOk?: (values: IFormValues) => void;
     /** 点击了取消 */
     onCancel?: () => void;
+    /** 切换了 开票种类 */
+    onChange?: (e: 'digital' | 'taxation') => void;
     /** 禁用列表 */
     disableds?: ('billingType' | 'invoiceType' | 'business')[];
     /** 选择票类 选项 */

package/dist/index.esm.js

@@ -1545,7 +1545,7 @@ var addGoodDiscountV2 = /*#__PURE__*/(function () {
 function getLineAmountExcludeTax(lineAmountIncludeTax) {
   var taxRate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var biTaxRate = chain$1(bignumber(taxRate)).divide(bignumber(100)).done();
-  return chain$1(bignumber(lineAmountIncludeTax)).divide(chain$1(bignumber(1)).add(biTaxRate).done()).multiply(bignumber(100)).floor().divide(bignumber(100)).done().toNumber();
+  return chain$1(bignumber(lineAmountIncludeTax)).divide(chain$1(bignumber(1)).add(biTaxRate).done()).multiply(bignumber(100)).round().divide(bignumber(100)).done().toNumber();
 }
 /** 税额 = 含税金额 - 金额（不含税） */
 
@@ -14008,6 +14008,32 @@ function SvgArrowDown(props) {
   })));
 }
 
+var _g, _defs$2;
+
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+
+function SvgPlus(props) {
+  return /*#__PURE__*/createElement("svg", _extends$5({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 15,
+    fill: "none"
+  }, props), _g || (_g = /*#__PURE__*/createElement("g", {
+    clipPath: "url(#plus_svg__clip0_715_360)"
+  }, /*#__PURE__*/createElement("path", {
+    d: "M8 14.531A7.031 7.031 0 118 .468a7.031 7.031 0 010 14.063zm0-.937A6.094 6.094 0 108 1.406a6.094 6.094 0 000 12.188z"
+  }), /*#__PURE__*/createElement("path", {
+    d: "M4.25 7.969a.469.469 0 010-.938h7.5a.47.47 0 010 .938h-7.5z"
+  }), /*#__PURE__*/createElement("path", {
+    d: "M7.531 3.75a.469.469 0 01.938 0v7.5a.47.47 0 01-.938 0v-7.5z"
+  }))), _defs$2 || (_defs$2 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+    id: "plus_svg__clip0_715_360"
+  }, /*#__PURE__*/createElement("path", {
+    transform: "translate(.5)",
+    d: "M0 0h15v15H0z"
+  })))));
+}
+
 var css_248z$d = ".kts-invoice-operate-invoice-digtal-stakeholder {\n  display: flex;\n}\n.kts-invoice-operate-invoice-digtal-stakeholder .digtal-stakeholder-expand-button {\n  cursor: pointer;\n}\n.kts-invoice-operate-invoice-digtal-stakeholder > div {\n  border-right: 2px solid #9F613E;\n}\n.kts-invoice-operate-invoice-digtal-stakeholder > div:nth-child(even) {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n}\n.kts-invoice-operate-invoice-digtal-stakeholder > div:nth-child(odd) {\n  flex: none;\n  text-align: center;\n  color: #9F613E;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  justify-items: center;\n  padding: 0 4px;\n}\n.kts-invoice-operate-invoice-digtal-stakeholder > div:last-child {\n  border-right: none;\n}\n.kts-invoice-operate-invoice-digtal-stakeholder .digtal-stakeholder-form {\n  padding: 20px 10px;\n}\n.kts-invoice-operate-invoice-digtal-stakeholder .digtal-stakeholder-form .ktsAnt3x-row.ktsAnt3x-form-item {\n  display: flex;\n  margin-bottom: 0;\n}\n.kts-invoice-operate-invoice-digtal-stakeholder .digtal-stakeholder-form .ktsAnt3x-row.ktsAnt3x-form-item .ktsAnt3x-form-item-label {\n  flex: none;\n  font-weight: 500;\n}\n.kts-invoice-operate-invoice-digtal-stakeholder .digtal-stakeholder-form .ktsAnt3x-row.ktsAnt3x-form-item .ktsAnt3x-form-item-label label {\n  color: #9F603D;\n}\n.kts-invoice-operate-invoice-digtal-stakeholder .digtal-stakeholder-form .ktsAnt3x-row.ktsAnt3x-form-item .ktsAnt3x-form-item-control-wrapper {\n  flex: 1;\n}\n";
 styleInject(css_248z$d);
 
@@ -14066,7 +14092,9 @@ var formatCompanyName = function formatCompanyName(e) {
 
 
 var Stakeholder$1 = decorator(Form.create())(function (props) {
-  var form = props.form;
+  var form = props.form,
+      isShowImportButton = props.isShowImportButton,
+      onClickImportButton = props.onClickImportButton;
 
   var _React$useState = React.useState(true),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14123,7 +14151,20 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
   })(React.createElement(MyInput$1, {
     readOnly: isReadOnly('buyerName'),
     placeholder: "\u8BF7\u8F93\u5165",
-    autoComplete: "off"
+    autoComplete: "off",
+    suffix: isShowImportButton === true && React.createElement(Button$1, {
+      type: 'link',
+      style: {
+        padding: 0,
+        width: 20
+      },
+      icon: React.createElement(Icon, {
+        component: SvgPlus
+      }),
+      onClick: function onClick() {
+        onClickImportButton && onClickImportButton(controller);
+      }
+    })
   })))), React.createElement(Col, {
     span: 24
   }, React.createElement(Form.Item, {
@@ -14506,17 +14547,17 @@ function TableVirtual$1 (props) {
   })));
 }
 
-var _g, _defs$2;
+var _g$1, _defs$3;
 
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
 
 function SvgFork(props) {
-  return /*#__PURE__*/createElement("svg", _extends$5({
+  return /*#__PURE__*/createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     fill: "none"
-  }, props), _g || (_g = /*#__PURE__*/createElement("g", {
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/createElement("g", {
     clipPath: "url(#fork_svg__clip0_695_1221)",
     fill: "#333"
   }, /*#__PURE__*/createElement("path", {
@@ -14525,7 +14566,7 @@ function SvgFork(props) {
     d: "M10.702 11.329l-5.973-5.97.629-.63 5.971 5.971-.627.629z"
   }), /*#__PURE__*/createElement("path", {
     d: "M4.669 10.702l5.97-5.971.63.628-5.972 5.972-.628-.629z"
-  }))), _defs$2 || (_defs$2 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+  }))), _defs$3 || (_defs$3 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
     id: "fork_svg__clip0_695_1221"
   }, /*#__PURE__*/createElement("path", {
     fill: "#fff",
@@ -14885,10 +14926,10 @@ var TaxIncludedSwitch$1 = (function () {
 
 var _path$5;
 
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 
 function SvgMagnifier$1(props) {
-  return /*#__PURE__*/createElement("svg", _extends$6({
+  return /*#__PURE__*/createElement("svg", _extends$7({
     className: "magnifier_svg__icon",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg",
@@ -15011,6 +15052,32 @@ function TableRow$1(props) {
   }));
 }
 
+var _g$2, _defs$4;
+
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+
+function SvgPlus$1(props) {
+  return /*#__PURE__*/createElement("svg", _extends$8({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 15,
+    fill: "none"
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/createElement("g", {
+    clipPath: "url(#plus_svg__clip0_715_360)"
+  }, /*#__PURE__*/createElement("path", {
+    d: "M8 14.531A7.031 7.031 0 118 .468a7.031 7.031 0 010 14.063zm0-.937A6.094 6.094 0 108 1.406a6.094 6.094 0 000 12.188z"
+  }), /*#__PURE__*/createElement("path", {
+    d: "M4.25 7.969a.469.469 0 010-.938h7.5a.47.47 0 010 .938h-7.5z"
+  }), /*#__PURE__*/createElement("path", {
+    d: "M7.531 3.75a.469.469 0 01.938 0v7.5a.47.47 0 01-.938 0v-7.5z"
+  }))), _defs$4 || (_defs$4 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+    id: "plus_svg__clip0_715_360"
+  }, /*#__PURE__*/createElement("path", {
+    transform: "translate(.5)",
+    d: "M0 0h15v15H0z"
+  })))));
+}
+
 var Text$5 = Typography.Text;
 var TitleText$1 = (function (props) {
   var rules = props.rules,
@@ -15046,7 +15113,8 @@ function ItemNameInput$1(props) {
       height: '100%'
     },
     value: props.value,
-    onChange: onChange
+    onChange: onChange,
+    suffix: props.suffix
   }));
 }
 
@@ -16257,37 +16325,42 @@ var useColumns$1 = (function (form) {
             }])
           })(React.createElement(ItemNameInput$1, {
             shorthand: editGood.shorthand,
-            onChange: function onChange() {
-              onChangeItemName$1(controller, form, record);
-            }
-          })), React.createElement("div", {
-            className: "kts-invoice-operate-goods-list-able-list-itemName-import"
-          }, controller.getGoodsList && model !== 'readOnly' && React.createElement(Tooltip$1, {
-            title: "\u70B9\u51FB\u4ECE\u5546\u54C1\u7BA1\u7406\u4E2D\u6DFB\u52A0\u5546\u54C1\u4FE1\u606F"
-          }, React.createElement(Button$1, {
-            onClick: controller.pipeline( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(s) {
-                return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-                  while (1) {
-                    switch (_context3.prev = _context3.next) {
-                      case 0:
-                        s.goodsListState.importGoods.isVisibleDrawer = true;
+            suffix: React.createElement(Tooltip$1, {
+              title: "\u70B9\u51FB\u4ECE\u5546\u54C1\u7BA1\u7406\u4E2D\u6DFB\u52A0\u5546\u54C1\u4FE1\u606F"
+            }, React.createElement(Button$1, {
+              type: "link",
+              style: {
+                padding: 0,
+                width: 20
+              },
+              icon: React.createElement(Icon, {
+                component: SvgPlus$1
+              }),
+              onClick: controller.pipeline( /*#__PURE__*/function () {
+                var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(s) {
+                  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                    while (1) {
+                      switch (_context3.prev = _context3.next) {
+                        case 0:
+                          s.goodsListState.importGoods.isVisibleDrawer = true;
 
-                      case 1:
-                      case "end":
-                        return _context3.stop();
+                        case 1:
+                        case "end":
+                          return _context3.stop();
+                      }
                     }
-                  }
-                }, _callee3);
-              }));
+                  }, _callee3);
+                }));
 
-              return function (_x5) {
-                return _ref2.apply(this, arguments);
-              };
-            }()),
-            type: "link",
-            icon: "plus-circle"
-          })))));
+                return function (_x5) {
+                  return _ref2.apply(this, arguments);
+                };
+              }())
+            })),
+            onChange: function onChange() {
+              onChangeItemName$1(controller, form, record);
+            }
+          }))));
         } else {
           return React.createElement("span", null, record.lineAttribute === LineAttributeType$1.折扣行 ? React.createElement("span", {
             className: 'goods-list-digtal-discount-tag'
@@ -17598,17 +17671,17 @@ var useDelRowButton$1 = (function () {
   };
 });
 
-var _g$1, _defs$3;
+var _g$3, _defs$5;
 
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 
 function SvgAdd(props) {
-  return /*#__PURE__*/createElement("svg", _extends$7({
+  return /*#__PURE__*/createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 15,
     height: 15,
     fill: "none"
-  }, props), _g$1 || (_g$1 = /*#__PURE__*/createElement("g", {
+  }, props), _g$3 || (_g$3 = /*#__PURE__*/createElement("g", {
     clipPath: "url(#add_svg__clip0_715_372)"
   }, /*#__PURE__*/createElement("path", {
     d: "M7.5 14.531A7.031 7.031 0 117.5.468a7.031 7.031 0 010 14.063zm0-.937a6.094 6.094 0 100-12.188 6.094 6.094 0 000 12.188z"
@@ -17616,7 +17689,7 @@ function SvgAdd(props) {
     d: "M3.75 7.969a.469.469 0 010-.938h7.5a.47.47 0 010 .938h-7.5z"
   }), /*#__PURE__*/createElement("path", {
     d: "M7.031 3.75a.469.469 0 01.938 0v7.5a.47.47 0 01-.938 0v-7.5z"
-  }))), _defs$3 || (_defs$3 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+  }))), _defs$5 || (_defs$5 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
     id: "add_svg__clip0_715_372"
   }, /*#__PURE__*/createElement("path", {
     d: "M0 0h15v15H0z"
@@ -17925,7 +17998,7 @@ function AddDiscountRowDrawer(props) {
               // 折扣金额占比
               var share = chain$1(bignumber((_e$lineAmountIncludeT2 = e === null || e === void 0 ? void 0 : e.lineAmountIncludeTax) !== null && _e$lineAmountIncludeT2 !== void 0 ? _e$lineAmountIncludeT2 : 0)).divide(bignumber(totalAmount)); // 折扣金额
 
-              var value = totalDiscoline.multiply(share.done()).multiply(bignumber(100)).floor().divide(bignumber(100)).done();
+              var value = totalDiscoline.multiply(share.done()).multiply(bignumber(100)).round().divide(bignumber(100)).done();
               discolinesSum = discolinesSum.add(value);
               return value.toNumber();
             }); // 剩余折扣金额
@@ -18363,6 +18436,13 @@ function InvoiceTypeModal(props) {
   var _props$disableds = props.disableds,
       disableds = _props$disableds === void 0 ? [] : _props$disableds;
 
+  var _React$useState = React.useState({
+    billingType: props.defaultBillingType || 'digital'
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      formValues = _React$useState2[0],
+      setValues = _React$useState2[1];
+
   var _Form$useForm = Form$1.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
@@ -18389,12 +18469,14 @@ function InvoiceTypeModal(props) {
   })), [props.onOk]);
   React.useEffect(function () {
     if (props.open) {
-      form.resetFields();
-      form.setFieldsValue({
+      var values = {
         billingType: props.defaultBillingType || 'digital',
         invoiceType: props.defaultInvoiceType,
         business: props.defaultBusiness
-      });
+      };
+      form.resetFields();
+      form.setFieldsValue(values);
+      setValues(values);
     }
   }, [props.open, props.defaultBillingType, props.defaultBusiness, props.defaultInvoiceType, form]);
   return React.createElement(Modal, {
@@ -18409,6 +18491,9 @@ function InvoiceTypeModal(props) {
     layout: "vertical",
     style: {
       paddingTop: 20
+    },
+    onValuesChange: function onValuesChange(_, e) {
+      setValues(e);
     }
   }, React.createElement(Row, {
     gutter: [16, 16]
@@ -18421,6 +18506,9 @@ function InvoiceTypeModal(props) {
     className: "goods-list-digtal-reselect-invoice-typeModal-radio",
     optionType: "button",
     disabled: disableds.indexOf('billingType') >= 0,
+    onChange: function onChange(e) {
+      props.onChange && props.onChange(e.target.value);
+    },
     options: [{
       label: '数电发票',
       value: 'digital'
@@ -18432,9 +18520,15 @@ function InvoiceTypeModal(props) {
     span: 12
   }, React.createElement(Form$1.Item, {
     name: 'invoiceType',
-    label: "\u9009\u62E9\u7968\u7C7B"
+    label: "\u9009\u62E9\u7968\u7C7B",
+    rules: [{
+      required: true,
+      message: '选择票类必填'
+    }]
   }, React.createElement(Select$1, {
     size: 'large',
+    allowClear: true,
+    placeholder: "\u8BF7\u9009\u62E9\uFF08\u975E\u5FC5\u586B\u9879\uFF09",
     disabled: disableds.indexOf('invoiceType') >= 0,
     options: props.invoiceTypeOptions
   }))), React.createElement(Col, {
@@ -18444,7 +18538,8 @@ function InvoiceTypeModal(props) {
     label: "\u7279\u5B9A\u4E1A\u52A1"
   }, React.createElement(Select$1, {
     size: 'large',
-    disabled: disableds.indexOf('business') >= 0,
+    allowClear: true,
+    disabled: disableds.indexOf('business') >= 0 || !formValues.invoiceType,
     options: props.businessOptions
   }))))));
 }
@@ -20190,12 +20285,12 @@ var Digtal = function Digtal(props) {
   , React.createElement("div", {
     className: 'kts-invoice-operate-digtal-cont'
   }, props.stakeholder || React.createElement(Stakeholder$1, null)
-  /** 干系人 */
+  /** 干系人   */
   , props.goodsList || React.createElement(GoodsList$1
   /** 货物列表 */
   , null)), props.sign || React.createElement(SignDigtal, null)
   /** 落款 */
-  ), React.createElement(EndowCodeDrawer, null));
+  ), React.createElement(ImportGoodsDrawer, null), React.createElement(EndowCodeDrawer, null));
 };
 
 export { Invoice, InvoiceController, InvoiceTypeModal };