kts-component-invoice-operate 1.0.107 → 1.1.0

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

@@ -3,11 +3,24 @@ import IGood from './IGood';
 export default class EndowCode {
     /** 准备赋码的货物索引列表 */
     endowcodeGoodIndex: number[];
-    /** 获取 税收分类编码列表 */
+    /**
+     * 获取 税收分类编码列表 (弃用)
+     * @deprecated 请使用 getTaxCategoryCodeTree 替换
+     * */
     getTaxCategoryCodeList: (value: string) => Promise<{
         value: string;
         label: string;
     }[]>;
+    /**
+     * 获取 税收分类编码树
+     * @param taxCategoryCode 税收分类编码
+     * @param val val
+     * @returns 税收分类编码树
+     */
+    getTaxCategoryCodeTree: (taxCategoryCode?: string, val?: string) => Promise<{
+        id: string;
+        pid: string;
+    }[]>;
     /** 税率 是否可以编辑 */
     getReadOnlyTaxRate?: (value?: GoodsListState) => boolean;
     /**

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import 'kts-components-antd-x3/dist/kts-components-antd-x3.css';
 import React, { createElement } from 'react';
 import GreyReactBox, { decorator } from 'grey-react-box';
 import { chain as chain$1, bignumber, create, all } from 'mathjs';
-import { message, Form, Input, Icon, Tag, Select, Row, Col, Table, Button, Switch, Typography, Drawer, Menu, Dropdown, AutoComplete, Spin, Checkbox, Descriptions, Modal } from 'kts-components-antd-x3';
+import { message, Form, Input, Icon, Tag, Select, Row, Col, Table, Button, Switch, Typography, Drawer, Menu, Dropdown, AutoComplete, Spin, Checkbox, Descriptions, Tree, Modal } from 'kts-components-antd-x3';
 import { v4 } from 'uuid';
 import classnames from 'classnames';
 import { Input as Input$1, NumberPicker } from '@formily/antd-components';
@@ -586,6 +586,20 @@ var EndowCode = function EndowCode() {
       }
     }, _callee);
   }));
+  this.getTaxCategoryCodeTree = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            return _context2.abrupt("return", []);
+
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
   this.getReadOnlyTaxRate = void 0;
   this.getDefaultValue = void 0;
   this.readOnlyTaxRateMap = {
@@ -5529,6 +5543,7 @@ function cutStr(str, L) {
 var css_248z$a = ".kts-invoice-operate-goods-endow-code-button-list {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n  margin-bottom: 10px;\n}\n";
 styleInject(css_248z$a);
 
+var TreeNode = Tree.TreeNode;
 var confirm = Modal.confirm;
 var EndowCodeDrawer = (function () {
   var controller = default_1.useInvoiceController();
@@ -5788,21 +5803,210 @@ var DrawerBody$3 = function DrawerBody(props) {
         value: e.value
       }, e.label);
     }));
+  }, [controller, actions]);
+  /** 税收分类编码 选择组件2 */
+
+  var ShowSearch2 = React.useCallback(function (props) {
+    // 是否显示
+    var _React$useState7 = React.useState(false),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        visible = _React$useState8[0],
+        setVisible = _React$useState8[1]; // 税收分类编码树
+
+
+    var _React$useState9 = React.useState(),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        list = _React$useState10[0],
+        setList = _React$useState10[1]; // 搜索条件
+
+
+    var _React$useState11 = React.useState(),
+        _React$useState12 = _slicedToArray(_React$useState11, 2),
+        filter = _React$useState12[0],
+        setFilter = _React$useState12[1];
+    /** 创建 树节点 */
+
+
+    var createTreeNode = React.useCallback(function () {
+      if (!list) return /*#__PURE__*/React.createElement(React.Fragment, null);
+      return ctn(list);
+
+      function ctn(l) {
+        var p = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0';
+        if (!l || !l.length) return [/*#__PURE__*/React.createElement(React.Fragment, null)];
+        return l.filter(function (e) {
+          return e.pid === p;
+        }).map(function (e) {
+          return /*#__PURE__*/React.createElement(TreeNode, {
+            title: e.label,
+            key: e.id
+          }, ctn(l, e.id));
+        });
+      }
+    }, [list]);
+    /** 点击了节点 */
+
+    var onSelect = React.useCallback(function (e) {
+      var id = e[0]; // 是否叶子节点
+
+      if ((list === null || list === void 0 ? void 0 : list.filter(function (e) {
+        return e.pid === id;
+      }).length) !== 0) {
+        return;
+      }
+
+      var info = list === null || list === void 0 ? void 0 : list.filter(function (e) {
+        return e.id === id;
+      })[0];
+      !readOnlyTaxRate && actions.setFieldState('taxRate', /*#__PURE__*/function () {
+        var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(s) {
+          return regeneratorRuntime.wrap(function _callee6$(_context6) {
+            while (1) {
+              switch (_context6.prev = _context6.next) {
+                case 0:
+                  if (info.taxRate || info.taxRate === 0) {
+                    s.value = info.taxRate;
+                  }
+
+                case 1:
+                case "end":
+                  return _context6.stop();
+              }
+            }
+          }, _callee6);
+        }));
+
+        return function (_x6) {
+          return _ref6.apply(this, arguments);
+        };
+      }());
+      actions.setFieldState('taxClassificationCode', /*#__PURE__*/function () {
+        var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(s) {
+          return regeneratorRuntime.wrap(function _callee7$(_context7) {
+            while (1) {
+              switch (_context7.prev = _context7.next) {
+                case 0:
+                  if (info.id) {
+                    s.value = info.id;
+                  }
+
+                case 1:
+                case "end":
+                  return _context7.stop();
+              }
+            }
+          }, _callee7);
+        }));
+
+        return function (_x7) {
+          return _ref7.apply(this, arguments);
+        };
+      }());
+      actions.setFieldState('shorthand', /*#__PURE__*/function () {
+        var _ref8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(s) {
+          return regeneratorRuntime.wrap(function _callee8$(_context8) {
+            while (1) {
+              switch (_context8.prev = _context8.next) {
+                case 0:
+                  if (info.shorthand) {
+                    s.value = info.shorthand;
+                  }
+
+                case 1:
+                case "end":
+                  return _context8.stop();
+              }
+            }
+          }, _callee8);
+        }));
+
+        return function (_x8) {
+          return _ref8.apply(this, arguments);
+        };
+      }());
+      setVisible(false);
+    }, [list, actions, readOnlyTaxRate]);
+    React.useEffect(function () {
+      _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
+        return regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) {
+            switch (_context9.prev = _context9.next) {
+              case 0:
+                _context9.t0 = setList;
+                _context9.next = 3;
+                return controller.state.goodsListState.endowCode.getTaxCategoryCodeTree(filter === null || filter === void 0 ? void 0 : filter.taxCategoryCode, filter === null || filter === void 0 ? void 0 : filter.val);
+
+              case 3:
+                _context9.t1 = _context9.sent;
+
+                if (_context9.t1) {
+                  _context9.next = 6;
+                  break;
+                }
+
+                _context9.t1 = [];
+
+              case 6:
+                _context9.t2 = _context9.t1;
+                (0, _context9.t0)(_context9.t2);
+
+              case 8:
+              case "end":
+                return _context9.stop();
+            }
+          }
+        }, _callee9);
+      }))();
+    }, [filter]);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+      readOnly: true,
+      value: props.value,
+      onClick: function onClick() {
+        setVisible(true);
+      }
+    }), /*#__PURE__*/React.createElement(Drawer, {
+      title: "\u7A0E\u6536\u5206\u7C7B\u7F16\u7801",
+      visible: visible,
+      width: 500,
+      onClose: function onClose() {
+        setVisible(false);
+      }
+    }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Form.Item, {
+      label: "\u4EA7\u54C1\u6216\u670D\u52A1\u7B80\u79F0"
+    }, /*#__PURE__*/React.createElement(Input, {
+      onChange: function onChange(e) {
+        setFilter(_objectSpread2(_objectSpread2({}, filter), {}, {
+          val: e.target.value
+        }));
+      }
+    })), /*#__PURE__*/React.createElement(Form.Item, {
+      label: "\u7A0E\u6536\u5206\u7C7B\u7F16\u7801"
+    }, /*#__PURE__*/React.createElement(Input, {
+      onChange: function onChange(e) {
+        setFilter(_objectSpread2(_objectSpread2({}, filter), {}, {
+          taxCategoryCode: e.target.value
+        }));
+      }
+    }))), list && list.length > 0 && /*#__PURE__*/React.createElement(Tree, {
+      defaultExpandAll: true,
+      selectedKeys: [],
+      onSelect: onSelect
+    }, createTreeNode())));
   }, [controller, actions]); // 是否享受优惠政策
 
-  var _React$useState7 = React.useState(0),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      favouredPolicyMark = _React$useState8[0],
-      setFavouredPolicyMark = _React$useState8[1]; // 确定
+  var _React$useState13 = React.useState(0),
+      _React$useState14 = _slicedToArray(_React$useState13, 2),
+      favouredPolicyMark = _React$useState14[0],
+      setFavouredPolicyMark = _React$useState14[1]; // 确定
 
 
   var onSubmit = React.useCallback(function (values) {
     controller.pipeline( /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(s) {
+      var _ref10 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(s) {
         var endowCodeGood;
-        return regeneratorRuntime.wrap(function _callee6$(_context6) {
+        return regeneratorRuntime.wrap(function _callee10$(_context10) {
           while (1) {
-            switch (_context6.prev = _context6.next) {
+            switch (_context10.prev = _context10.next) {
               case 0:
                 endowCodeGood = s.goodsListState.endowCode.endowcodeGoodIndex.map(function (e) {
                   return s.goodsListState.goodsMap.get(e);
@@ -5838,11 +6042,11 @@ var DrawerBody$3 = function DrawerBody(props) {
                 if (!endowCodeGood.some(function (e) {
                   return bytesLnegth((e === null || e === void 0 ? void 0 : e.itemName) || '') > 92;
                 })) {
-                  _context6.next = 5;
+                  _context10.next = 5;
                   break;
                 }
 
-                _context6.next = 5;
+                _context10.next = 5;
                 return function () {
                   return new Promise(function (resolve) {
                     confirm({
@@ -5871,14 +6075,14 @@ var DrawerBody$3 = function DrawerBody(props) {
 
               case 7:
               case "end":
-                return _context6.stop();
+                return _context10.stop();
             }
           }
-        }, _callee6);
+        }, _callee10);
       }));
 
-      return function (_x6) {
-        return _ref6.apply(this, arguments);
+      return function (_x9) {
+        return _ref10.apply(this, arguments);
       };
     }())();
   }, [controller]);
@@ -5887,23 +6091,23 @@ var DrawerBody$3 = function DrawerBody(props) {
     FormEffectHooks.onFieldValueChange$('taxRate').subscribe(function (e) {
       setTaxRate(e.value);
       actions.setFieldState('taxFreeType', /*#__PURE__*/function () {
-        var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(s) {
-          return regeneratorRuntime.wrap(function _callee7$(_context7) {
+        var _ref11 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11(s) {
+          return regeneratorRuntime.wrap(function _callee11$(_context11) {
             while (1) {
-              switch (_context7.prev = _context7.next) {
+              switch (_context11.prev = _context11.next) {
                 case 0:
                   if (e.value !== 0) s.value = undefined;
 
                 case 1:
                 case "end":
-                  return _context7.stop();
+                  return _context11.stop();
               }
             }
-          }, _callee7);
+          }, _callee11);
         }));
 
-        return function (_x7) {
-          return _ref7.apply(this, arguments);
+        return function (_x10) {
+          return _ref11.apply(this, arguments);
         };
       }());
     }); // 是否享受优惠政策
@@ -5911,23 +6115,23 @@ var DrawerBody$3 = function DrawerBody(props) {
     FormEffectHooks.onFieldValueChange$('favouredPolicyMark').subscribe(function (e) {
       setFavouredPolicyMark(e.value);
       actions.setFieldState('favouredPolicyName', /*#__PURE__*/function () {
-        var _ref8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(s) {
-          return regeneratorRuntime.wrap(function _callee8$(_context8) {
+        var _ref12 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12(s) {
+          return regeneratorRuntime.wrap(function _callee12$(_context12) {
             while (1) {
-              switch (_context8.prev = _context8.next) {
+              switch (_context12.prev = _context12.next) {
                 case 0:
                   if (e.value === 0) s.value = undefined;
 
                 case 1:
                 case "end":
-                  return _context8.stop();
+                  return _context12.stop();
               }
             }
-          }, _callee8);
+          }, _callee12);
         }));
 
-        return function (_x8) {
-          return _ref8.apply(this, arguments);
+        return function (_x11) {
+          return _ref12.apply(this, arguments);
         };
       }());
     });
@@ -5939,7 +6143,7 @@ var DrawerBody$3 = function DrawerBody(props) {
   return /*#__PURE__*/React.createElement(SchemaForm, {
     actions: actions,
     components: _objectSpread2(_objectSpread2({}, components), {}, {
-      showSearch: ShowSearch
+      showSearch: ShowSearch2
     }),
     effects: effects
   }, /*#__PURE__*/React.createElement(FormButtonGroup, null, /*#__PURE__*/React.createElement(SchemaMarkupField, {
@@ -6016,23 +6220,23 @@ var DrawerBody$3 = function DrawerBody(props) {
   }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       controller.pipeline( /*#__PURE__*/function () {
-        var _ref9 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9(s) {
-          return regeneratorRuntime.wrap(function _callee9$(_context9) {
+        var _ref13 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee13(s) {
+          return regeneratorRuntime.wrap(function _callee13$(_context13) {
             while (1) {
-              switch (_context9.prev = _context9.next) {
+              switch (_context13.prev = _context13.next) {
                 case 0:
-                  return _context9.abrupt("return", s.goodsListState.endowCode.endowcodeGoodIndex = []);
+                  return _context13.abrupt("return", s.goodsListState.endowCode.endowcodeGoodIndex = []);
 
                 case 1:
                 case "end":
-                  return _context9.stop();
+                  return _context13.stop();
               }
             }
-          }, _callee9);
+          }, _callee13);
         }));
 
-        return function (_x9) {
-          return _ref9.apply(this, arguments);
+        return function (_x12) {
+          return _ref13.apply(this, arguments);
         };
       }())();
     }

package/dist/index.js

@@ -596,6 +596,20 @@ var EndowCode = function EndowCode() {
       }
     }, _callee);
   }));
+  this.getTaxCategoryCodeTree = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            return _context2.abrupt("return", []);
+
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
   this.getReadOnlyTaxRate = void 0;
   this.getDefaultValue = void 0;
   this.readOnlyTaxRateMap = {
@@ -5539,6 +5553,7 @@ function cutStr(str, L) {
 var css_248z$a = ".kts-invoice-operate-goods-endow-code-button-list {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n  margin-bottom: 10px;\n}\n";
 styleInject(css_248z$a);
 
+var TreeNode = ktsComponentsAntdX3.Tree.TreeNode;
 var confirm = ktsComponentsAntdX3.Modal.confirm;
 var EndowCodeDrawer = (function () {
   var controller = default_1.useInvoiceController();
@@ -5798,21 +5813,210 @@ var DrawerBody$3 = function DrawerBody(props) {
         value: e.value
       }, e.label);
     }));
+  }, [controller, actions]);
+  /** 税收分类编码 选择组件2 */
+
+  var ShowSearch2 = React__default['default'].useCallback(function (props) {
+    // 是否显示
+    var _React$useState7 = React__default['default'].useState(false),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        visible = _React$useState8[0],
+        setVisible = _React$useState8[1]; // 税收分类编码树
+
+
+    var _React$useState9 = React__default['default'].useState(),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        list = _React$useState10[0],
+        setList = _React$useState10[1]; // 搜索条件
+
+
+    var _React$useState11 = React__default['default'].useState(),
+        _React$useState12 = _slicedToArray(_React$useState11, 2),
+        filter = _React$useState12[0],
+        setFilter = _React$useState12[1];
+    /** 创建 树节点 */
+
+
+    var createTreeNode = React__default['default'].useCallback(function () {
+      if (!list) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+      return ctn(list);
+
+      function ctn(l) {
+        var p = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0';
+        if (!l || !l.length) return [/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)];
+        return l.filter(function (e) {
+          return e.pid === p;
+        }).map(function (e) {
+          return /*#__PURE__*/React__default['default'].createElement(TreeNode, {
+            title: e.label,
+            key: e.id
+          }, ctn(l, e.id));
+        });
+      }
+    }, [list]);
+    /** 点击了节点 */
+
+    var onSelect = React__default['default'].useCallback(function (e) {
+      var id = e[0]; // 是否叶子节点
+
+      if ((list === null || list === void 0 ? void 0 : list.filter(function (e) {
+        return e.pid === id;
+      }).length) !== 0) {
+        return;
+      }
+
+      var info = list === null || list === void 0 ? void 0 : list.filter(function (e) {
+        return e.id === id;
+      })[0];
+      !readOnlyTaxRate && actions.setFieldState('taxRate', /*#__PURE__*/function () {
+        var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(s) {
+          return regeneratorRuntime.wrap(function _callee6$(_context6) {
+            while (1) {
+              switch (_context6.prev = _context6.next) {
+                case 0:
+                  if (info.taxRate || info.taxRate === 0) {
+                    s.value = info.taxRate;
+                  }
+
+                case 1:
+                case "end":
+                  return _context6.stop();
+              }
+            }
+          }, _callee6);
+        }));
+
+        return function (_x6) {
+          return _ref6.apply(this, arguments);
+        };
+      }());
+      actions.setFieldState('taxClassificationCode', /*#__PURE__*/function () {
+        var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(s) {
+          return regeneratorRuntime.wrap(function _callee7$(_context7) {
+            while (1) {
+              switch (_context7.prev = _context7.next) {
+                case 0:
+                  if (info.id) {
+                    s.value = info.id;
+                  }
+
+                case 1:
+                case "end":
+                  return _context7.stop();
+              }
+            }
+          }, _callee7);
+        }));
+
+        return function (_x7) {
+          return _ref7.apply(this, arguments);
+        };
+      }());
+      actions.setFieldState('shorthand', /*#__PURE__*/function () {
+        var _ref8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(s) {
+          return regeneratorRuntime.wrap(function _callee8$(_context8) {
+            while (1) {
+              switch (_context8.prev = _context8.next) {
+                case 0:
+                  if (info.shorthand) {
+                    s.value = info.shorthand;
+                  }
+
+                case 1:
+                case "end":
+                  return _context8.stop();
+              }
+            }
+          }, _callee8);
+        }));
+
+        return function (_x8) {
+          return _ref8.apply(this, arguments);
+        };
+      }());
+      setVisible(false);
+    }, [list, actions, readOnlyTaxRate]);
+    React__default['default'].useEffect(function () {
+      _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
+        return regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) {
+            switch (_context9.prev = _context9.next) {
+              case 0:
+                _context9.t0 = setList;
+                _context9.next = 3;
+                return controller.state.goodsListState.endowCode.getTaxCategoryCodeTree(filter === null || filter === void 0 ? void 0 : filter.taxCategoryCode, filter === null || filter === void 0 ? void 0 : filter.val);
+
+              case 3:
+                _context9.t1 = _context9.sent;
+
+                if (_context9.t1) {
+                  _context9.next = 6;
+                  break;
+                }
+
+                _context9.t1 = [];
+
+              case 6:
+                _context9.t2 = _context9.t1;
+                (0, _context9.t0)(_context9.t2);
+
+              case 8:
+              case "end":
+                return _context9.stop();
+            }
+          }
+        }, _callee9);
+      }))();
+    }, [filter]);
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Input, {
+      readOnly: true,
+      value: props.value,
+      onClick: function onClick() {
+        setVisible(true);
+      }
+    }), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Drawer, {
+      title: "\u7A0E\u6536\u5206\u7C7B\u7F16\u7801",
+      visible: visible,
+      width: 500,
+      onClose: function onClose() {
+        setVisible(false);
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form, null, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+      label: "\u4EA7\u54C1\u6216\u670D\u52A1\u7B80\u79F0"
+    }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Input, {
+      onChange: function onChange(e) {
+        setFilter(_objectSpread2(_objectSpread2({}, filter), {}, {
+          val: e.target.value
+        }));
+      }
+    })), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+      label: "\u7A0E\u6536\u5206\u7C7B\u7F16\u7801"
+    }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Input, {
+      onChange: function onChange(e) {
+        setFilter(_objectSpread2(_objectSpread2({}, filter), {}, {
+          taxCategoryCode: e.target.value
+        }));
+      }
+    }))), list && list.length > 0 && /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Tree, {
+      defaultExpandAll: true,
+      selectedKeys: [],
+      onSelect: onSelect
+    }, createTreeNode())));
   }, [controller, actions]); // 是否享受优惠政策
 
-  var _React$useState7 = React__default['default'].useState(0),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      favouredPolicyMark = _React$useState8[0],
-      setFavouredPolicyMark = _React$useState8[1]; // 确定
+  var _React$useState13 = React__default['default'].useState(0),
+      _React$useState14 = _slicedToArray(_React$useState13, 2),
+      favouredPolicyMark = _React$useState14[0],
+      setFavouredPolicyMark = _React$useState14[1]; // 确定
 
 
   var onSubmit = React__default['default'].useCallback(function (values) {
     controller.pipeline( /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(s) {
+      var _ref10 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(s) {
         var endowCodeGood;
-        return regeneratorRuntime.wrap(function _callee6$(_context6) {
+        return regeneratorRuntime.wrap(function _callee10$(_context10) {
           while (1) {
-            switch (_context6.prev = _context6.next) {
+            switch (_context10.prev = _context10.next) {
               case 0:
                 endowCodeGood = s.goodsListState.endowCode.endowcodeGoodIndex.map(function (e) {
                   return s.goodsListState.goodsMap.get(e);
@@ -5848,11 +6052,11 @@ var DrawerBody$3 = function DrawerBody(props) {
                 if (!endowCodeGood.some(function (e) {
                   return bytesLnegth((e === null || e === void 0 ? void 0 : e.itemName) || '') > 92;
                 })) {
-                  _context6.next = 5;
+                  _context10.next = 5;
                   break;
                 }
 
-                _context6.next = 5;
+                _context10.next = 5;
                 return function () {
                   return new Promise(function (resolve) {
                     confirm({
@@ -5881,14 +6085,14 @@ var DrawerBody$3 = function DrawerBody(props) {
 
               case 7:
               case "end":
-                return _context6.stop();
+                return _context10.stop();
             }
           }
-        }, _callee6);
+        }, _callee10);
       }));
 
-      return function (_x6) {
-        return _ref6.apply(this, arguments);
+      return function (_x9) {
+        return _ref10.apply(this, arguments);
       };
     }())();
   }, [controller]);
@@ -5897,23 +6101,23 @@ var DrawerBody$3 = function DrawerBody(props) {
     antd.FormEffectHooks.onFieldValueChange$('taxRate').subscribe(function (e) {
       setTaxRate(e.value);
       actions.setFieldState('taxFreeType', /*#__PURE__*/function () {
-        var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(s) {
-          return regeneratorRuntime.wrap(function _callee7$(_context7) {
+        var _ref11 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11(s) {
+          return regeneratorRuntime.wrap(function _callee11$(_context11) {
             while (1) {
-              switch (_context7.prev = _context7.next) {
+              switch (_context11.prev = _context11.next) {
                 case 0:
                   if (e.value !== 0) s.value = undefined;
 
                 case 1:
                 case "end":
-                  return _context7.stop();
+                  return _context11.stop();
               }
             }
-          }, _callee7);
+          }, _callee11);
         }));
 
-        return function (_x7) {
-          return _ref7.apply(this, arguments);
+        return function (_x10) {
+          return _ref11.apply(this, arguments);
         };
       }());
     }); // 是否享受优惠政策
@@ -5921,23 +6125,23 @@ var DrawerBody$3 = function DrawerBody(props) {
     antd.FormEffectHooks.onFieldValueChange$('favouredPolicyMark').subscribe(function (e) {
       setFavouredPolicyMark(e.value);
       actions.setFieldState('favouredPolicyName', /*#__PURE__*/function () {
-        var _ref8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(s) {
-          return regeneratorRuntime.wrap(function _callee8$(_context8) {
+        var _ref12 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12(s) {
+          return regeneratorRuntime.wrap(function _callee12$(_context12) {
             while (1) {
-              switch (_context8.prev = _context8.next) {
+              switch (_context12.prev = _context12.next) {
                 case 0:
                   if (e.value === 0) s.value = undefined;
 
                 case 1:
                 case "end":
-                  return _context8.stop();
+                  return _context12.stop();
               }
             }
-          }, _callee8);
+          }, _callee12);
         }));
 
-        return function (_x8) {
-          return _ref8.apply(this, arguments);
+        return function (_x11) {
+          return _ref12.apply(this, arguments);
         };
       }());
     });
@@ -5949,7 +6153,7 @@ var DrawerBody$3 = function DrawerBody(props) {
   return /*#__PURE__*/React__default['default'].createElement(antd.SchemaForm, {
     actions: actions,
     components: _objectSpread2(_objectSpread2({}, components), {}, {
-      showSearch: ShowSearch
+      showSearch: ShowSearch2
     }),
     effects: effects
   }, /*#__PURE__*/React__default['default'].createElement(antd.FormButtonGroup, null, /*#__PURE__*/React__default['default'].createElement(antd.SchemaMarkupField, {
@@ -6026,23 +6230,23 @@ var DrawerBody$3 = function DrawerBody(props) {
   }, "\u786E\u5B9A"), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Button, {
     onClick: function onClick() {
       controller.pipeline( /*#__PURE__*/function () {
-        var _ref9 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9(s) {
-          return regeneratorRuntime.wrap(function _callee9$(_context9) {
+        var _ref13 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee13(s) {
+          return regeneratorRuntime.wrap(function _callee13$(_context13) {
             while (1) {
-              switch (_context9.prev = _context9.next) {
+              switch (_context13.prev = _context13.next) {
                 case 0:
-                  return _context9.abrupt("return", s.goodsListState.endowCode.endowcodeGoodIndex = []);
+                  return _context13.abrupt("return", s.goodsListState.endowCode.endowcodeGoodIndex = []);
 
                 case 1:
                 case "end":
-                  return _context9.stop();
+                  return _context13.stop();
               }
             }
-          }, _callee9);
+          }, _callee13);
         }));
 
-        return function (_x9) {
-          return _ref9.apply(this, arguments);
+        return function (_x12) {
+          return _ref13.apply(this, arguments);
         };
       }())();
     }

package/package.json

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

package/src/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/EndowCode.tsx

@@ -7,9 +7,20 @@ export default class EndowCode {
   /** 准备赋码的货物索引列表 */
   endowcodeGoodIndex: number[] = [];
 
-  /** 获取 税收分类编码列表 */
+  /** 
+   * 获取 税收分类编码列表 (弃用)
+   * @deprecated 请使用 getTaxCategoryCodeTree 替换
+   * */
   getTaxCategoryCodeList: (value: string) => Promise<{ value: string, label: string }[]> = async () => [];
 
+  /**
+   * 获取 税收分类编码树
+   * @param taxCategoryCode 税收分类编码
+   * @param val val
+   * @returns 税收分类编码树
+   */
+  getTaxCategoryCodeTree: (taxCategoryCode?: string, val?: string) => Promise<{ id: string, pid: string }[]> = async () => [];
+
   /** 税率 是否可以编辑 */
   getReadOnlyTaxRate?: (value?: GoodsListState) => boolean;
 
@@ -18,7 +29,7 @@ export default class EndowCode {
    * @param value 商品信息
    * @param length 商品数量
    * */
-  getDefaultValue?: (value: IGood, length:number) => Promise<IGood>;
+  getDefaultValue?: (value: IGood, length: number) => Promise<IGood>;
 
   /** 税率 是否可以编辑 校验函数 */
   readonly readOnlyTaxRateMap: { [key: string]: (value?: GoodsListState) => boolean } = {

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

@@ -56,7 +56,7 @@ export default () => {
 // 税收分类编码列表
 class MyController1 extends Invoice.InvoiceController {
 
-  constructor(){
+  constructor() {
     super()
     this.state.model = 'default'
   }
@@ -64,21 +64,21 @@ class MyController1 extends Invoice.InvoiceController {
   getTaxCategoryCodeList = this.pipeline(async (s) => {
     console.log('===> 准备赋码的货物索引列表', s.goodsListState.endowCode.endowcodeGoodIndex);
 
-    s.goodsListState.endowCode.getTaxCategoryCodeList = async (value) => {
+    s.goodsListState.endowCode.getTaxCategoryCodeTree = async (value) => {
       console.log('===>搜索条件', value);
       return [
-        { label: '3040201990000000000/aaa/bbb', value: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000001/aaa/bbb', value: '3040201990000000001', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000002/aaa/bbb', value: '3040201990000000002', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000003/aaa/bbb', value: '3040201990000000003', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000004/aaa/bbb', value: '3040201990000000004', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000005/aaa/bbb', value: '3040201990000000005', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000006/aaa/bbb', value: '3040201990000000006', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000007/aaa/bbb', value: '3040201990000000007', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000008/aaa/bbb', value: '3040201990000000008', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000009/aaa/bbb', value: '3040201990000000009', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000010/aaa/bbb', value: '3040201990000000010', taxRate: 3, shorthand: 'aaa' },
-        { label: '3040201990000000011/aaa/bbb', value: '3040201990000000011', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000000/aaa/bbb', id: '3040201990000000000', pid: '0', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000001/aaa/bbb', id: '3040201990000000001', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000002/aaa/bbb', id: '3040201990000000002', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000003/aaa/bbb', id: '3040201990000000003', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000004/aaa/bbb', id: '3040201990000000004', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000005/aaa/bbb', id: '3040201990000000005', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000006/aaa/bbb', id: '3040201990000000006', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000007/aaa/bbb', id: '3040201990000000007', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000008/aaa/bbb', id: '3040201990000000008', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000009/aaa/bbb', id: '3040201990000000009', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000010/aaa/bbb', id: '3040201990000000010', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
+        { label: '3040201990000000011/aaa/bbb', id: '3040201990000000011', pid: '3040201990000000000', taxRate: 3, shorthand: 'aaa' },
       ]
     };
   });
@@ -87,7 +87,7 @@ class MyController1 extends Invoice.InvoiceController {
 
 class MyController2 extends Invoice.InvoiceController {
 
-  constructor(){
+  constructor() {
     super()
     this.state.model = 'prefab'
   }

package/src/Invoice/ui/EndowCodeDrawer/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Invoice from '../../';
-import { Button, Drawer, Select, Modal } from 'kts-components-antd-x3';
+import { Button, Drawer, Select, Modal, Input as InputAntd, Form, Tree } from 'kts-components-antd-x3';
 import { chain, bignumber } from 'mathjs';
 import { Input, NumberPicker } from '@formily/antd-components';
 import { format15 } from '../GoodsList/hook/useColumns/autoFillFn';
@@ -16,6 +16,7 @@ import {
 } from '@formily/antd';
 import './index.less';
 
+const { TreeNode } = Tree;
 const { confirm } = Modal;
 
 export default () => {
@@ -151,6 +152,109 @@ const DrawerBody = (props: { defaultValue: IGood }) => {
     )
   }, [controller, actions])
 
+  /** 税收分类编码 选择组件2 */
+  const ShowSearch2 = React.useCallback(props => {
+
+    // 是否显示
+    const [visible, setVisible] = React.useState(false);
+
+    // 税收分类编码树
+    const [list, setList] = React.useState<any[]>();
+
+    // 搜索条件
+    const [filter, setFilter] = React.useState<{
+      /** 税收分类编码 */
+      taxCategoryCode?: string,
+
+      /** 货物和劳务名称/简称 */
+      val?: string
+    }>();
+
+    /** 创建 树节点 */
+    const createTreeNode = React.useCallback(() => {
+      if (!list) return <></>;
+      return ctn(list);
+
+      function ctn(l: any[], p = '0') {
+        if (!l || !l.length) return [<></>];
+        return l.filter(e => e.pid === p).map(e => {
+          return (
+            <TreeNode title={e.label} key={e.id}>
+              {ctn(l, e.id)}
+            </TreeNode>
+          )
+        })
+      }
+    }, [list])
+
+    /** 点击了节点 */
+    const onSelect = React.useCallback((e: string[]) => {
+      const id = e[0];
+
+      // 是否叶子节点
+      if (list?.filter(e => e.pid === id).length !== 0) { return; }
+
+      const info = list?.filter(e => e.id === id)[0];
+
+      !readOnlyTaxRate && actions.setFieldState('taxRate', async s => {
+        if (info.taxRate || info.taxRate === 0) {
+          s.value = info.taxRate
+        }
+      });
+
+      actions.setFieldState('taxClassificationCode', async s => {
+        if (info.id) {
+          s.value = info.id
+        }
+      });
+
+      actions.setFieldState('shorthand', async (s) => {
+        if (info.shorthand) {
+          s.value = info.shorthand
+        }
+      });
+
+      setVisible(false);
+    }, [list, actions, readOnlyTaxRate])
+
+    React.useEffect(() => {
+      (async () => {
+        setList(await controller.state.goodsListState.endowCode.getTaxCategoryCodeTree(filter?.taxCategoryCode, filter?.val) || []);
+      })()
+    }, [filter])
+
+    return (
+      <>
+        <InputAntd readOnly value={props.value} onClick={() => { setVisible(true) }} />
+        <Drawer
+          title="税收分类编码"
+          visible={visible}
+          width={500}
+          onClose={() => { setVisible(false) }}
+        >
+          <Form>
+            <Form.Item label="产品或服务简称" >
+              <InputAntd onChange={e => { setFilter({ ...filter, val: e.target.value }) }} />
+            </Form.Item>
+            <Form.Item label="税收分类编码">
+              <InputAntd onChange={e => { setFilter({ ...filter, taxCategoryCode: e.target.value }) }} />
+            </Form.Item>
+          </Form>
+          {
+            list && list.length>0 &&
+            <Tree
+              defaultExpandAll
+              selectedKeys={[]}
+              onSelect={onSelect}
+            >
+              {createTreeNode()}
+            </Tree>
+          }
+        </Drawer>
+      </>
+    )
+  }, [controller, actions])
+
   // 是否享受优惠政策
   const [favouredPolicyMark, setFavouredPolicyMark] = React.useState<number>(0);
 
@@ -243,7 +347,7 @@ const DrawerBody = (props: { defaultValue: IGood }) => {
   }, [controller]);
 
   return (
-    <SchemaForm actions={actions} components={{ ...components, showSearch: ShowSearch }} effects={effects}>
+    <SchemaForm actions={actions} components={{ ...components, showSearch: ShowSearch2 }} effects={effects}>
       <FormButtonGroup>
         <Field
           name="taxClassificationCode"
@@ -275,7 +379,6 @@ const DrawerBody = (props: { defaultValue: IGood }) => {
             title="免税类型"
             default={defaultValue?.taxFreeType}
             enum={taxFreeTypeList}
-
             x-rules={[{ message: '请选择免税类型', required: true }]}
           />
         }