kts-component-invoice-operate 3.2.181-25 → 3.2.181-27

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

@@ -8,6 +8,7 @@ export default class AutoComplete {
     onBuyerNameSearch?: (searchText: string) => Promise<any[]>;
     /** 统一社会信用代码/纳税人识别号 */
     onBuyerTaxIdSearch?: (searchText: string) => Promise<any[]>;
+    onBuyerCodeSearch?: (searchText: string) => Promise<any[]>;
     /** 销售方名称自动补全 */
     onSupplierNameSearch?: (searchText: string) => Promise<any[]>;
     /** 统一社会信用代码/纳税人识别号 */

package/dist/index.esm.js

@@ -4,7 +4,7 @@ import GreyReactBox, { decorator } from 'grey-react-box';
 import { chain as chain$1, bignumber, format as format$1, create, all, equal } from 'mathjs';
 import { message, Form, Input, Icon as Icon$1, Tag as Tag$1, Select, Button, Tooltip, Switch as Switch$1, Typography, Menu, Dropdown, AutoComplete as AutoComplete$2, Spin, Checkbox, Descriptions, Empty, Divider, Popover as Popover$1, Drawer as Drawer$1, Table as Table$1, Tree, Modal as Modal$1, Row as Row$2, Col as Col$2 } from 'kts-components-antd-x3';
 import { v4 } from 'uuid';
-import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete$1, Popover, Button as Button$1, Form as Form$1, Drawer, Space, Radio, InputNumber, Dropdown as Dropdown$1, Row, Col, Input as Input$1, Checkbox as Checkbox$1, Tooltip as Tooltip$1, Select as Select$1, Spin as Spin$1, Menu as Menu$1, Popconfirm, Modal, Cascader as Cascader$1, Tree as Tree$1, Card, FormReadOnly } from 'kts-xui';
+import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete$1, Popover, Button as Button$1, Form as Form$1, Drawer, Space, Radio, InputNumber, Dropdown as Dropdown$1, Row, Col, Checkbox as Checkbox$1, Tooltip as Tooltip$1, Input as Input$1, Select as Select$1, Spin as Spin$1, Menu as Menu$1, Popconfirm, Modal, Cascader as Cascader$1, Tree as Tree$1, Card, FormReadOnly } from 'kts-xui';
 import classnames from 'classnames';
 import { Table } from 'kts-components-antd-x4-v4';
 import { render } from 'react-dom';
@@ -1250,6 +1250,7 @@ var AutoComplete = /*#__PURE__*/_createClass(function AutoComplete() {
   this.onItemNameBlur = void 0;
   this.onBuyerNameSearch = void 0;
   this.onBuyerTaxIdSearch = void 0;
+  this.onBuyerCodeSearch = void 0;
   this.onSupplierNameSearch = void 0;
   this.onSupplierTaxIdSearch = void 0;
   this.onItemCodeSearch = void 0;
@@ -18142,7 +18143,9 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
   }, getFieldDecorator('naturalPersonFlag', {})( /*#__PURE__*/React.createElement(NaturalPersonFlag, {
     readOnly: isReadOnly('naturalPersonFlag')
   }))), /*#__PURE__*/React.createElement("div", {
-    style: {
+    style: isReadOnly('buyerCode') ? {
+      paddingTop: '3px'
+    } : {
       flex: 1
     }
   }, /*#__PURE__*/React.createElement(Form.Item, {
@@ -18153,10 +18156,29 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
       required: true,
       message: '客户代码必填'
     }]
-  })( /*#__PURE__*/React.createElement(Input$1, {
-    style: {
-      width: '100%'
-    }
+  })(
+  /*#__PURE__*/
+  // <Input style={{ width: '100%' }} />
+  React.createElement(BuyerNameInput$1, {
+    myform: form,
+    fieldName: 'buyerCode',
+    readOnly: isReadOnly('buyerCode'),
+    placeholder: "\u8BF7\u8F93\u5165\u5BA2\u6237\u4EE3\u7801",
+    autoComplete: "off",
+    suffix: isShowImportButton === true && /*#__PURE__*/React.createElement(Button$1, {
+      type: 'link',
+      style: {
+        padding: 0,
+        width: 20,
+        height: '100%'
+      },
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        component: SvgPlus
+      }),
+      onClick: function onClick() {
+        onClickImportButton && onClickImportButton(controller);
+      }
+    })
   })))))), /*#__PURE__*/React.createElement(Row, {
     gutter: [16, 0]
   }, /*#__PURE__*/React.createElement(Col, {
@@ -18479,12 +18501,12 @@ function BuyerNameInput$1(props) {
               (0, _context.t0)(_context.t1);
 
             case 10:
-              _context.next = 19;
+              _context.next = 28;
               break;
 
             case 12:
               if (!(fieldName === 'buyerTaxId')) {
-                _context.next = 19;
+                _context.next = 21;
                 break;
               }
 
@@ -18502,21 +18524,44 @@ function BuyerNameInput$1(props) {
               (0, _context.t2)(_context.t3);
 
             case 19:
-              _context.next = 25;
+              _context.next = 28;
               break;
 
             case 21:
-              _context.prev = 21;
-              _context.t4 = _context["catch"](2);
+              if (!(fieldName === 'buyerCode')) {
+                _context.next = 28;
+                break;
+              }
+
+              if (!autoComplete.onBuyerCodeSearch) {
+                _context.next = 28;
+                break;
+              }
+
+              _context.t4 = setOptions;
+              _context.next = 26;
+              return autoComplete.onBuyerCodeSearch(searchText);
+
+            case 26:
+              _context.t5 = _context.sent;
+              (0, _context.t4)(_context.t5);
+
+            case 28:
+              _context.next = 34;
+              break;
+
+            case 30:
+              _context.prev = 30;
+              _context.t6 = _context["catch"](2);
               setOptions([]);
-              throw _context.t4;
+              throw _context.t6;
 
-            case 25:
+            case 34:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 21]]);
+      }, _callee, null, [[2, 30]]);
     }));
 
     return function (_x) {

package/dist/index.js

@@ -1260,6 +1260,7 @@ var AutoComplete = /*#__PURE__*/_createClass(function AutoComplete() {
   this.onItemNameBlur = void 0;
   this.onBuyerNameSearch = void 0;
   this.onBuyerTaxIdSearch = void 0;
+  this.onBuyerCodeSearch = void 0;
   this.onSupplierNameSearch = void 0;
   this.onSupplierTaxIdSearch = void 0;
   this.onItemCodeSearch = void 0;
@@ -18152,7 +18153,9 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
   }, getFieldDecorator('naturalPersonFlag', {})( /*#__PURE__*/React__default['default'].createElement(NaturalPersonFlag, {
     readOnly: isReadOnly('naturalPersonFlag')
   }))), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
+    style: isReadOnly('buyerCode') ? {
+      paddingTop: '3px'
+    } : {
       flex: 1
     }
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
@@ -18163,10 +18166,29 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
       required: true,
       message: '客户代码必填'
     }]
-  })( /*#__PURE__*/React__default['default'].createElement(ktsXui.Input, {
-    style: {
-      width: '100%'
-    }
+  })(
+  /*#__PURE__*/
+  // <Input style={{ width: '100%' }} />
+  React__default['default'].createElement(BuyerNameInput$1, {
+    myform: form,
+    fieldName: 'buyerCode',
+    readOnly: isReadOnly('buyerCode'),
+    placeholder: "\u8BF7\u8F93\u5165\u5BA2\u6237\u4EE3\u7801",
+    autoComplete: "off",
+    suffix: isShowImportButton === true && /*#__PURE__*/React__default['default'].createElement(ktsXui.Button, {
+      type: 'link',
+      style: {
+        padding: 0,
+        width: 20,
+        height: '100%'
+      },
+      icon: /*#__PURE__*/React__default['default'].createElement(Icon, {
+        component: SvgPlus
+      }),
+      onClick: function onClick() {
+        onClickImportButton && onClickImportButton(controller);
+      }
+    })
   })))))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Row, {
     gutter: [16, 0]
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
@@ -18489,12 +18511,12 @@ function BuyerNameInput$1(props) {
               (0, _context.t0)(_context.t1);
 
             case 10:
-              _context.next = 19;
+              _context.next = 28;
               break;
 
             case 12:
               if (!(fieldName === 'buyerTaxId')) {
-                _context.next = 19;
+                _context.next = 21;
                 break;
               }
 
@@ -18512,21 +18534,44 @@ function BuyerNameInput$1(props) {
               (0, _context.t2)(_context.t3);
 
             case 19:
-              _context.next = 25;
+              _context.next = 28;
               break;
 
             case 21:
-              _context.prev = 21;
-              _context.t4 = _context["catch"](2);
+              if (!(fieldName === 'buyerCode')) {
+                _context.next = 28;
+                break;
+              }
+
+              if (!autoComplete.onBuyerCodeSearch) {
+                _context.next = 28;
+                break;
+              }
+
+              _context.t4 = setOptions;
+              _context.next = 26;
+              return autoComplete.onBuyerCodeSearch(searchText);
+
+            case 26:
+              _context.t5 = _context.sent;
+              (0, _context.t4)(_context.t5);
+
+            case 28:
+              _context.next = 34;
+              break;
+
+            case 30:
+              _context.prev = 30;
+              _context.t6 = _context["catch"](2);
               setOptions([]);
-              throw _context.t4;
+              throw _context.t6;
 
-            case 25:
+            case 34:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 21]]);
+      }, _callee, null, [[2, 30]]);
     }));
 
     return function (_x) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.2.181-25",
+  "version": "3.2.181-27",
   "scripts": {
     "dev": "dumi dev --max-old-space-size=6096",
     "start": "dumi dev",

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

@@ -15,6 +15,8 @@ export default class AutoComplete {
     /** 统一社会信用代码/纳税人识别号 */
     onBuyerTaxIdSearch?: (searchText: string) => Promise<any[]>;
 
+    onBuyerCodeSearch?: (searchText: string) => Promise<any[]>;
+
      /** 销售方名称自动补全 */
      onSupplierNameSearch?: (searchText: string) => Promise<any[]>;
 

package/src/Invoice/ui/digtal/Stakeholder/index.tsx

@@ -147,29 +147,45 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
             </div>
             <div>
 
-            <Form className="digtal-stakeholder-form" >
-            <Row gutter={[16, 0]} className='natural-person-flag' style={{paddingRight: 0}} >
-                <Col span={24}  style={{ display: 'flex', marginBottom: '15px' }} >
-                    {
-                        props.isNaturalPerson === true &&
-                        <Form.Item colon={false}>
-                            {getFieldDecorator('naturalPersonFlag', {
-                            })(
-                                <NaturalPersonFlag readOnly={isReadOnly('naturalPersonFlag')} />
-                            )}
-                        </Form.Item>
-                    }
-                    <div style={{flex: 1}}>
-                    <Form.Item label='客户代码' colon={false}>
-                        {getFieldDecorator('buyerCode', {
-                            rules: [{ required: true, message: '客户代码必填' }],
-                        })(
-                            <Input style={{width: '100%'}} />
-                        )}
-                    </Form.Item>
-                    </div>
-                    </Col>
-                </Row>
+                <Form className="digtal-stakeholder-form" >
+                    <Row gutter={[16, 0]} className='natural-person-flag' style={{ paddingRight: 0 }} >
+                        <Col span={24} style={{ display: 'flex', marginBottom: '15px' }} >
+                            {
+                                props.isNaturalPerson === true &&
+                                <Form.Item colon={false}>
+                                    {getFieldDecorator('naturalPersonFlag', {
+                                    })(
+                                        <NaturalPersonFlag readOnly={isReadOnly('naturalPersonFlag')} />
+                                    )}
+                                </Form.Item>
+                            }
+                            <div style={isReadOnly('buyerCode') ? { paddingTop: '3px' } : {flex: 1}}>
+                                <Form.Item label='客户代码' colon={false}>
+                                    {getFieldDecorator('buyerCode', {
+                                        rules: [{ required: true, message: '客户代码必填' }],
+                                    })(
+                                        // <Input style={{ width: '100%' }} />
+                                        <BuyerNameInput
+                                            myform={form}
+                                            fieldName='buyerCode'
+                                            readOnly={isReadOnly('buyerCode')}
+                                            placeholder="请输入客户代码"
+                                            autoComplete="off"
+                                            suffix={
+                                                isShowImportButton === true &&
+                                                <Button
+                                                    type='link'
+                                                    style={{ padding: 0, width: 20, height: '100%' }}
+                                                    icon={<Icon component={PlusSvg} />}
+                                                    onClick={() => { onClickImportButton && onClickImportButton(controller) }}
+                                                />
+                                            }
+                                        />
+                                    )}
+                                </Form.Item>
+                            </div>
+                        </Col>
+                    </Row>
                     <Row gutter={[16, 0]}>
                         <Col span={24} >
                             <Form.Item label='名称' colon={false}>
@@ -365,7 +381,7 @@ function NaturalPersonFlag(props: {
             onChange={onChange}
         >
             是否开票给自然人
-        </Checkbox> 
+        </Checkbox>
     )
 }
 
@@ -383,24 +399,28 @@ function BuyerNameInput(props: InputProps & { fieldName: string; myform: Wrapped
 
     const onChangeAutoComplete = React.useCallback(value => {
         const record = options.filter(e => e[fieldName] === value)[0] as any;
-        if (!record || !form) return; 
+        if (!record || !form) return;
         form.setFieldsValue(record);
         setOptions([])
     }, [options, fieldName, form])
 
     const onSearch = React.useCallback(async (searchText: string) => {
-        await Discontinue.start(); 
+        await Discontinue.start();
         try {
             if (fieldName === 'buyerName') {
                 if (autoComplete.onBuyerNameSearch) {
                     setOptions(await autoComplete.onBuyerNameSearch(searchText));
                 }
-            } else if (fieldName === 'buyerTaxId') {
+            } else if (fieldName === 'buyerTaxId') { 
                 if (autoComplete.onBuyerTaxIdSearch) {
                     setOptions(await autoComplete.onBuyerTaxIdSearch(searchText));
                 }
+            } else if (fieldName === 'buyerCode') { 
+                if (autoComplete.onBuyerCodeSearch) {
+                    setOptions(await autoComplete.onBuyerCodeSearch(searchText));
+                }
             }
-             
+
         } catch (error) {
             setOptions([]);
             throw error;