kts-component-invoice-operate 3.2.120 → 3.2.121

package/dist/index.esm.js

@@ -17156,7 +17156,11 @@ var SignDigtal = decorator(Form.create())(function (props) {
       style: {
         height: '100%'
       }
-    }) : /*#__PURE__*/React.createElement(MyDiv$1, null)))), /*#__PURE__*/React.createElement(Form, {
+    }) : /*#__PURE__*/React.createElement(MyDiv$1, {
+      style: {
+        whiteSpace: 'pre'
+      }
+    })))), /*#__PURE__*/React.createElement(Form, {
       layout: 'inline',
       className: 'digtal-readOnly-form'
     }, /*#__PURE__*/React.createElement(Form.Item, {
@@ -17205,7 +17209,9 @@ var MyDiv$1 = /*#__PURE__*/function (_React$Component) {
   _createClass(MyDiv, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement("div", null, this.props.value);
+      return /*#__PURE__*/React.createElement("div", {
+        style: this.props.style
+      }, this.props.value);
     }
   }]);
 

package/dist/index.js

@@ -17166,7 +17166,11 @@ var SignDigtal = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(funct
       style: {
         height: '100%'
       }
-    }) : /*#__PURE__*/React__default['default'].createElement(MyDiv$1, null)))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form, {
+    }) : /*#__PURE__*/React__default['default'].createElement(MyDiv$1, {
+      style: {
+        whiteSpace: 'pre'
+      }
+    })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form, {
       layout: 'inline',
       className: 'digtal-readOnly-form'
     }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
@@ -17215,7 +17219,9 @@ var MyDiv$1 = /*#__PURE__*/function (_React$Component) {
   _createClass(MyDiv, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default['default'].createElement("div", null, this.props.value);
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        style: this.props.style
+      }, this.props.value);
     }
   }]);
 

package/package.json

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

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

@@ -9,7 +9,7 @@ export default () => {
     React.useEffect(() => {
         (async () => {
             await controller.run(async s => { s.model = 'readOnly' }); // 设置只读
-            await controller.run(async s => { s.stakeholder.enables = ['remarks'] });
+            // await controller.run(async s => { s.stakeholder.enables = ['remarks'] });
             await controller.formList.get('invoiceHeader')?.setFieldsValue({
                 no: '2029292029201920291029',
                 invoicingDate: '2023年7月6日',
@@ -31,7 +31,7 @@ export default () => {
                 sellerAccount: '9550880218186900195',
             })
             await controller.formList.get('sign')?.setFieldsValue({
-                remarks: '备注',
+                remarks: '备注\n换行备注',
                 drawer: '张自豪',
             })
         })()

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

@@ -56,7 +56,7 @@ export default decorator<IBuyerProps, IBuyerProps & FormComponentProps>(Form.cre
                         })(
                             isEnables('remarks')
                                 ? <Input.TextArea placeholder='请输入' style={{ height: '100%' }} />
-                                : <MyDiv />
+                                : <MyDiv style={{whiteSpace: 'pre'}} />
                         )}
                     </div>
                 </div>
@@ -91,10 +91,10 @@ export default decorator<IBuyerProps, IBuyerProps & FormComponentProps>(Form.cre
     }
 });
 
-class MyDiv extends React.Component<{ value?: string }> {
+class MyDiv extends React.Component<{ value?: string, style?: React.CSSProperties }> {
     render(): React.ReactNode {
         return (
-            <div>{this.props.value}</div>
+            <div style={this.props.style}>{this.props.value}</div>
         )
     }
 }