kts-component-invoice-operate 3.2.141 → 3.2.143

package/dist/Invoice/index.d.ts

@@ -51,7 +51,7 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
     /** 落款(数电) */
     static readonly SignDigtal: React.FunctionComponent<import("./ui/digtal/Sign").IBuyerProps>;
     /** 特殊信息-不动产经营租赁服务(数电) */
-    static readonly RealEstateInfo: React.FunctionComponent<any>;
+    static readonly RealEstateInfo: React.FunctionComponent<import("./ui/digtal/RealEstateInfo").RealEstateInfoProps>;
     /** 货物列表(数电) */
     static readonly GoodsListDigtal: typeof GoodsListDigtal;
     /** 货物索引生成器 */

package/dist/Invoice/ui/digtal/RealEstateInfo/index.d.ts

@@ -1,5 +1,15 @@
 import React from "react";
 import './index.less';
+export interface RealEstateInfoProps {
+    /**
+     * 不动产地址数据
+     */
+    realEstateAddressOptions: any[];
+    /**
+     * 不动产地址数据字段名
+     */
+    realEstateAddressFieldNames: any;
+}
 /** 特殊信息-不动产经营租赁服务 */
-declare const _default: React.FunctionComponent<any>;
+declare const _default: React.FunctionComponent<RealEstateInfoProps>;
 export default _default;

package/dist/Invoice/ui/digtal/Stakeholder/index.d.ts

@@ -12,6 +12,8 @@ export interface IStakeholder {
     isVatNormal?: boolean;
     /** 是否可以选择自然人 */
     isNaturalPerson?: boolean;
+    /** 是否展开 */
+    isExpand?: boolean;
 }
 /** 干系人 */
 declare const _default: React.FunctionComponent<IStakeholder>;

package/dist/index.esm.js

@@ -16913,7 +16913,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
       _props$isVatNormal = props.isVatNormal,
       isVatNormal = _props$isVatNormal === void 0 ? false : _props$isVatNormal;
 
-  var _React$useState = React.useState(true),
+  var _React$useState = React.useState(typeof props.isExpand === 'boolean' ? props.isExpand : true),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       isExpand = _React$useState2[0],
       setExpand = _React$useState2[1];
@@ -16946,7 +16946,11 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     if (isReadOnly(field)) return [];
     return rulesMap[field] || defaultRules;
   }, [rulesMap, isReadOnly, isReadOnly]);
-  controller.useForm('stakeholder', form);
+  controller.useForm('stakeholder', form); // props.isExpand 变化的时候更新
+
+  React.useEffect(function () {
+    setExpand(typeof props.isExpand === 'boolean' ? props.isExpand : true);
+  }, [props.isExpand]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("kts-invoice-operate-invoice-digtal-stakeholder", {
       readOnly: readOnly
@@ -22721,7 +22725,7 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
     span: 6
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u4E0D\u52A8\u4EA7\u5730\u5740"
-  }, getFieldDecorator('p1', {
+  }, getFieldDecorator('realEstateAddress', {
     rules: [{
       required: true,
       message: '请选择不动产地址'
@@ -22730,16 +22734,25 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
     style: {
       width: '100%'
     },
-    options: [],
+    options: props.realEstateAddressOptions,
+    fieldNames: props.realEstateAddressFieldNames,
     placeholder: "\u8BF7\u9009\u62E9\u7701\u5E02\u533A\u53BF"
   })))), /*#__PURE__*/React.createElement(Col$1, {
     span: 6
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u8BE6\u7EC6\u5730\u5740"
-  }, getFieldDecorator('p2', {
+  }, getFieldDecorator('realEstateDetailedAddress', {
     rules: [{
       required: true,
       message: '请输入详细地址'
+    }, {
+      max: 120,
+      message: '详细地址最多120个字符'
+    }, {
+      validator: function validator(_, value) {
+        var pattern = /街|路|村|乡|镇|道|巷|号/;
+        return pattern.test(value) ? Promise.resolve() : Promise.reject('地址必须包含“街”、“路”、“村”、“乡”、“镇”、“道”、“巷”、“号”等任意一个关键词');
+      }
     }]
   })( /*#__PURE__*/React.createElement(Input$2, {
     autoComplete: 'off',
@@ -22748,16 +22761,20 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
     span: 6
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u79DF\u8D41\u671F\u8D77\u6B62"
-  }, getFieldDecorator('p3', {
+  }, getFieldDecorator('leaseTerm', {
     rules: [{
       required: true,
-      message: '请选择租赁期起止'
+      message: '请输入租赁期'
     }]
-  })( /*#__PURE__*/React.createElement(RangePicker, null)))), /*#__PURE__*/React.createElement(Col$1, {
+  })( /*#__PURE__*/React.createElement(RangePicker, {
+    style: {
+      width: '100%'
+    }
+  })))), /*#__PURE__*/React.createElement(Col$1, {
     span: 6
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u8DE8\u5730\uFF08\u5E02\uFF09\u6807\u5FD7"
-  }, getFieldDecorator('p4', {
+  }, getFieldDecorator('crossCitiesSign', {
     rules: [{
       required: true,
       message: '请选择跨地（市）标志'
@@ -22768,15 +22785,20 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
       width: '100%'
     }
   }, /*#__PURE__*/React.createElement(Select$2.Option, {
-    value: "sample"
-  }, "Sample"))))), /*#__PURE__*/React.createElement(Col$1, {
+    value: 'Y'
+  }, "\u662F"), /*#__PURE__*/React.createElement(Select$2.Option, {
+    value: 'N'
+  }, "\u5426"))))), /*#__PURE__*/React.createElement(Col$1, {
     span: 6
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u4EA7\u6743\u8BC1\u4E66/\u4E0D\u52A8\u4EA7\u6743\u8BC1\u53F7"
-  }, getFieldDecorator('p5', {
+  }, getFieldDecorator('realEstateNumber', {
     rules: [{
       required: true,
       message: '请输入证书编号，若没有证书填写“无”'
+    }, {
+      max: 40,
+      message: '证书编号最多40个字符'
     }]
   })( /*#__PURE__*/React.createElement(Input$2, {
     autoComplete: 'off',
@@ -22785,7 +22807,7 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
     span: 6
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u9762\u79EF\u5355\u4F4D"
-  }, getFieldDecorator('p6', {
+  }, getFieldDecorator('realEstateUnit', {
     rules: [{
       required: true,
       message: '请选择面积单位'
@@ -22796,8 +22818,35 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
       width: '100%'
     }
   }, /*#__PURE__*/React.createElement(Select$2.Option, {
-    value: "sample"
-  }, "Sample")))))));
+    value: "\u5E73\u65B9\u5343\u7C73"
+  }, "\u5E73\u65B9\u5343\u7C73"), /*#__PURE__*/React.createElement(Select$2.Option, {
+    value: "\u5E73\u65B9\u7C73"
+  }, "\u5E73\u65B9\u7C73"), /*#__PURE__*/React.createElement(Select$2.Option, {
+    value: "\u516C\u9877"
+  }, "\u516C\u9877"), /*#__PURE__*/React.createElement(Select$2.Option, {
+    value: "\u4EA9"
+  }, "\u4EA9"), /*#__PURE__*/React.createElement(Select$2.Option, {
+    value: "Hm2"
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "Hm"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      verticalAlign: 'super',
+      fontSize: 'smaller'
+    }
+  }, "2"))), /*#__PURE__*/React.createElement(Select$2.Option, {
+    value: "Km2"
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "Km"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      verticalAlign: 'super',
+      fontSize: 'smaller'
+    }
+  }, "2"))), /*#__PURE__*/React.createElement(Select$2.Option, {
+    value: "m2"
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "m"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      verticalAlign: 'super',
+      fontSize: 'smaller'
+    }
+  }, "2")))))))));
 });
 
 var ImportBuyerDrawer = (function () {

package/dist/index.js

@@ -16923,7 +16923,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
       _props$isVatNormal = props.isVatNormal,
       isVatNormal = _props$isVatNormal === void 0 ? false : _props$isVatNormal;
 
-  var _React$useState = React__default['default'].useState(true),
+  var _React$useState = React__default['default'].useState(typeof props.isExpand === 'boolean' ? props.isExpand : true),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       isExpand = _React$useState2[0],
       setExpand = _React$useState2[1];
@@ -16956,7 +16956,11 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     if (isReadOnly(field)) return [];
     return rulesMap[field] || defaultRules;
   }, [rulesMap, isReadOnly, isReadOnly]);
-  controller.useForm('stakeholder', form);
+  controller.useForm('stakeholder', form); // props.isExpand 变化的时候更新
+
+  React__default['default'].useEffect(function () {
+    setExpand(typeof props.isExpand === 'boolean' ? props.isExpand : true);
+  }, [props.isExpand]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: classNames__default['default']("kts-invoice-operate-invoice-digtal-stakeholder", {
       readOnly: readOnly
@@ -22731,7 +22735,7 @@ var RealEstateInfo = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(f
     span: 6
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u4E0D\u52A8\u4EA7\u5730\u5740"
-  }, getFieldDecorator('p1', {
+  }, getFieldDecorator('realEstateAddress', {
     rules: [{
       required: true,
       message: '请选择不动产地址'
@@ -22740,16 +22744,25 @@ var RealEstateInfo = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(f
     style: {
       width: '100%'
     },
-    options: [],
+    options: props.realEstateAddressOptions,
+    fieldNames: props.realEstateAddressFieldNames,
     placeholder: "\u8BF7\u9009\u62E9\u7701\u5E02\u533A\u53BF"
   })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
     span: 6
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u8BE6\u7EC6\u5730\u5740"
-  }, getFieldDecorator('p2', {
+  }, getFieldDecorator('realEstateDetailedAddress', {
     rules: [{
       required: true,
       message: '请输入详细地址'
+    }, {
+      max: 120,
+      message: '详细地址最多120个字符'
+    }, {
+      validator: function validator(_, value) {
+        var pattern = /街|路|村|乡|镇|道|巷|号/;
+        return pattern.test(value) ? Promise.resolve() : Promise.reject('地址必须包含“街”、“路”、“村”、“乡”、“镇”、“道”、“巷”、“号”等任意一个关键词');
+      }
     }]
   })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Input, {
     autoComplete: 'off',
@@ -22758,16 +22771,20 @@ var RealEstateInfo = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(f
     span: 6
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u79DF\u8D41\u671F\u8D77\u6B62"
-  }, getFieldDecorator('p3', {
+  }, getFieldDecorator('leaseTerm', {
     rules: [{
       required: true,
-      message: '请选择租赁期起止'
+      message: '请输入租赁期'
     }]
-  })( /*#__PURE__*/React__default['default'].createElement(RangePicker, null)))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
+  })( /*#__PURE__*/React__default['default'].createElement(RangePicker, {
+    style: {
+      width: '100%'
+    }
+  })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
     span: 6
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u8DE8\u5730\uFF08\u5E02\uFF09\u6807\u5FD7"
-  }, getFieldDecorator('p4', {
+  }, getFieldDecorator('crossCitiesSign', {
     rules: [{
       required: true,
       message: '请选择跨地（市）标志'
@@ -22778,15 +22795,20 @@ var RealEstateInfo = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(f
       width: '100%'
     }
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
-    value: "sample"
-  }, "Sample"))))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
+    value: 'Y'
+  }, "\u662F"), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: 'N'
+  }, "\u5426"))))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
     span: 6
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u4EA7\u6743\u8BC1\u4E66/\u4E0D\u52A8\u4EA7\u6743\u8BC1\u53F7"
-  }, getFieldDecorator('p5', {
+  }, getFieldDecorator('realEstateNumber', {
     rules: [{
       required: true,
       message: '请输入证书编号，若没有证书填写“无”'
+    }, {
+      max: 40,
+      message: '证书编号最多40个字符'
     }]
   })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Input, {
     autoComplete: 'off',
@@ -22795,7 +22817,7 @@ var RealEstateInfo = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(f
     span: 6
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     label: "\u9762\u79EF\u5355\u4F4D"
-  }, getFieldDecorator('p6', {
+  }, getFieldDecorator('realEstateUnit', {
     rules: [{
       required: true,
       message: '请选择面积单位'
@@ -22806,8 +22828,35 @@ var RealEstateInfo = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(f
       width: '100%'
     }
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
-    value: "sample"
-  }, "Sample")))))));
+    value: "\u5E73\u65B9\u5343\u7C73"
+  }, "\u5E73\u65B9\u5343\u7C73"), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: "\u5E73\u65B9\u7C73"
+  }, "\u5E73\u65B9\u7C73"), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: "\u516C\u9877"
+  }, "\u516C\u9877"), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: "\u4EA9"
+  }, "\u4EA9"), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: "Hm2"
+  }, /*#__PURE__*/React__default['default'].createElement("span", null, /*#__PURE__*/React__default['default'].createElement("span", null, "Hm"), /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      verticalAlign: 'super',
+      fontSize: 'smaller'
+    }
+  }, "2"))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: "Km2"
+  }, /*#__PURE__*/React__default['default'].createElement("span", null, /*#__PURE__*/React__default['default'].createElement("span", null, "Km"), /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      verticalAlign: 'super',
+      fontSize: 'smaller'
+    }
+  }, "2"))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: "m2"
+  }, /*#__PURE__*/React__default['default'].createElement("span", null, /*#__PURE__*/React__default['default'].createElement("span", null, "m"), /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      verticalAlign: 'super',
+      fontSize: 'smaller'
+    }
+  }, "2")))))))));
 });
 
 var ImportBuyerDrawer = (function () {

package/package.json

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

package/src/Invoice/Invoice-digtal/_test/importStakeholder/index.tsx

@@ -8,6 +8,7 @@ export default () => {
             invoiceType='digtal'
             stakeholder={
                 <Invoice.Stakeholder
+                    isExpand={false}
                     isShowImportButton={true}
                     onClickImportButton={e => { console.log(e) }}
                 />

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

@@ -8,8 +8,20 @@ import { Cascader, Col, DatePicker, Input, Row, Select } from "kts-components-an
 
 const { RangePicker } = DatePicker;
 
+export interface RealEstateInfoProps {
+    /**
+     * 不动产地址数据
+     */
+    realEstateAddressOptions: any[];
+
+    /**
+     * 不动产地址数据字段名
+     */
+    realEstateAddressFieldNames: any;
+}
+
 /** 特殊信息-不动产经营租赁服务 */
-export default decorator<any, FormComponentProps>(Form.create())(props => {
+export default decorator<RealEstateInfoProps, FormComponentProps & RealEstateInfoProps>(Form.create())(props => {
 
     const { form } = props;
 
@@ -21,52 +33,93 @@ export default decorator<any, FormComponentProps>(Form.create())(props => {
             <Row gutter={[17, 0]}>
                 <Col span={6} >
                     <Form.Item label='不动产地址' >
-                        {getFieldDecorator('p1', {
+                        {getFieldDecorator('realEstateAddress', {
                             rules: [{ required: true, message: '请选择不动产地址' }]
                         })(
-                            <Cascader style={{ width: '100%' }} options={[]} placeholder="请选择省市区县" />
+                            <Cascader
+                                style={{ width: '100%' }}
+                                options={props.realEstateAddressOptions}
+                                fieldNames={props.realEstateAddressFieldNames}
+                                placeholder="请选择省市区县"
+                            />
                         )}
                     </Form.Item>
                 </Col>
                 <Col span={6} >
                     <Form.Item label='详细地址' >
-                        {getFieldDecorator('p2', {
-                            rules: [{ required: true, message: '请输入详细地址' }]
+                        {getFieldDecorator('realEstateDetailedAddress', {
+                            rules: [
+                                { required: true, message: '请输入详细地址' },
+                                { max: 120, message: '详细地址最多120个字符' },
+                                { 
+                                    validator: (_, value) => {
+                                        const pattern = /街|路|村|乡|镇|道|巷|号/;
+                                        return pattern.test(value) ? Promise.resolve() : Promise.reject('地址必须包含“街”、“路”、“村”、“乡”、“镇”、“道”、“巷”、“号”等任意一个关键词');
+                                    }
+                                }
+                            ]
                         })(<Input autoComplete='off' placeholder="请输入详细地址" />)}
                     </Form.Item>
                 </Col>
                 <Col span={6} >
                     <Form.Item label='租赁期起止' >
-                        {getFieldDecorator('p3', {
-                            rules: [{ required: true, message: '请选择租赁期起止' }]
-                        })(<RangePicker />)}
+                        {getFieldDecorator('leaseTerm', {
+                            rules: [{ required: true, message: '请输入租赁期' }]
+                        })(<RangePicker style={{ width: '100%' }} />)}
                     </Form.Item>
                 </Col>
                 <Col span={6} >
                     <Form.Item label='跨地（市）标志' >
-                        {getFieldDecorator('p4', {
-                            rules: [{ required: true, message: '请选择跨地（市）标志' }]
+                        {getFieldDecorator('crossCitiesSign', {
+                            rules: [
+                                { required: true, message: '请选择跨地（市）标志' }
+                            ]
                         })(
                             <Select placeholder='请选择' style={{ width: '100%' }} >
-                                <Select.Option value="sample">Sample</Select.Option>
+                                <Select.Option value='Y'>是</Select.Option>
+                                <Select.Option value='N'>否</Select.Option>
                             </Select>
                         )}
                     </Form.Item>
                 </Col>
                 <Col span={6} >
                     <Form.Item label='产权证书/不动产权证号' >
-                        {getFieldDecorator('p5', {
-                            rules: [{ required: true, message: '请输入证书编号，若没有证书填写“无”' }]
+                        {getFieldDecorator('realEstateNumber', {
+                            rules: [
+                                { required: true, message: '请输入证书编号，若没有证书填写“无”' },
+                                { max: 40, message: '证书编号最多40个字符' },
+                            ]
                         })(<Input autoComplete='off' placeholder="请输入证书编号，若没有证书填写“无”" />)}
                     </Form.Item>
                 </Col>
                 <Col span={6} >
                     <Form.Item label='面积单位' >
-                        {getFieldDecorator('p6', {
+                        {getFieldDecorator('realEstateUnit', {
                             rules: [{ required: true, message: '请选择面积单位' }]
                         })(
                             <Select placeholder='请选择' style={{ width: '100%' }} >
-                                <Select.Option value="sample">Sample</Select.Option>
+                                <Select.Option value="平方千米">平方千米</Select.Option>
+                                <Select.Option value="平方米">平方米</Select.Option>
+                                <Select.Option value="公顷">公顷</Select.Option>
+                                <Select.Option value="亩">亩</Select.Option>
+                                <Select.Option value="Hm2">
+                                    <span>
+                                        <span>Hm</span>
+                                        <span style={{ verticalAlign: 'super', fontSize: 'smaller' }} >2</span>
+                                    </span>
+                                </Select.Option>
+                                <Select.Option value="Km2">
+                                    <span>
+                                        <span>Km</span>
+                                        <span style={{ verticalAlign: 'super', fontSize: 'smaller' }} >2</span>
+                                    </span>
+                                </Select.Option>
+                                <Select.Option value="m2">
+                                    <span>
+                                        <span>m</span>
+                                        <span style={{ verticalAlign: 'super', fontSize: 'smaller' }} >2</span>
+                                    </span>
+                                </Select.Option>
                             </Select>
                         )}
                     </Form.Item>

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

@@ -65,6 +65,9 @@ export interface IStakeholder {
 
     /** 是否可以选择自然人 */
     isNaturalPerson?: boolean;
+
+    /** 是否展开 */
+    isExpand?: boolean;
 }
 
 /** 干系人 */
@@ -72,7 +75,7 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
 
     const { form, isShowImportButton, onClickImportButton, isVatNormal = false } = props;
 
-    const [isExpand, setExpand] = React.useState(true);
+    const [isExpand, setExpand] = React.useState(typeof props.isExpand === 'boolean' ? props.isExpand : true);
 
     const { getFieldDecorator } = form;
 
@@ -101,6 +104,11 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
 
     controller.useForm('stakeholder', form);
 
+    // props.isExpand 变化的时候更新
+    React.useEffect(() => {
+        setExpand(typeof props.isExpand === 'boolean' ? props.isExpand : true);
+    }, [props.isExpand])
+
     return (
         <div className={classNames("kts-invoice-operate-invoice-digtal-stakeholder", { readOnly: readOnly })} >
             <div>