kts-component-invoice-operate 3.2.71 → 3.2.73

package/dist/index.esm.js

@@ -4,7 +4,7 @@ import GreyReactBox, { decorator } from 'grey-react-box';
 import { chain as chain$1, bignumber, create, all } 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, Drawer, Descriptions, Empty, Divider, Popover as Popover$1, Table as Table$1, Tree, Modal as Modal$1, Row as Row$1, Col as Col$1 } from 'kts-components-antd-x3';
 import { v4 } from 'uuid';
-import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete$1, Popover, Dropdown as Dropdown$1, Row, Col, Button as Button$1, Tooltip as Tooltip$1, Input as Input$1, Select as Select$1, Spin as Spin$1, Menu as Menu$1, Form as Form$1, Drawer as Drawer$1, Space, Radio, InputNumber, Popconfirm, Modal } from 'kts-xui';
+import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete$1, Popover, Dropdown as Dropdown$1, Row, Col, Button as Button$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Input as Input$1, Select as Select$1, Spin as Spin$1, Menu as Menu$1, Form as Form$1, Drawer as Drawer$1, Space, Radio, InputNumber, Popconfirm, Modal } from 'kts-xui';
 import classNames from 'classnames';
 import { Table } from 'kts-components-antd-x4-v4';
 import { render } from 'react-dom';
@@ -16295,6 +16295,13 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     gutter: [16, 0]
   }, React.createElement(Col, {
     span: 24
+  }, React.createElement(Form.Item, {
+    label: "\u8D2D\u4E70\u65B9\u4FE1\u606F",
+    colon: false
+  }, getFieldDecorator('naturalPersonFlag', {})(React.createElement(NaturalPersonFlag, {
+    readOnly: isReadOnly('naturalPersonFlag')
+  })))), React.createElement(Col, {
+    span: 24
   }, React.createElement(Form.Item, {
     label: "\u540D\u79F0",
     colon: false
@@ -16310,7 +16317,8 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
       type: 'link',
       style: {
         padding: 0,
-        width: 20
+        width: 20,
+        height: '100%'
       },
       icon: React.createElement(Icon, {
         component: SvgPlus
@@ -16477,6 +16485,27 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
   })))))))));
 });
 
+function NaturalPersonFlag(props) {
+  var _React$useState3 = React.useState(props.value || 'COMPANY'),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      value = _React$useState4[0],
+      setValue = _React$useState4[1];
+
+  var onChange = React.useCallback(function (e) {
+    if (props.readOnly) return;
+    setValue(e.target.checked ? 'NATURAL' : 'COMPANY');
+    props.onChange && props.onChange(e.target.checked ? 'NATURAL' : 'COMPANY');
+  }, [props.onChange, props.readOnly]);
+  React.useEffect(function () {
+    setValue(props.value || 'COMPANY');
+  }, [props.value]);
+  return React.createElement(Checkbox$1, {
+    disabled: props.readOnly,
+    checked: value === 'NATURAL',
+    onChange: onChange
+  }, "\u662F\u5426\u5F00\u7968\u7ED9\u81EA\u7136\u4EBA");
+}
+
 function BuyerNameInput$1(props) {
   var fieldName = props.fieldName,
       form = props.myform;

package/dist/index.js

@@ -16305,6 +16305,13 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     gutter: [16, 0]
   }, React__default['default'].createElement(ktsXui.Col, {
     span: 24
+  }, React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+    label: "\u8D2D\u4E70\u65B9\u4FE1\u606F",
+    colon: false
+  }, getFieldDecorator('naturalPersonFlag', {})(React__default['default'].createElement(NaturalPersonFlag, {
+    readOnly: isReadOnly('naturalPersonFlag')
+  })))), React__default['default'].createElement(ktsXui.Col, {
+    span: 24
   }, React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u540D\u79F0",
     colon: false
@@ -16320,7 +16327,8 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
       type: 'link',
       style: {
         padding: 0,
-        width: 20
+        width: 20,
+        height: '100%'
       },
       icon: React__default['default'].createElement(Icon, {
         component: SvgPlus
@@ -16487,6 +16495,27 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
   })))))))));
 });
 
+function NaturalPersonFlag(props) {
+  var _React$useState3 = React__default['default'].useState(props.value || 'COMPANY'),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      value = _React$useState4[0],
+      setValue = _React$useState4[1];
+
+  var onChange = React__default['default'].useCallback(function (e) {
+    if (props.readOnly) return;
+    setValue(e.target.checked ? 'NATURAL' : 'COMPANY');
+    props.onChange && props.onChange(e.target.checked ? 'NATURAL' : 'COMPANY');
+  }, [props.onChange, props.readOnly]);
+  React__default['default'].useEffect(function () {
+    setValue(props.value || 'COMPANY');
+  }, [props.value]);
+  return React__default['default'].createElement(ktsXui.Checkbox, {
+    disabled: props.readOnly,
+    checked: value === 'NATURAL',
+    onChange: onChange
+  }, "\u662F\u5426\u5F00\u7968\u7ED9\u81EA\u7136\u4EBA");
+}
+
 function BuyerNameInput$1(props) {
   var fieldName = props.fieldName,
       form = props.myform;

package/package.json

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

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

@@ -114,14 +114,14 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
             <div>
                 <Form className="digtal-stakeholder-form" >
                     <Row gutter={[16, 0]}>
-                        {/* <Col span={24} >
+                        <Col span={24} >
                             <Form.Item label='购买方信息' colon={false}>
                                 {getFieldDecorator('naturalPersonFlag', {
                                 })(
                                     <NaturalPersonFlag readOnly={isReadOnly('naturalPersonFlag')} />
                                 )}
                             </Form.Item>
-                        </Col> */}
+                        </Col>
 
                         <Col span={24} >
                             <Form.Item label='名称' colon={false}>
@@ -138,7 +138,7 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                                             isShowImportButton === true &&
                                             <Button
                                                 type='link'
-                                                style={{ padding: 0, width: 20 }}
+                                                style={{ padding: 0, width: 20, height: '100%' }}
                                                 icon={<Icon component={PlusSvg} />}
                                                 onClick={() => { onClickImportButton && onClickImportButton(controller) }}
                                             />
@@ -286,27 +286,28 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
 })
 
 function NaturalPersonFlag(props: {
-    value?: 0 | 1,
-    onChange?: (e: 0 | 1) => void
+    // NATURAL("自然人"),  COMPANY("非自然人");
+    value?: 'COMPANY' | 'NATURAL',
+    onChange?: (e: 'COMPANY' | 'NATURAL') => void
     readOnly?: boolean;
 }) {
 
-    const [value, setValue] = React.useState(props.value || 0);
+    const [value, setValue] = React.useState(props.value || 'COMPANY');
 
     const onChange = React.useCallback((e: CheckboxChangeEvent) => {
         if (props.readOnly) return;
-        setValue(e.target.checked ? 1 : 0);
-        props.onChange && props.onChange(e.target.checked ? 1 : 0);
+        setValue(e.target.checked ? 'NATURAL' : 'COMPANY');
+        props.onChange && props.onChange(e.target.checked ? 'NATURAL' : 'COMPANY');
     }, [props.onChange, props.readOnly])
 
     React.useEffect(() => {
-        setValue(props.value || 0)
+        setValue(props.value || 'COMPANY')
     }, [props.value])
 
     return (
         <Checkbox
             disabled={props.readOnly}
-            checked={value === 1}
+            checked={value === 'NATURAL'}
             onChange={onChange}
         >
             是否开票给自然人