kts-component-invoice-operate 3.0.5 → 3.0.6

package/dist/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/IColumnsReplenish/index.d.ts

@@ -0,0 +1,6 @@
+/** 商品表格补充配置 */
+import { ValidationRule } from "kts-components-antd-x3/lib/form";
+export default interface IColumnsReplenish {
+    /** 补充的规则 */
+    rules: ValidationRule[];
+}

package/dist/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/index.d.ts

@@ -5,6 +5,7 @@ import EndowCode from './EndowCode';
 import ProductComparison from './ProductComparison';
 import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
 import InvoiceController from '../..';
+import IColumnsReplenish from './IColumnsReplenish';
 export default class GoodsListState {
     /** 扣除额 */
     deduction: number;
@@ -22,6 +23,10 @@ export default class GoodsListState {
     editGood?: IGood;
     /** 被编辑行的form对象 */
     form?: WrappedFormUtils;
+    /** 商品表格补充配置 */
+    columnsReplenish: {
+        [key: string]: IColumnsReplenish;
+    };
     /** 单位列表 */
     unitList: string[];
     /** 默认税率 */

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ValidationRule } from 'kts-components-antd-x3/lib/form';
+declare const _default: (props: {
+    children?: React.ReactNode;
+    required?: boolean;
+    rules?: ValidationRule[];
+}) => JSX.Element;
+export default _default;

package/dist/index.esm.js

@@ -993,6 +993,7 @@ var GoodsListState = /*#__PURE__*/_createClass(function GoodsListState() {
   this.isMyShow = false;
   this.editGood = void 0;
   this.form = void 0;
+  this.columnsReplenish = {};
   this.unitList = [];
   this.defaultRate = 3;
   this.taxRateList = [0, 3, 5, 6, 9, 13];
@@ -9384,6 +9385,20 @@ var RowMenu = (function (props) {
 });
 
 var Text$2 = Typography.Text;
+var TitleText = (function (props) {
+  var rules = props.rules,
+      children = props.children;
+  var required = React.useMemo(function () {
+    return (rules === null || rules === void 0 ? void 0 : rules.some(function (e) {
+      return !!e.required;
+    })) || props.required;
+  }, [rules, props.required]);
+  return React.createElement(React.Fragment, null, required ? React.createElement(Text$2, {
+    type: "danger"
+  }, "*") : React.createElement(React.Fragment, null), children);
+});
+
+var Text$3 = Typography.Text;
 var useColumns = (function (form) {
   var getFieldDecorator = form.getFieldDecorator,
       getFieldValue = form.getFieldValue;
@@ -9423,6 +9438,11 @@ var useColumns = (function (form) {
   var unitList = controller.useMemo(function (e) {
     return e.goodsListState.unitList;
   }, []);
+  /** 商品表格补充配置 */
+
+  var columnsReplenish = controller.useMemo(function (e) {
+    return e.goodsListState.columnsReplenish;
+  }, []);
   /** 扣除额 */
 
   var deduction = controller.useMemo(function (e) {
@@ -9434,10 +9454,17 @@ var useColumns = (function (form) {
       _React$useState2 = _slicedToArray(_React$useState, 2),
       changeField = _React$useState2[0],
       setChangeField = _React$useState2[1];
-  /** 表头 */
+  /** 获取补充校验规则 */
 
 
+  var getReplenishRules = React.useCallback(function (id) {
+    return columnsReplenish[id] ? columnsReplenish[id].rules || [] : [];
+  }, [columnsReplenish]);
+  /** 表头 */
+
   var columns = React.useMemo(function () {
+    var _columnsReplenish$ite, _columnsReplenish$uni, _columnsReplenish$qua, _columnsReplenish$pri, _columnsReplenish$pri2, _columnsReplenish$tax;
+
     return [{
       title: '序号',
       key: 'serialNo',
@@ -9451,9 +9478,9 @@ var useColumns = (function (form) {
         }, e);
       }
     }, {
-      title: React.createElement(React.Fragment, null, React.createElement(Text$2, {
-        type: "danger"
-      }, "*"), "\u9879\u76EE\u540D\u79F0"),
+      title: React.createElement(TitleText, {
+        required: true
+      }, "\u9879\u76EE\u540D\u79F0"),
       key: 'itemName',
       render: function render(_, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
@@ -9463,7 +9490,7 @@ var useColumns = (function (form) {
             }
           }, getFieldDecorator('itemName', {
             initialValue: isMyShow ? record.itemNameSelf : record.itemName,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('itemName')), [{
               validator: function () {
                 var _validator = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_, __, callback) {
                   var value;
@@ -9503,7 +9530,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React.createElement(MyInput, {
             style: {
               flex: 1
@@ -9548,13 +9575,16 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '货物规格型号',
+      title: React.createElement(TitleText, {
+        rules: (_columnsReplenish$ite = columnsReplenish['itemModelName']) === null || _columnsReplenish$ite === void 0 ? void 0 : _columnsReplenish$ite.rules
+      }, "\u8D27\u7269\u89C4\u683C\u578B\u53F7"),
       key: 'itemModelName',
       width: 119,
       render: function render(_, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React.createElement(Form.Item, null, getFieldDecorator('itemModelName', {
-            initialValue: isMyShow ? editGood.itemModelNameSelf : editGood.itemModelName
+            initialValue: isMyShow ? editGood.itemModelNameSelf : editGood.itemModelName,
+            rules: getReplenishRules('itemModelName')
           })(React.createElement(MyInput, {
             onChange: function () {
               var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
@@ -9596,13 +9626,16 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '单位',
+      title: React.createElement(TitleText, {
+        rules: (_columnsReplenish$uni = columnsReplenish['unit']) === null || _columnsReplenish$uni === void 0 ? void 0 : _columnsReplenish$uni.rules
+      }, "\u5355\u4F4D"),
       key: 'unit',
       width: 70,
       render: function render(_, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React.createElement(Form.Item, null, getFieldDecorator('unit', {
-            initialValue: editGood.unit
+            initialValue: editGood.unit,
+            rules: getReplenishRules('unit')
           })(React.createElement(AutoComplete, {
             style: {
               width: '100%'
@@ -9649,7 +9682,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '数量',
+      title: React.createElement(TitleText, {
+        rules: (_columnsReplenish$qua = columnsReplenish['quantity']) === null || _columnsReplenish$qua === void 0 ? void 0 : _columnsReplenish$qua.rules
+      }, "\u6570\u91CF"),
       dataIndex: 'quantity',
       key: 'quantity',
       align: 'right',
@@ -9658,7 +9693,7 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React.createElement(Form.Item, null, getFieldDecorator('quantity', {
             initialValue: editGood.quantity,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('quantity')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
               message: '数量必须为数字'
             }, {
@@ -9700,7 +9735,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React.createElement(MyInput, {
             style: {
               textAlign: 'right'
@@ -9721,7 +9756,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '单价(含税)',
+      title: React.createElement(TitleText, {
+        rules: (_columnsReplenish$pri = columnsReplenish['priceIncludeTax']) === null || _columnsReplenish$pri === void 0 ? void 0 : _columnsReplenish$pri.rules
+      }, "\u5355\u4EF7(\u542B\u7A0E)"),
       dataIndex: 'priceIncludeTax',
       key: 'priceIncludeTax',
       align: 'right',
@@ -9730,7 +9767,7 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React.createElement(Form.Item, null, getFieldDecorator('priceIncludeTax', {
             initialValue: editGood.priceIncludeTax,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('priceIncludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
               message: '单价必须为数字'
             }, {
@@ -9772,7 +9809,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React.createElement(MyInput, {
             style: {
               textAlign: 'right'
@@ -9793,7 +9830,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '单价(不含税)',
+      title: React.createElement(TitleText, {
+        rules: (_columnsReplenish$pri2 = columnsReplenish['priceExcludeTax']) === null || _columnsReplenish$pri2 === void 0 ? void 0 : _columnsReplenish$pri2.rules
+      }, "\u5355\u4EF7(\u4E0D\u542B\u7A0E)"),
       dataIndex: 'priceExcludeTax',
       key: 'priceExcludeTax',
       align: 'right',
@@ -9802,7 +9841,7 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React.createElement(Form.Item, null, getFieldDecorator('priceExcludeTax', {
             initialValue: editGood.priceExcludeTax,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('priceExcludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
               message: '单价必须为数字'
             }, {
@@ -9844,7 +9883,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React.createElement(MyInput, {
             style: {
               textAlign: 'right'
@@ -9865,9 +9904,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: React.createElement(React.Fragment, null, React.createElement(Text$2, {
-        type: "danger"
-      }, "*"), "\u91D1\u989D(\u542B\u7A0E)"),
+      title: React.createElement(TitleText, {
+        required: true
+      }, "\u91D1\u989D(\u542B\u7A0E)"),
       dataIndex: 'lineAmountIncludeTax',
       key: 'lineAmountIncludeTax',
       width: 119,
@@ -9876,7 +9915,7 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React.createElement(Form.Item, null, getFieldDecorator('lineAmountIncludeTax', {
             initialValue: editGood.lineAmountIncludeTax,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('lineAmountIncludeTax')), [{
               required: true,
               message: '金额不能为空'
             }, {
@@ -9932,7 +9971,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React.createElement(MyInput, {
             style: {
               textAlign: 'right'
@@ -9952,9 +9991,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: React.createElement(React.Fragment, null, React.createElement(Text$2, {
-        type: "danger"
-      }, "*"), "\u91D1\u989D(\u4E0D\u542B\u7A0E)"),
+      title: React.createElement(TitleText, {
+        required: true
+      }, "\u91D1\u989D(\u4E0D\u542B\u7A0E)"),
       dataIndex: 'lineAmountExcludeTax',
       key: 'lineAmountExcludeTax',
       align: 'right',
@@ -9963,7 +10002,7 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React.createElement(Form.Item, null, getFieldDecorator('lineAmountExcludeTax', {
             initialValue: editGood.lineAmountExcludeTax,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('lineAmountExcludeTax')), [{
               required: true,
               message: '金额不能为空'
             }, {
@@ -9994,7 +10033,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React.createElement(MyInput, {
             style: {
               textAlign: 'right'
@@ -10014,9 +10053,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: React.createElement(React.Fragment, null, React.createElement(Text$2, {
-        type: "danger"
-      }, "*"), "\u7A0E\u7387%"),
+      title: React.createElement(TitleText, {
+        required: true
+      }, "\u7A0E\u7387%"),
       dataIndex: 'taxRate',
       key: 'taxRate',
       align: 'right',
@@ -10025,13 +10064,13 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React.createElement(Form.Item, null, getFieldDecorator('taxRate', {
             initialValue: editGood.taxRate,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('taxRate')), [{
               required: true,
               message: ' '
             }, {
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
               message: ' '
-            }]
+            }])
           })(React.createElement(Select, {
             className: "kts-invoice-operate-goods-list-table-tax-rate",
             dropdownMenuStyle: {
@@ -10060,7 +10099,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '税额',
+      title: React.createElement(TitleText, {
+        rules: (_columnsReplenish$tax = columnsReplenish['taxAmount']) === null || _columnsReplenish$tax === void 0 ? void 0 : _columnsReplenish$tax.rules
+      }, "\u7A0E\u989D"),
       dataIndex: 'taxAmount',
       key: 'taxAmount',
       align: 'right',
@@ -10068,7 +10109,8 @@ var useColumns = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return getFieldDecorator('taxAmount', {
-            initialValue: editGood.taxAmount
+            initialValue: editGood.taxAmount,
+            rules: getReplenishRules('taxAmount')
           })(React.createElement(MyDiv, {
             loading: isCipher(changeField, 'taxAmount')
           }));
@@ -10998,7 +11040,7 @@ var lazyFn$1 = (function (fn) {
 var css_248z$7 = ".kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-body {\n  flex: 1;\n  overflow: auto;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-footer {\n  flex: none;\n}\n";
 styleInject(css_248z$7);
 
-var Text$3 = Typography.Text;
+var Text$4 = Typography.Text;
 
 var _create = create(all, {
   number: 'BigNumber',
@@ -11287,9 +11329,9 @@ var DrawerBody = decorator(Form.create())(function (props) {
   }, 300), [form, lineAmountSum]);
   return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "add-discount-row-body"
-  }, React.createElement("p", null, "\u5F53\u524D\u9009\u62E9", React.createElement(Text$3, {
+  }, React.createElement("p", null, "\u5F53\u524D\u9009\u62E9", React.createElement(Text$4, {
     type: "danger"
-  }, discountGoodIndex.length), "\u884C\u88AB\u6298\u6263\u5546\u54C1\u884C\uFF0C\u91D1\u989D\u5408\u8BA1\xA5", React.createElement(Text$3, {
+  }, discountGoodIndex.length), "\u884C\u88AB\u6298\u6263\u5546\u54C1\u884C\uFF0C\u91D1\u989D\u5408\u8BA1\xA5", React.createElement(Text$4, {
     type: "danger"
   }, lineAmountSum.toFixed(2))), React.createElement(Form.Item, {
     label: "\u6298\u6263\u7387\uFF1A"
@@ -12103,7 +12145,7 @@ function interval(i, t) {
 var css_248z$a = ".kts-invoice-operate-buyer {\n  display: flex;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message {\n  flex: 1;\n  display: flex;\n  position: relative;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .ktsAnt3x-descriptions-item-label {\n  width: 179px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list {\n  width: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-view {\n  border: none;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-label {\n  padding: 0 10px;\n  font-size: 12px;\n  background-color: #fff;\n  line-height: 30px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content {\n  padding: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input {\n  box-shadow: none;\n  border-color: #fff;\n  border-radius: 0;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 30px;\n  width: 100%;\n  height: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover {\n  border: 1 solid;\n  border-color: #40a9ff;\n  border-right-width: 1px !important;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover {\n  background-color: #fff;\n  border: 1 solid;\n  border-color: #f5222d;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-control {\n  line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children {\n  height: 30px;\n  display: block;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children .ktsAnt3x-btn {\n  line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-explain {\n  position: absolute;\n  left: 5px;\n  top: 6px;\n  z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-Import {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-password {\n  border-left: 1px solid #dcdcdc;\n  display: flex;\n  flex: none;\n  width: 458px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title {\n  flex: none;\n  width: 30px;\n  height: 100%;\n  text-align: center;\n  border-right: 1px solid #dcdcdc;\n  display: table;\n  padding: 0 5px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title label {\n  display: table-cell;\n  vertical-align: middle;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover {\n  padding-top: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-inner-content {\n  padding: 6px 0;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-arrow {\n  display: none;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content {\n  width: 567px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block {\n  padding: 14px 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block label {\n  display: block;\n  font-size: 12px;\n  color: #666666;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued {\n  padding: 0;\n  margin: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued li {\n  list-style: none;\n  width: 50%;\n  float: left;\n  margin-bottom: 20px;\n  padding: 0 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued::after {\n  content: \".\";\n  display: block;\n  height: 0;\n  clear: left;\n  visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company {\n  padding: 0;\n  margin: 0;\n  font-size: 12px;\n  padding: 10px;\n  font-weight: bold;\n  color: #000000;\n  cursor: pointer;\n  transition: background 0.4s;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:hover {\n  background: #e6e6e6e6;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:last-child {\n  margin-bottom: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company li {\n  list-style: none;\n  width: 50%;\n  float: left;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  padding-right: 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company::after {\n  content: \".\";\n  display: block;\n  height: 0;\n  clear: left;\n  visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag {\n  line-height: 1;\n  padding: 4px 12px;\n  background: #F3F3F3;\n  border-radius: 9999px;\n  font-size: 12px;\n  font-weight: bold;\n  color: #000;\n  cursor: pointer;\n  transition: background 0.4s;\n  display: inline-block;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag:hover {\n  background: #e6e6e6e6;\n}\n";
 styleInject(css_248z$a);
 
-var Text$4 = Typography.Text;
+var Text$5 = Typography.Text;
 
 var Buyer$1 = /*#__PURE__*/function (_React$Component) {
   _inherits(Buyer, _React$Component);
@@ -12217,7 +12259,7 @@ var Main$2 = decorator(Form.create())(function (props) {
       if (e.options.rules.some(function (e) {
         return e.required;
       })) {
-        return React.createElement(React.Fragment, null, React.createElement(Text$4, {
+        return React.createElement(React.Fragment, null, React.createElement(Text$5, {
           type: "danger"
         }, "*"), e.label);
       } else {

package/dist/index.js

@@ -1003,6 +1003,7 @@ var GoodsListState = /*#__PURE__*/_createClass(function GoodsListState() {
   this.isMyShow = false;
   this.editGood = void 0;
   this.form = void 0;
+  this.columnsReplenish = {};
   this.unitList = [];
   this.defaultRate = 3;
   this.taxRateList = [0, 3, 5, 6, 9, 13];
@@ -9394,6 +9395,20 @@ var RowMenu = (function (props) {
 });
 
 var Text$2 = ktsComponentsAntdX3.Typography.Text;
+var TitleText = (function (props) {
+  var rules = props.rules,
+      children = props.children;
+  var required = React__default['default'].useMemo(function () {
+    return (rules === null || rules === void 0 ? void 0 : rules.some(function (e) {
+      return !!e.required;
+    })) || props.required;
+  }, [rules, props.required]);
+  return React__default['default'].createElement(React__default['default'].Fragment, null, required ? React__default['default'].createElement(Text$2, {
+    type: "danger"
+  }, "*") : React__default['default'].createElement(React__default['default'].Fragment, null), children);
+});
+
+var Text$3 = ktsComponentsAntdX3.Typography.Text;
 var useColumns = (function (form) {
   var getFieldDecorator = form.getFieldDecorator,
       getFieldValue = form.getFieldValue;
@@ -9433,6 +9448,11 @@ var useColumns = (function (form) {
   var unitList = controller.useMemo(function (e) {
     return e.goodsListState.unitList;
   }, []);
+  /** 商品表格补充配置 */
+
+  var columnsReplenish = controller.useMemo(function (e) {
+    return e.goodsListState.columnsReplenish;
+  }, []);
   /** 扣除额 */
 
   var deduction = controller.useMemo(function (e) {
@@ -9444,10 +9464,17 @@ var useColumns = (function (form) {
       _React$useState2 = _slicedToArray(_React$useState, 2),
       changeField = _React$useState2[0],
       setChangeField = _React$useState2[1];
-  /** 表头 */
+  /** 获取补充校验规则 */
 
 
+  var getReplenishRules = React__default['default'].useCallback(function (id) {
+    return columnsReplenish[id] ? columnsReplenish[id].rules || [] : [];
+  }, [columnsReplenish]);
+  /** 表头 */
+
   var columns = React__default['default'].useMemo(function () {
+    var _columnsReplenish$ite, _columnsReplenish$uni, _columnsReplenish$qua, _columnsReplenish$pri, _columnsReplenish$pri2, _columnsReplenish$tax;
+
     return [{
       title: '序号',
       key: 'serialNo',
@@ -9461,9 +9488,9 @@ var useColumns = (function (form) {
         }, e);
       }
     }, {
-      title: React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(Text$2, {
-        type: "danger"
-      }, "*"), "\u9879\u76EE\u540D\u79F0"),
+      title: React__default['default'].createElement(TitleText, {
+        required: true
+      }, "\u9879\u76EE\u540D\u79F0"),
       key: 'itemName',
       render: function render(_, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
@@ -9473,7 +9500,7 @@ var useColumns = (function (form) {
             }
           }, getFieldDecorator('itemName', {
             initialValue: isMyShow ? record.itemNameSelf : record.itemName,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('itemName')), [{
               validator: function () {
                 var _validator = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_, __, callback) {
                   var value;
@@ -9513,7 +9540,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React__default['default'].createElement(MyInput, {
             style: {
               flex: 1
@@ -9558,13 +9585,16 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '货物规格型号',
+      title: React__default['default'].createElement(TitleText, {
+        rules: (_columnsReplenish$ite = columnsReplenish['itemModelName']) === null || _columnsReplenish$ite === void 0 ? void 0 : _columnsReplenish$ite.rules
+      }, "\u8D27\u7269\u89C4\u683C\u578B\u53F7"),
       key: 'itemModelName',
       width: 119,
       render: function render(_, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('itemModelName', {
-            initialValue: isMyShow ? editGood.itemModelNameSelf : editGood.itemModelName
+            initialValue: isMyShow ? editGood.itemModelNameSelf : editGood.itemModelName,
+            rules: getReplenishRules('itemModelName')
           })(React__default['default'].createElement(MyInput, {
             onChange: function () {
               var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
@@ -9606,13 +9636,16 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '单位',
+      title: React__default['default'].createElement(TitleText, {
+        rules: (_columnsReplenish$uni = columnsReplenish['unit']) === null || _columnsReplenish$uni === void 0 ? void 0 : _columnsReplenish$uni.rules
+      }, "\u5355\u4F4D"),
       key: 'unit',
       width: 70,
       render: function render(_, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('unit', {
-            initialValue: editGood.unit
+            initialValue: editGood.unit,
+            rules: getReplenishRules('unit')
           })(React__default['default'].createElement(ktsComponentsAntdX3.AutoComplete, {
             style: {
               width: '100%'
@@ -9659,7 +9692,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '数量',
+      title: React__default['default'].createElement(TitleText, {
+        rules: (_columnsReplenish$qua = columnsReplenish['quantity']) === null || _columnsReplenish$qua === void 0 ? void 0 : _columnsReplenish$qua.rules
+      }, "\u6570\u91CF"),
       dataIndex: 'quantity',
       key: 'quantity',
       align: 'right',
@@ -9668,7 +9703,7 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('quantity', {
             initialValue: editGood.quantity,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('quantity')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
               message: '数量必须为数字'
             }, {
@@ -9710,7 +9745,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React__default['default'].createElement(MyInput, {
             style: {
               textAlign: 'right'
@@ -9731,7 +9766,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '单价(含税)',
+      title: React__default['default'].createElement(TitleText, {
+        rules: (_columnsReplenish$pri = columnsReplenish['priceIncludeTax']) === null || _columnsReplenish$pri === void 0 ? void 0 : _columnsReplenish$pri.rules
+      }, "\u5355\u4EF7(\u542B\u7A0E)"),
       dataIndex: 'priceIncludeTax',
       key: 'priceIncludeTax',
       align: 'right',
@@ -9740,7 +9777,7 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('priceIncludeTax', {
             initialValue: editGood.priceIncludeTax,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('priceIncludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
               message: '单价必须为数字'
             }, {
@@ -9782,7 +9819,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React__default['default'].createElement(MyInput, {
             style: {
               textAlign: 'right'
@@ -9803,7 +9840,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '单价(不含税)',
+      title: React__default['default'].createElement(TitleText, {
+        rules: (_columnsReplenish$pri2 = columnsReplenish['priceExcludeTax']) === null || _columnsReplenish$pri2 === void 0 ? void 0 : _columnsReplenish$pri2.rules
+      }, "\u5355\u4EF7(\u4E0D\u542B\u7A0E)"),
       dataIndex: 'priceExcludeTax',
       key: 'priceExcludeTax',
       align: 'right',
@@ -9812,7 +9851,7 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('priceExcludeTax', {
             initialValue: editGood.priceExcludeTax,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('priceExcludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
               message: '单价必须为数字'
             }, {
@@ -9854,7 +9893,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React__default['default'].createElement(MyInput, {
             style: {
               textAlign: 'right'
@@ -9875,9 +9914,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(Text$2, {
-        type: "danger"
-      }, "*"), "\u91D1\u989D(\u542B\u7A0E)"),
+      title: React__default['default'].createElement(TitleText, {
+        required: true
+      }, "\u91D1\u989D(\u542B\u7A0E)"),
       dataIndex: 'lineAmountIncludeTax',
       key: 'lineAmountIncludeTax',
       width: 119,
@@ -9886,7 +9925,7 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('lineAmountIncludeTax', {
             initialValue: editGood.lineAmountIncludeTax,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('lineAmountIncludeTax')), [{
               required: true,
               message: '金额不能为空'
             }, {
@@ -9942,7 +9981,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React__default['default'].createElement(MyInput, {
             style: {
               textAlign: 'right'
@@ -9962,9 +10001,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(Text$2, {
-        type: "danger"
-      }, "*"), "\u91D1\u989D(\u4E0D\u542B\u7A0E)"),
+      title: React__default['default'].createElement(TitleText, {
+        required: true
+      }, "\u91D1\u989D(\u4E0D\u542B\u7A0E)"),
       dataIndex: 'lineAmountExcludeTax',
       key: 'lineAmountExcludeTax',
       align: 'right',
@@ -9973,7 +10012,7 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('lineAmountExcludeTax', {
             initialValue: editGood.lineAmountExcludeTax,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('lineAmountExcludeTax')), [{
               required: true,
               message: '金额不能为空'
             }, {
@@ -10004,7 +10043,7 @@ var useColumns = (function (form) {
 
                 return validator;
               }()
-            }]
+            }])
           })(React__default['default'].createElement(MyInput, {
             style: {
               textAlign: 'right'
@@ -10024,9 +10063,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(Text$2, {
-        type: "danger"
-      }, "*"), "\u7A0E\u7387%"),
+      title: React__default['default'].createElement(TitleText, {
+        required: true
+      }, "\u7A0E\u7387%"),
       dataIndex: 'taxRate',
       key: 'taxRate',
       align: 'right',
@@ -10035,13 +10074,13 @@ var useColumns = (function (form) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('taxRate', {
             initialValue: editGood.taxRate,
-            rules: [{
+            rules: [].concat(_toConsumableArray(getReplenishRules('taxRate')), [{
               required: true,
               message: ' '
             }, {
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
               message: ' '
-            }]
+            }])
           })(React__default['default'].createElement(ktsComponentsAntdX3.Select, {
             className: "kts-invoice-operate-goods-list-table-tax-rate",
             dropdownMenuStyle: {
@@ -10070,7 +10109,9 @@ var useColumns = (function (form) {
         }
       }
     }, {
-      title: '税额',
+      title: React__default['default'].createElement(TitleText, {
+        rules: (_columnsReplenish$tax = columnsReplenish['taxAmount']) === null || _columnsReplenish$tax === void 0 ? void 0 : _columnsReplenish$tax.rules
+      }, "\u7A0E\u989D"),
       dataIndex: 'taxAmount',
       key: 'taxAmount',
       align: 'right',
@@ -10078,7 +10119,8 @@ var useColumns = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return getFieldDecorator('taxAmount', {
-            initialValue: editGood.taxAmount
+            initialValue: editGood.taxAmount,
+            rules: getReplenishRules('taxAmount')
           })(React__default['default'].createElement(MyDiv, {
             loading: isCipher(changeField, 'taxAmount')
           }));
@@ -11008,7 +11050,7 @@ var lazyFn$1 = (function (fn) {
 var css_248z$7 = ".kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-body {\n  flex: 1;\n  overflow: auto;\n}\n.kts-invoice-operate-goods-list-add-discount-row .ktsAnt3x-drawer-wrapper-body .ktsAnt3x-drawer-body .add-discount-row-footer {\n  flex: none;\n}\n";
 styleInject(css_248z$7);
 
-var Text$3 = ktsComponentsAntdX3.Typography.Text;
+var Text$4 = ktsComponentsAntdX3.Typography.Text;
 
 var _create = mathjs.create(mathjs.all, {
   number: 'BigNumber',
@@ -11297,9 +11339,9 @@ var DrawerBody = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(funct
   }, 300), [form, lineAmountSum]);
   return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement("div", {
     className: "add-discount-row-body"
-  }, React__default['default'].createElement("p", null, "\u5F53\u524D\u9009\u62E9", React__default['default'].createElement(Text$3, {
+  }, React__default['default'].createElement("p", null, "\u5F53\u524D\u9009\u62E9", React__default['default'].createElement(Text$4, {
     type: "danger"
-  }, discountGoodIndex.length), "\u884C\u88AB\u6298\u6263\u5546\u54C1\u884C\uFF0C\u91D1\u989D\u5408\u8BA1\xA5", React__default['default'].createElement(Text$3, {
+  }, discountGoodIndex.length), "\u884C\u88AB\u6298\u6263\u5546\u54C1\u884C\uFF0C\u91D1\u989D\u5408\u8BA1\xA5", React__default['default'].createElement(Text$4, {
     type: "danger"
   }, lineAmountSum.toFixed(2))), React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u6298\u6263\u7387\uFF1A"
@@ -12113,7 +12155,7 @@ function interval(i, t) {
 var css_248z$a = ".kts-invoice-operate-buyer {\n  display: flex;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message {\n  flex: 1;\n  display: flex;\n  position: relative;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .ktsAnt3x-descriptions-item-label {\n  width: 179px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list {\n  width: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-view {\n  border: none;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-label {\n  padding: 0 10px;\n  font-size: 12px;\n  background-color: #fff;\n  line-height: 30px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content {\n  padding: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input {\n  box-shadow: none;\n  border-color: #fff;\n  border-radius: 0;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 30px;\n  width: 100%;\n  height: 100%;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .ktsAnt3x-input:hover {\n  border: 1 solid;\n  border-color: #40a9ff;\n  border-right-width: 1px !important;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input,\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-descriptions-item-content .has-error .ktsAnt3x-input:hover {\n  background-color: #fff;\n  border: 1 solid;\n  border-color: #f5222d;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-control {\n  line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children {\n  height: 30px;\n  display: block;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-item-children .ktsAnt3x-btn {\n  line-height: 0;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-list .ktsAnt3x-form-explain {\n  position: absolute;\n  left: 5px;\n  top: 6px;\n  z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-message .kts-invoice-operate-buyer-message-Import {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  z-index: 10;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-password {\n  border-left: 1px solid #dcdcdc;\n  display: flex;\n  flex: none;\n  width: 458px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title {\n  flex: none;\n  width: 30px;\n  height: 100%;\n  text-align: center;\n  border-right: 1px solid #dcdcdc;\n  display: table;\n  padding: 0 5px;\n}\n.kts-invoice-operate-buyer .kts-invoice-operate-buyer-title label {\n  display: table-cell;\n  vertical-align: middle;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover {\n  padding-top: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-inner-content {\n  padding: 6px 0;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .ktsAnt3x-popover-arrow {\n  display: none;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content {\n  width: 567px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block {\n  padding: 14px 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-block label {\n  display: block;\n  font-size: 12px;\n  color: #666666;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued {\n  padding: 0;\n  margin: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued li {\n  list-style: none;\n  width: 50%;\n  float: left;\n  margin-bottom: 20px;\n  padding: 0 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-recently-issued::after {\n  content: \".\";\n  display: block;\n  height: 0;\n  clear: left;\n  visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company {\n  padding: 0;\n  margin: 0;\n  font-size: 12px;\n  padding: 10px;\n  font-weight: bold;\n  color: #000000;\n  cursor: pointer;\n  transition: background 0.4s;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:hover {\n  background: #e6e6e6e6;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company:last-child {\n  margin-bottom: 0;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company li {\n  list-style: none;\n  width: 50%;\n  float: left;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  padding-right: 10px;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content .kts-invoice-operate-buyer-name-content-select-company::after {\n  content: \".\";\n  display: block;\n  height: 0;\n  clear: left;\n  visibility: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag {\n  line-height: 1;\n  padding: 4px 12px;\n  background: #F3F3F3;\n  border-radius: 9999px;\n  font-size: 12px;\n  font-weight: bold;\n  color: #000;\n  cursor: pointer;\n  transition: background 0.4s;\n  display: inline-block;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.ktsAnt3x-popover.kts-invoice-operate-buyer-name-popover .kts-invoice-operate-buyer-name-content-tag:hover {\n  background: #e6e6e6e6;\n}\n";
 styleInject(css_248z$a);
 
-var Text$4 = ktsComponentsAntdX3.Typography.Text;
+var Text$5 = ktsComponentsAntdX3.Typography.Text;
 
 var Buyer$1 = /*#__PURE__*/function (_React$Component) {
   _inherits(Buyer, _React$Component);
@@ -12227,7 +12269,7 @@ var Main$2 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function
       if (e.options.rules.some(function (e) {
         return e.required;
       })) {
-        return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(Text$4, {
+        return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(Text$5, {
           type: "danger"
         }, "*"), e.label);
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.0.5",
+  "version": "3.0.6",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/IColumnsReplenish/index.ts

@@ -0,0 +1,10 @@
+
+/** 商品表格补充配置 */
+
+import { ValidationRule } from "kts-components-antd-x3/lib/form";
+
+export default interface IColumnsReplenish {
+
+    /** 补充的规则 */
+    rules: ValidationRule[];
+}

package/src/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/index.ts

@@ -4,6 +4,7 @@ import EndowCode from './EndowCode';
 import ProductComparison from './ProductComparison';
 import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
 import InvoiceController from '../..';
+import IColumnsReplenish from './IColumnsReplenish';
 
 export default class GoodsListState {
 
@@ -31,6 +32,9 @@ export default class GoodsListState {
   /** 被编辑行的form对象 */
   form?: WrappedFormUtils;
 
+  /** 商品表格补充配置 */
+  columnsReplenish: { [key: string]: IColumnsReplenish } = {};
+
   /** 单位列表 */
   unitList: string[] = [];
 

package/src/Invoice/_test/endowCode/index.tsx

@@ -69,7 +69,7 @@ class MyController1 extends Invoice.InvoiceController {
   getTaxCategoryCodeList = this.pipeline(async (s) => {
     console.log('===> 准备赋码的货物索引列表', s.goodsListState.endowCode.endowcodeGoodIndex);
     s.goodsListState.endowCode.getTaxCategoryCodeTree = async (taxCategoryCode?: string | undefined, val?: string | undefined) => {
-      if(! taxCategoryCode && !val) return [];
+      if (!taxCategoryCode && !val) return [];
       return moke.map(e => {
         return {
           label: `${e.taxCategoryCode}-${e.shorthand}`,
@@ -128,24 +128,83 @@ for (let i = 0; i <= 10000; i++) {
 
 const lines: any[] = [
   {
+    "buyersItemCode": null,
+    "buyersItemModelName": "GN-G32Z104",
+    "buyersItemName": "*配电控制设备*公牛(BULL)",
+    "buyersItemUnit": null,
+    "discount": 5010.04,
+    "discountGroup": "31b6d887-4877-4926-abe8-ab49ef6902da",
+    "dispatchDocumentReference": null,
+    "dispatchLineReference": null,
+    "favouredPolicyMark": "0",
+    "favouredPolicyName": null,
+    "id": "40823568750477313",
+    "itemModelName": "GN-G32Z104",
+    "itemName": "*配电控制设备*公牛(BULL)",
+    "lineAmountExcludeTax": 443365.88,
+    "lineAmountIncludeTax": 501003.53,
+    "lineAttribute": "2",
+    "lineDiscountExcludeTax": 4433.66,
+    "lineDiscountRate": null,
+    "lineId": "1740823580142206976",
+    "lineOrder": 1,
+    "materialCode": null,
+    "noticeCodeNo": null,
+    "noticeLineId": null,
+    "orderLineId": null,
+    "orderLineReference": null,
+    "orderNo": null,
+    "orderReference": null,
+    "priceExcludeTax": 827.17518997,
+    "priceIncludeTax": 934.70796467,
+    "quantity": 536,
+    "receiptDocumentReference": null,
+    "receiptLineReference": null,
+    "reconciliationDocumentReference": null,
+    "reconciliationSheetLineReference": null,
+    "relationReferences": null,
+    "requisitionLineNo": null,
+    "sellersItemCode": null,
+    "sellersItemModelName": null,
+    "sellersItemName": "*配电控制设备*1",
+    "sellersItemUnit": null,
+    "specialManagement": null,
+    "statementCode": null,
+    "statementLineId": null,
+    "taxAmount": 57637.65,
+    "taxClassificationCode": "1090407030000000000",
+    "taxDiscount": 576.38,
+    "taxRate": 13,
+    "unit": "件",
+    "zeroTaxRateFlag": null
+  },
+  {
+    "buyersItemCode": null,
+    "buyersItemModelName": "GN-G32Z104",
+    "buyersItemName": "*配电控制设备*公牛(BULL)",
+    "buyersItemUnit": null,
     "discount": null,
-    "discountGroup": "187da922-946f-4f0d-ba63-7935f0e5f9e5",
+    "discountGroup": "31b6d887-4877-4926-abe8-ab49ef6902da",
     "dispatchDocumentReference": null,
     "dispatchLineReference": null,
-    "favouredPolicyMark": "1",
-    "favouredPolicyName": "稀土产品",
-    "id": "1",
-    "itemModelName": null,
-    "itemName": "*研发和技术服务*技术服务费",
-    "lineAmountExcludeTax": 94.34,
-    "lineAmountIncludeTax": 100.00,
-    "lineAttribute": '0',
+    "favouredPolicyMark": "0",
+    "favouredPolicyName": null,
+    "id": "40823568750477313",
+    "itemModelName": "",
+    "itemName": "*配电控制设备*公牛(BULL)",
+    "lineAmountExcludeTax": -4433.66,
+    "lineAmountIncludeTax": -5010.04,
+    "lineAttribute": "1",
     "lineDiscountExcludeTax": null,
     "lineDiscountRate": null,
-    "lineId": "1449262336593362944",
-    "lineOrder": 0,
+    "lineId": "1740823580142206976",
+    "lineOrder": 2,
     "materialCode": null,
+    "noticeCodeNo": null,
+    "noticeLineId": null,
+    "orderLineId": null,
     "orderLineReference": null,
+    "orderNo": null,
     "orderReference": null,
     "priceExcludeTax": null,
     "priceIncludeTax": null,
@@ -156,11 +215,17 @@ const lines: any[] = [
     "reconciliationSheetLineReference": null,
     "relationReferences": null,
     "requisitionLineNo": null,
-    "specialManagement": "稀土产品",
-    "taxAmount": 5.66,
-    "taxClassificationCode": "3040105000000000000",
+    "sellersItemCode": null,
+    "sellersItemModelName": null,
+    "sellersItemName": "*配电控制设备*1",
+    "sellersItemUnit": null,
+    "specialManagement": null,
+    "statementCode": null,
+    "statementLineId": null,
+    "taxAmount": -576.38,
+    "taxClassificationCode": "1090407030000000000",
     "taxDiscount": null,
-    "taxRate": 6,
+    "taxRate": 13,
     "unit": "",
     "zeroTaxRateFlag": null
   }

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

@@ -5,6 +5,7 @@ import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
 import { IGood } from '../../../../InvoiceController';
 import Invoice from '../../../../';
 import RowMenu from './ui/RowMenu';
+import TitleText from './ui/TitleText';
 import {
   onChangeQuantity,
   onChangePriceIncludeTax,
@@ -12,8 +13,6 @@ import {
   onChangeLineAmountIncludeTax,
   onChangeLineAmountExcludeTax,
   onChangeTaxRate,
-  // onSaveEditGood,
-  // endowCode,
   onChangeItemName,
 } from './autoFillFn';
 
@@ -45,12 +44,20 @@ export default (form: WrappedFormUtils) => {
   /** 单位列表 */
   const unitList = controller.useMemo((e) => e.goodsListState.unitList, []);
 
+  /** 商品表格补充配置 */
+  const columnsReplenish = controller.useMemo((e) => e.goodsListState.columnsReplenish, []);
+
   /** 扣除额 */
   const deduction = controller.useMemo((e) => e.goodsListState.deduction, []);
 
   /** 变动的字段 */
   const [changeField, setChangeField] = React.useState('');
 
+  /** 获取补充校验规则 */
+  const getReplenishRules = React.useCallback((id: string) => {
+    return columnsReplenish[id] ? columnsReplenish[id].rules || [] : []
+  }, [columnsReplenish])
+
   /** 表头 */
   const columns = React.useMemo(() => {
     return [
@@ -62,11 +69,7 @@ export default (form: WrappedFormUtils) => {
         render: (e: number) => <span style={{ padding: '0 10px' }}>{e}</span>,
       },
       {
-        title: (
-          <>
-            <Text type="danger">*</Text>项目名称
-          </>
-        ),
+        title: <TitleText required >项目名称</TitleText>,
         key: 'itemName',
         render: (_: string, record: IGood) => {
           if (editGood?.$index === record.$index) {
@@ -75,17 +78,20 @@ export default (form: WrappedFormUtils) => {
                 <div style={{ display: 'flex' }} >
                   {getFieldDecorator('itemName', {
                     initialValue: isMyShow ? record.itemNameSelf : record.itemName,
-                    rules: [{
-                      validator: async (_, __, callback) => {
-                        await controller.wait();
-                        const value = controller.state.goodsListState.editGood;
-                        if (!value?.itemName && !value?.itemNameSelf) {
-                          callback('货物名称不能为空');
-                        } else {
-                          return;
+                    rules: [
+                      ...getReplenishRules('itemName'),
+                      {
+                        validator: async (_, __, callback) => {
+                          await controller.wait();
+                          const value = controller.state.goodsListState.editGood;
+                          if (!value?.itemName && !value?.itemNameSelf) {
+                            callback('货物名称不能为空');
+                          } else {
+                            return;
+                          }
                         }
                       }
-                    }]
+                    ]
                   })(
                     <MyInput
                       style={{ flex: 1 }}
@@ -120,7 +126,7 @@ export default (form: WrappedFormUtils) => {
         },
       },
       {
-        title: '货物规格型号',
+        title: <TitleText rules={columnsReplenish['itemModelName']?.rules} >货物规格型号</TitleText>,
         key: 'itemModelName',
         width: 119,
         render: (_: string, record: IGood) => {
@@ -129,6 +135,7 @@ export default (form: WrappedFormUtils) => {
               <Form.Item>
                 {getFieldDecorator('itemModelName', {
                   initialValue: isMyShow ? editGood.itemModelNameSelf : editGood.itemModelName,
+                  rules: getReplenishRules('itemModelName'),
                 })(
                   <MyInput
                     onChange={async () => {
@@ -154,7 +161,7 @@ export default (form: WrappedFormUtils) => {
         },
       },
       {
-        title: '单位',
+        title: <TitleText rules={columnsReplenish['unit']?.rules} >单位</TitleText>,
         key: 'unit',
         width: 70,
         render: (_: string, record: IGood) => {
@@ -163,6 +170,7 @@ export default (form: WrappedFormUtils) => {
               <Form.Item>
                 {getFieldDecorator('unit', {
                   initialValue: editGood.unit,
+                  rules: getReplenishRules('unit'),
                 })(
                   <AutoComplete
                     style={{ width: '100%' }}
@@ -184,7 +192,7 @@ export default (form: WrappedFormUtils) => {
         },
       },
       {
-        title: '数量',
+        title: <TitleText rules={columnsReplenish['quantity']?.rules} >数量</TitleText>,
         dataIndex: 'quantity',
         key: 'quantity',
         align: 'right',
@@ -196,6 +204,7 @@ export default (form: WrappedFormUtils) => {
                 {getFieldDecorator('quantity', {
                   initialValue: editGood.quantity,
                   rules: [
+                    ...getReplenishRules('quantity'),
                     { pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: '数量必须为数字' },
                     {
                       validator: async (_, value, callback) => {
@@ -226,7 +235,7 @@ export default (form: WrappedFormUtils) => {
         },
       },
       {
-        title: '单价(含税)',
+        title: <TitleText rules={columnsReplenish['priceIncludeTax']?.rules} >单价(含税)</TitleText>,
         dataIndex: 'priceIncludeTax',
         key: 'priceIncludeTax',
         align: 'right',
@@ -238,6 +247,7 @@ export default (form: WrappedFormUtils) => {
                 {getFieldDecorator('priceIncludeTax', {
                   initialValue: editGood.priceIncludeTax,
                   rules: [
+                    ...getReplenishRules('priceIncludeTax'),
                     { pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: '单价必须为数字' },
                     {
                       validator: async (_, value, callback) => {
@@ -268,7 +278,7 @@ export default (form: WrappedFormUtils) => {
         },
       },
       {
-        title: '单价(不含税)',
+        title: <TitleText rules={columnsReplenish['priceExcludeTax']?.rules} >单价(不含税)</TitleText>,
         dataIndex: 'priceExcludeTax',
         key: 'priceExcludeTax',
         align: 'right',
@@ -280,6 +290,7 @@ export default (form: WrappedFormUtils) => {
                 {getFieldDecorator('priceExcludeTax', {
                   initialValue: editGood.priceExcludeTax,
                   rules: [
+                    ...getReplenishRules('priceExcludeTax'),
                     { pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: '单价必须为数字' },
                     {
                       validator: async (_, value, callback) => {
@@ -310,11 +321,7 @@ export default (form: WrappedFormUtils) => {
         },
       },
       {
-        title: (
-          <>
-            <Text type="danger">*</Text>金额(含税)
-          </>
-        ),
+        title: <TitleText required >金额(含税)</TitleText>,
         dataIndex: 'lineAmountIncludeTax',
         key: 'lineAmountIncludeTax',
         width: 119,
@@ -326,6 +333,7 @@ export default (form: WrappedFormUtils) => {
                 {getFieldDecorator('lineAmountIncludeTax', {
                   initialValue: editGood.lineAmountIncludeTax,
                   rules: [
+                    ...getReplenishRules('lineAmountIncludeTax'),
                     { required: true, message: '金额不能为空' },
                     { pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: '金额必须为数字' },
                     {
@@ -361,11 +369,7 @@ export default (form: WrappedFormUtils) => {
         },
       },
       {
-        title: (
-          <>
-            <Text type="danger">*</Text>金额(不含税)
-          </>
-        ),
+        title: <TitleText required >金额(不含税)</TitleText>,
         dataIndex: 'lineAmountExcludeTax',
         key: 'lineAmountExcludeTax',
         align: 'right',
@@ -377,6 +381,7 @@ export default (form: WrappedFormUtils) => {
                 {getFieldDecorator('lineAmountExcludeTax', {
                   initialValue: editGood.lineAmountExcludeTax,
                   rules: [
+                    ...getReplenishRules('lineAmountExcludeTax'),
                     { required: true, message: '金额不能为空' },
                     { pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: '金额必须为数字' },
                     {
@@ -405,11 +410,7 @@ export default (form: WrappedFormUtils) => {
         },
       },
       {
-        title: (
-          <>
-            <Text type="danger">*</Text>税率%
-          </>
-        ),
+        title: <TitleText required >税率%</TitleText>,
         dataIndex: 'taxRate',
         key: 'taxRate',
         align: 'right',
@@ -421,6 +422,7 @@ export default (form: WrappedFormUtils) => {
                 {getFieldDecorator('taxRate', {
                   initialValue: editGood.taxRate,
                   rules: [
+                    ...getReplenishRules('taxRate'),
                     { required: true, message: ' ' },
                     { pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: ' ' },
                   ],
@@ -452,7 +454,7 @@ export default (form: WrappedFormUtils) => {
         },
       },
       {
-        title: '税额',
+        title: <TitleText rules={columnsReplenish['taxAmount']?.rules} >税额</TitleText>,
         dataIndex: 'taxAmount',
         key: 'taxAmount',
         align: 'right',
@@ -461,6 +463,7 @@ export default (form: WrappedFormUtils) => {
           if (editGood?.$index === record.$index) {
             return getFieldDecorator('taxAmount', {
               initialValue: editGood.taxAmount,
+              rules: getReplenishRules('taxAmount'),
             })(<MyDiv loading={isCipher(changeField, 'taxAmount')} />);
           } else {
             return <span style={{ padding: '0 10px' }}>{parseFloat(value).toFixed(2)}</span>;

package/src/Invoice/ui/GoodsList/hook/useColumns/ui/TitleText/index.tsx

@@ -0,0 +1,20 @@
+
+import React from 'react';
+import { Typography } from 'kts-components-antd-x3';
+import { ValidationRule } from 'kts-components-antd-x3/lib/form';
+
+const { Text } = Typography;
+
+export default (props: { children?: React.ReactNode, required?: boolean, rules?: ValidationRule[] }) => {
+
+    const { rules, children } = props;
+
+    const required = React.useMemo(() => rules?.some(e => !!e.required) || props.required, [rules, props.required]);
+
+    return (
+        <>
+            {required ? <Text type="danger">*</Text> : <></>}
+            {children}
+        </>
+    )
+};