kts-component-invoice-operate 3.2.141 → 3.2.142

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.2.141",
+  "version": "3.2.142",
   "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/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>