kts-component-invoice-operate 3.2.97 → 3.2.99

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

@@ -1,8 +1,9 @@
-import IGood from "../GoodsListState/IGood";
 /** 自动补全 */
 export default class AutoComplete {
     /** 商品名称自动补全 */
-    onItemNameSearch?: (searchText: string) => Promise<IGood[]>;
+    onItemNameSearch?: (searchText: string) => Promise<any[]>;
+    /** 购方名称智能赋码 */
+    onItemNameBlur?: (searchText: string) => Promise<any[]>;
     /** 购方名称自动补全 */
     onBuyerNameSearch?: (searchText: string) => Promise<any[]>;
     /** 统一社会信用代码/纳税人识别号 */

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

@@ -3,6 +3,6 @@ import './index.less';
 export default function ItemNameInput(props: {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     value?: string;
+    editGood?: any;
     shorthand?: string;
 }): JSX.Element;
-/** 货物单价，不含税 */

package/dist/index.esm.js

@@ -1189,6 +1189,7 @@ var AutoComplete = /*#__PURE__*/_createClass(function AutoComplete() {
   _classCallCheck(this, AutoComplete);
 
   this.onItemNameSearch = void 0;
+  this.onItemNameBlur = void 0;
   this.onBuyerNameSearch = void 0;
   this.onBuyerTaxIdSearch = void 0;
   this.onItemCodeSearch = void 0;
@@ -10811,8 +10812,6 @@ var TitleText = (function (props) {
 var css_248z$7 = ".kts-invoice-operate-goods-list-itemName-input {\n  display: flex;\n  flex: 1;\n  padding-left: 10px;\n  height: 31px;\n}\n.kts-invoice-operate-goods-list-itemName-input .ktsAntX-select {\n  width: 100%;\n}\n.kts-invoice-operate-goods-list-itemName-input .ktsAntX-select .ktsAntX-select-selector {\n  height: 100%;\n}\n.has-error .kts-invoice-operate-goods-list-itemName-input {\n  border: 1px solid #f5222d;\n}\n";
 styleInject(css_248z$7);
 
-// import evaluate from '../../../../../../../tools/evaluate';
-
 function ItemNameInput(props) {
   var controller = Invoice.useInvoiceController();
   var autoComplete = controller.useMemo(function (s) {
@@ -10824,103 +10823,181 @@ function ItemNameInput(props) {
       options = _React$useState2[0],
       setOptions = _React$useState2[1];
 
+  var _React$useState3 = React.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      selectLine = _React$useState4[0],
+      setSelectLine = _React$useState4[1];
+
+  var _React$useState5 = React.useState(props.value),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      value = _React$useState6[0],
+      setValue = _React$useState6[1];
+
   var onChange = React.useCallback(function (e) {
     var event = _objectSpread2({}, e);
 
     props.onChange && props.onChange(event);
   }, []);
-  var onSearch = React.useCallback( /*#__PURE__*/function () {
+  var onBlur = React.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchText) {
-      var list;
+      var taxCategoryData, params;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
 
-              if (!(autoComplete.onItemNameSearch && searchText)) {
-                _context.next = 11;
+              if (!autoComplete.onItemNameBlur) {
+                _context.next = 8;
+                break;
+              }
+
+              if (selectLine === null || selectLine === void 0 ? void 0 : selectLine.shorthand) {
+                _context.next = 7;
                 break;
               }
 
-              _context.t0 = _toConsumableArray;
               _context.next = 5;
+              return autoComplete.onItemNameBlur(searchText);
+
+            case 5:
+              taxCategoryData = _context.sent;
+
+              if (taxCategoryData && taxCategoryData[0]) {
+                params = _objectSpread2(_objectSpread2({}, props.editGood), {}, {
+                  taxClassificationCode: taxCategoryData[0].taxCategoryCode,
+                  shorthand: taxCategoryData[0].shorthand
+                });
+                controller.importGoodsDrawer(params);
+              }
+
+            case 7:
+              setSelectLine(null);
+
+            case 8:
+              _context.next = 13;
+              break;
+
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](0);
+              throw _context.t0;
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 10]]);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [autoComplete.onItemNameBlur, selectLine, props.editGood]);
+  var onSearch = React.useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(searchText) {
+      var list;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+
+              if (!(autoComplete.onItemNameSearch && searchText)) {
+                _context2.next = 10;
+                break;
+              }
+
+              _context2.t0 = _toConsumableArray;
+              _context2.next = 5;
               return autoComplete.onItemNameSearch(searchText);
 
             case 5:
-              _context.t1 = _context.sent;
-              list = (0, _context.t0)(_context.t1);
-              console.log('===> list', list);
+              _context2.t1 = _context2.sent;
+              list = (0, _context2.t0)(_context2.t1).map(function (e) {
+                return _objectSpread2(_objectSpread2({}, e), {}, {
+                  $index: v4()
+                });
+              });
               setOptions(list);
-              _context.next = 12;
+              _context2.next = 11;
               break;
 
-            case 11:
+            case 10:
               setOptions([]);
 
-            case 12:
-              _context.next = 18;
+            case 11:
+              _context2.next = 17;
               break;
 
-            case 14:
-              _context.prev = 14;
-              _context.t2 = _context["catch"](0);
+            case 13:
+              _context2.prev = 13;
+              _context2.t2 = _context2["catch"](0);
               setOptions([]);
-              throw _context.t2;
+              throw _context2.t2;
 
-            case 18:
+            case 17:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee, null, [[0, 14]]);
+      }, _callee2, null, [[0, 13]]);
     }));
 
-    return function (_x) {
-      return _ref.apply(this, arguments);
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
     };
   }(), [autoComplete.onItemNameSearch]);
   var onChangeAutoComplete = React.useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(itemName) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_, i) {
       var record;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
               record = options.filter(function (e) {
-                return e.itemName === itemName;
+                return e.$index === i.value;
               })[0];
 
               if (record) {
-                _context2.next = 3;
+                _context3.next = 3;
                 break;
               }
 
-              return _context2.abrupt("return");
+              return _context3.abrupt("return");
 
             case 3:
-              _context2.next = 5;
+              _context3.next = 5;
               return controller.setEditGood({
                 itemName: record.itemName
               });
 
             case 5:
+              _context3.next = 7;
+              return controller.importGoodsDrawer(record);
+
+            case 7:
+              setValue(record.itemName);
+              setSelectLine(record[0]);
               controller.importGoodsDrawer(record);
               setOptions([]);
 
-            case 7:
+            case 11:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
         }
-      }, _callee2);
+      }, _callee3);
     }));
 
-    return function (_x2) {
-      return _ref2.apply(this, arguments);
+    return function (_x3, _x4) {
+      return _ref3.apply(this, arguments);
     };
   }(), [options, controller]);
-  console.log('===> options', options);
+  React.useEffect(function () {
+    setValue(props.value);
+  }, [props.value]);
   return React.createElement("div", {
     className: 'kts-invoice-operate-goods-list-itemName-input'
   }, props.shorthand && React.createElement("span", {
@@ -10930,10 +11007,11 @@ function ItemNameInput(props) {
     }
   }, "*", props.shorthand, "*"), React.createElement(AutoComplete$1, {
     onSearch: onSearch,
-    value: props.value,
+    value: value,
     options: options.map(function (e) {
       return {
-        value: e.itemName
+        value: e.$index,
+        label: e.itemName
       };
     }),
     onSelect: onChangeAutoComplete
@@ -10942,24 +11020,10 @@ function ItemNameInput(props) {
       height: '100%',
       border: 'none'
     },
-    onChange: onChange
+    onChange: onChange,
+    onBlur: onBlur
   })));
-} // function removeNullUndefined(obj: Record<string, any>): Record<string, any> {
-//     const filteredObj: Record<string, any> = {};
-//     for (const key in obj) {
-//         if (obj[key] !== null && obj[key] !== undefined) {
-//             filteredObj[key] = obj[key];
-//         }
-//     }
-//     return filteredObj;
-// }
-
-/** 货物单价，不含税 */
-// const getPriceExcludeTax = (s: IGood, record: any, calculatingDigits?: number) => {
-//     if ((!s.taxRate && s.taxRate !== 0) || (!record.priceIncludeTax && record.priceIncludeTax !== 0)) return;
-//     // 单价(含税)/(1+税率) = 单价(不含税)
-//     return format15(evaluate(`${record.priceIncludeTax} / (1+${s.taxRate}/100)`), calculatingDigits);
-// };
+}
 
 var css_248z$8 = ".kts-invoice-operate-goods-list-itemCode-input {\n  display: flex;\n  flex: 1;\n  padding-left: 10px;\n  height: 31px;\n}\n.kts-invoice-operate-goods-list-itemCode-input .ktsAntX-select {\n  width: 100%;\n}\n.kts-invoice-operate-goods-list-itemCode-input .ktsAntX-select .ktsAntX-select-selector {\n  height: 100%;\n}\n.has-error .kts-invoice-operate-goods-list-itemCode-input {\n  border: 1px solid #f5222d;\n}\n";
 styleInject(css_248z$8);
@@ -12791,6 +12855,7 @@ var useColumns = (function (form) {
               }()
             }])
           })(React.createElement(ItemNameInput, {
+            editGood: editGood,
             shorthand: editGood.shorthand,
             onChange: function onChange() {
               onChangeItemName(controller, form, record);

package/dist/index.js

@@ -1199,6 +1199,7 @@ var AutoComplete = /*#__PURE__*/_createClass(function AutoComplete() {
   _classCallCheck(this, AutoComplete);
 
   this.onItemNameSearch = void 0;
+  this.onItemNameBlur = void 0;
   this.onBuyerNameSearch = void 0;
   this.onBuyerTaxIdSearch = void 0;
   this.onItemCodeSearch = void 0;
@@ -10821,8 +10822,6 @@ var TitleText = (function (props) {
 var css_248z$7 = ".kts-invoice-operate-goods-list-itemName-input {\n  display: flex;\n  flex: 1;\n  padding-left: 10px;\n  height: 31px;\n}\n.kts-invoice-operate-goods-list-itemName-input .ktsAntX-select {\n  width: 100%;\n}\n.kts-invoice-operate-goods-list-itemName-input .ktsAntX-select .ktsAntX-select-selector {\n  height: 100%;\n}\n.has-error .kts-invoice-operate-goods-list-itemName-input {\n  border: 1px solid #f5222d;\n}\n";
 styleInject(css_248z$7);
 
-// import evaluate from '../../../../../../../tools/evaluate';
-
 function ItemNameInput(props) {
   var controller = Invoice.useInvoiceController();
   var autoComplete = controller.useMemo(function (s) {
@@ -10834,103 +10833,181 @@ function ItemNameInput(props) {
       options = _React$useState2[0],
       setOptions = _React$useState2[1];
 
+  var _React$useState3 = React__default['default'].useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      selectLine = _React$useState4[0],
+      setSelectLine = _React$useState4[1];
+
+  var _React$useState5 = React__default['default'].useState(props.value),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      value = _React$useState6[0],
+      setValue = _React$useState6[1];
+
   var onChange = React__default['default'].useCallback(function (e) {
     var event = _objectSpread2({}, e);
 
     props.onChange && props.onChange(event);
   }, []);
-  var onSearch = React__default['default'].useCallback( /*#__PURE__*/function () {
+  var onBlur = React__default['default'].useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchText) {
-      var list;
+      var taxCategoryData, params;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
 
-              if (!(autoComplete.onItemNameSearch && searchText)) {
-                _context.next = 11;
+              if (!autoComplete.onItemNameBlur) {
+                _context.next = 8;
+                break;
+              }
+
+              if (selectLine === null || selectLine === void 0 ? void 0 : selectLine.shorthand) {
+                _context.next = 7;
                 break;
               }
 
-              _context.t0 = _toConsumableArray;
               _context.next = 5;
+              return autoComplete.onItemNameBlur(searchText);
+
+            case 5:
+              taxCategoryData = _context.sent;
+
+              if (taxCategoryData && taxCategoryData[0]) {
+                params = _objectSpread2(_objectSpread2({}, props.editGood), {}, {
+                  taxClassificationCode: taxCategoryData[0].taxCategoryCode,
+                  shorthand: taxCategoryData[0].shorthand
+                });
+                controller.importGoodsDrawer(params);
+              }
+
+            case 7:
+              setSelectLine(null);
+
+            case 8:
+              _context.next = 13;
+              break;
+
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](0);
+              throw _context.t0;
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 10]]);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [autoComplete.onItemNameBlur, selectLine, props.editGood]);
+  var onSearch = React__default['default'].useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(searchText) {
+      var list;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+
+              if (!(autoComplete.onItemNameSearch && searchText)) {
+                _context2.next = 10;
+                break;
+              }
+
+              _context2.t0 = _toConsumableArray;
+              _context2.next = 5;
               return autoComplete.onItemNameSearch(searchText);
 
             case 5:
-              _context.t1 = _context.sent;
-              list = (0, _context.t0)(_context.t1);
-              console.log('===> list', list);
+              _context2.t1 = _context2.sent;
+              list = (0, _context2.t0)(_context2.t1).map(function (e) {
+                return _objectSpread2(_objectSpread2({}, e), {}, {
+                  $index: uuid.v4()
+                });
+              });
               setOptions(list);
-              _context.next = 12;
+              _context2.next = 11;
               break;
 
-            case 11:
+            case 10:
               setOptions([]);
 
-            case 12:
-              _context.next = 18;
+            case 11:
+              _context2.next = 17;
               break;
 
-            case 14:
-              _context.prev = 14;
-              _context.t2 = _context["catch"](0);
+            case 13:
+              _context2.prev = 13;
+              _context2.t2 = _context2["catch"](0);
               setOptions([]);
-              throw _context.t2;
+              throw _context2.t2;
 
-            case 18:
+            case 17:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee, null, [[0, 14]]);
+      }, _callee2, null, [[0, 13]]);
     }));
 
-    return function (_x) {
-      return _ref.apply(this, arguments);
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
     };
   }(), [autoComplete.onItemNameSearch]);
   var onChangeAutoComplete = React__default['default'].useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(itemName) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_, i) {
       var record;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
               record = options.filter(function (e) {
-                return e.itemName === itemName;
+                return e.$index === i.value;
               })[0];
 
               if (record) {
-                _context2.next = 3;
+                _context3.next = 3;
                 break;
               }
 
-              return _context2.abrupt("return");
+              return _context3.abrupt("return");
 
             case 3:
-              _context2.next = 5;
+              _context3.next = 5;
               return controller.setEditGood({
                 itemName: record.itemName
               });
 
             case 5:
+              _context3.next = 7;
+              return controller.importGoodsDrawer(record);
+
+            case 7:
+              setValue(record.itemName);
+              setSelectLine(record[0]);
               controller.importGoodsDrawer(record);
               setOptions([]);
 
-            case 7:
+            case 11:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
         }
-      }, _callee2);
+      }, _callee3);
     }));
 
-    return function (_x2) {
-      return _ref2.apply(this, arguments);
+    return function (_x3, _x4) {
+      return _ref3.apply(this, arguments);
     };
   }(), [options, controller]);
-  console.log('===> options', options);
+  React__default['default'].useEffect(function () {
+    setValue(props.value);
+  }, [props.value]);
   return React__default['default'].createElement("div", {
     className: 'kts-invoice-operate-goods-list-itemName-input'
   }, props.shorthand && React__default['default'].createElement("span", {
@@ -10940,10 +11017,11 @@ function ItemNameInput(props) {
     }
   }, "*", props.shorthand, "*"), React__default['default'].createElement(ktsXui.AutoComplete, {
     onSearch: onSearch,
-    value: props.value,
+    value: value,
     options: options.map(function (e) {
       return {
-        value: e.itemName
+        value: e.$index,
+        label: e.itemName
       };
     }),
     onSelect: onChangeAutoComplete
@@ -10952,24 +11030,10 @@ function ItemNameInput(props) {
       height: '100%',
       border: 'none'
     },
-    onChange: onChange
+    onChange: onChange,
+    onBlur: onBlur
   })));
-} // function removeNullUndefined(obj: Record<string, any>): Record<string, any> {
-//     const filteredObj: Record<string, any> = {};
-//     for (const key in obj) {
-//         if (obj[key] !== null && obj[key] !== undefined) {
-//             filteredObj[key] = obj[key];
-//         }
-//     }
-//     return filteredObj;
-// }
-
-/** 货物单价，不含税 */
-// const getPriceExcludeTax = (s: IGood, record: any, calculatingDigits?: number) => {
-//     if ((!s.taxRate && s.taxRate !== 0) || (!record.priceIncludeTax && record.priceIncludeTax !== 0)) return;
-//     // 单价(含税)/(1+税率) = 单价(不含税)
-//     return format15(evaluate(`${record.priceIncludeTax} / (1+${s.taxRate}/100)`), calculatingDigits);
-// };
+}
 
 var css_248z$8 = ".kts-invoice-operate-goods-list-itemCode-input {\n  display: flex;\n  flex: 1;\n  padding-left: 10px;\n  height: 31px;\n}\n.kts-invoice-operate-goods-list-itemCode-input .ktsAntX-select {\n  width: 100%;\n}\n.kts-invoice-operate-goods-list-itemCode-input .ktsAntX-select .ktsAntX-select-selector {\n  height: 100%;\n}\n.has-error .kts-invoice-operate-goods-list-itemCode-input {\n  border: 1px solid #f5222d;\n}\n";
 styleInject(css_248z$8);
@@ -12801,6 +12865,7 @@ var useColumns = (function (form) {
               }()
             }])
           })(React__default['default'].createElement(ItemNameInput, {
+            editGood: editGood,
             shorthand: editGood.shorthand,
             onChange: function onChange() {
               onChangeItemName(controller, form, record);

package/package.json

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

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

@@ -4,7 +4,10 @@ import IGood from "../GoodsListState/IGood";
 export default class AutoComplete {
 
     /** 商品名称自动补全 */
-    onItemNameSearch?: (searchText: string) => Promise<IGood[]>;
+    onItemNameSearch?: (searchText: string) => Promise<any[]>;
+
+    /** 购方名称智能赋码 */
+    onItemNameBlur?: (searchText: string) => Promise<any[]>;
 
     /** 购方名称自动补全 */
     onBuyerNameSearch?: (searchText: string) => Promise<any[]>;

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

@@ -21,6 +21,13 @@ class MyInvoiceController extends InvoiceController {
     super();
     this.state.autoComplete.onItemNameSearch = async text => {
       return [
+        {
+          "itemName": "呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵",
+          "taxClassificationCode": "1010112070000000000",
+          "itemModelName": null,
+          "shorthand": "蔬菜",
+          "taxRate": undefined
+        },
         {
           "itemName": "呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵",
           "taxClassificationCode": "1010112070000000000",

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

@@ -152,6 +152,7 @@ export default (form: WrappedFormUtils) => {
                     ]
                   })(
                     <ItemNameInput
+                      editGood={editGood}
                       shorthand={editGood.shorthand}
                       onChange={() => {
                         onChangeItemName(controller, form, record);

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

@@ -1,33 +1,55 @@
 
 import { Input } from 'kts-components-antd-x3';
+import { v4 as uuid } from 'uuid';
 import React, { ChangeEvent } from 'react';
 import { AutoComplete } from 'kts-xui';
-// import { countAmountIncludeTax } from '../../../../../../../tools/calculate'
 import { IGood, Invoice } from '../../../../../../../..';
 import './index.less';
-// import { dutyFree, format15, updateUnitPriceExcludingTax, updateUnitPriceTax } from '../../autoFillFn';
-// import evaluate from '../../../../../../../tools/evaluate';
 
-export default function ItemNameInput(props: { onChange?: (e: ChangeEvent<HTMLInputElement>) => void, value?: string, shorthand?: string }) {
+export default function ItemNameInput(props: { onChange?: (e: ChangeEvent<HTMLInputElement>) => void, value?: string, editGood?: any, shorthand?: string }) {
 
     const controller = Invoice.useInvoiceController();
 
     const autoComplete = controller.useMemo(s => s.autoComplete, [])
 
-    const [options, setOptions] = React.useState<IGood[]>([])
+    const [options, setOptions] = React.useState<IGood[]>([]);
+
+    const [selectLine, setSelectLine] = React.useState<any>(null);
+
+    const [value, setValue] = React.useState(props.value);
 
     const onChange = React.useCallback((e: ChangeEvent<HTMLInputElement>) => {
         const event = { ...e };
         props.onChange && props.onChange(event);
     }, [])
 
+    const onBlur = React.useCallback(async (searchText: any) => {
+      try {
+        if (autoComplete.onItemNameBlur) {
+          if(!selectLine?.shorthand) {
+            const taxCategoryData: any = await autoComplete.onItemNameBlur(searchText);
+            if(taxCategoryData && taxCategoryData[0]) {
+              const params = {
+                ...props.editGood,
+                taxClassificationCode: taxCategoryData[0].taxCategoryCode,
+                shorthand: taxCategoryData[0].shorthand
+              }
+              controller.importGoodsDrawer(params);
+            }
+          }
+          setSelectLine(null);
+        }
+      } catch (error) {
+        throw error;
+      }
+    }, [autoComplete.onItemNameBlur, selectLine, props.editGood])
+
     const onSearch = React.useCallback(async (searchText: string) => {
         try {
             if (autoComplete.onItemNameSearch && searchText) {
-                const list = [...await autoComplete.onItemNameSearch(searchText)];
-                console.log('===> list', list);
+                const list = [...await autoComplete.onItemNameSearch(searchText)].map(e => ({ ...e, $index: uuid() }));
                 setOptions(list);
-            }else{
+            } else {
                 setOptions([]);
             }
         } catch (error) {
@@ -36,46 +58,34 @@ export default function ItemNameInput(props: { onChange?: (e: ChangeEvent<HTMLIn
         }
     }, [autoComplete.onItemNameSearch])
 
-    const onChangeAutoComplete = React.useCallback(async itemName => {
-        const record = options.filter(e => e.itemName === itemName)[0] as any;
+    const onChangeAutoComplete = React.useCallback(async (_, i) => {
+        const record = options.filter(e => e.$index === i.value)[0] as any;
         if (!record) return;
 
         await controller.setEditGood({ itemName: record.itemName });
 
+        await controller.importGoodsDrawer(record);
+
+        setValue(record.itemName);
+        setSelectLine(record[0]);
         controller.importGoodsDrawer(record);
 
         setOptions([]);
     }, [options, controller])
 
-    console.log('===> options', options)
+    React.useEffect(() => { setValue(props.value) }, [props.value])
 
     return (
         <div className='kts-invoice-operate-goods-list-itemName-input'>
             {props.shorthand && <span style={{ alignSelf: 'center', fontSize: 12 }} >*{props.shorthand}*</span>}
-            <AutoComplete onSearch={onSearch} value={props.value} options={options.map(e => ({ value: e.itemName }))} onSelect={onChangeAutoComplete} >
-                <Input style={{ height: '100%', border: 'none' }} onChange={onChange} />
+            <AutoComplete
+                onSearch={onSearch}
+                value={value}
+                options={options.map(e => ({ value: e.$index, label: e.itemName }))}
+                onSelect={onChangeAutoComplete}
+            >
+                <Input style={{ height: '100%', border: 'none' }} onChange={onChange} onBlur={onBlur} />
             </AutoComplete>
         </div>
     )
 }
-
-
-// function removeNullUndefined(obj: Record<string, any>): Record<string, any> {
-//     const filteredObj: Record<string, any> = {};
-
-//     for (const key in obj) {
-//         if (obj[key] !== null && obj[key] !== undefined) {
-//             filteredObj[key] = obj[key];
-//         }
-//     }
-
-//     return filteredObj;
-// }
-
-/** 货物单价，不含税 */
-// const getPriceExcludeTax = (s: IGood, record: any, calculatingDigits?: number) => {
-//     if ((!s.taxRate && s.taxRate !== 0) || (!record.priceIncludeTax && record.priceIncludeTax !== 0)) return;
-
-//     // 单价(含税)/(1+税率) = 单价(不含税)
-//     return format15(evaluate(`${record.priceIncludeTax} / (1+${s.taxRate}/100)`), calculatingDigits);
-// };