kts-component-invoice-operate 3.2.149 → 3.2.150

package/dist/index.esm.js

@@ -22969,15 +22969,16 @@ var MyArrMoment = /*#__PURE__*/function (_React$Component3) {
   _createClass(MyArrMoment, [{
     key: "render",
     value: function render() {
-      var _this$props$value2;
-
+      var _this$props$value2 = this.props.value,
+          value = _this$props$value2 === void 0 ? [] : _this$props$value2;
       return /*#__PURE__*/React.createElement("div", {
         style: this.props.style
-      }, (_this$props$value2 = this.props.value) === null || _this$props$value2 === void 0 ? void 0 : _this$props$value2.map(function (e) {
-        return hooks.isMoment(e) && e.format('YYYY-MM-DD');
-      }).filter(function (e) {
-        return !!e;
-      }).join(' - '));
+      }, /*#__PURE__*/React.createElement("span", null, hooks.isMoment(value[0]) && value[0].format('YYYY-MM-DD')), /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: '#9F603D',
+          fontWeight: 600
+        }
+      }, " - "), /*#__PURE__*/React.createElement("span", null, hooks.isMoment(value[1]) && value[0].format('YYYY-MM-DD')));
     }
   }]);
 

package/dist/index.js

@@ -22979,15 +22979,16 @@ var MyArrMoment = /*#__PURE__*/function (_React$Component3) {
   _createClass(MyArrMoment, [{
     key: "render",
     value: function render() {
-      var _this$props$value2;
-
+      var _this$props$value2 = this.props.value,
+          value = _this$props$value2 === void 0 ? [] : _this$props$value2;
       return /*#__PURE__*/React__default['default'].createElement("div", {
         style: this.props.style
-      }, (_this$props$value2 = this.props.value) === null || _this$props$value2 === void 0 ? void 0 : _this$props$value2.map(function (e) {
-        return hooks.isMoment(e) && e.format('YYYY-MM-DD');
-      }).filter(function (e) {
-        return !!e;
-      }).join(' - '));
+      }, /*#__PURE__*/React__default['default'].createElement("span", null, hooks.isMoment(value[0]) && value[0].format('YYYY-MM-DD')), /*#__PURE__*/React__default['default'].createElement("span", {
+        style: {
+          color: '#9F603D',
+          fontWeight: 600
+        }
+      }, " - "), /*#__PURE__*/React__default['default'].createElement("span", null, hooks.isMoment(value[1]) && value[0].format('YYYY-MM-DD')));
     }
   }]);
 

package/package.json

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

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

@@ -1,11 +1,22 @@
 import React from 'react';
 import Invoice from '../../..';
+import moment from 'moment';
 import 'antd/dist/antd.css';
 
 export default () => {
+
+    const controller = React.useMemo(() => new Invoice.InvoiceController(), []);
+
+    React.useEffect(() => {
+        controller.run(async s => {
+            s.model = 'readOnly'
+        })
+    }, [])
+
     return (
         <Invoice
             invoiceType='digtal'
+            controller={controller}
             specialInfor={<Invoice.RealEstateInfo />}
         />
     )

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

@@ -184,13 +184,12 @@ class MyArrString extends React.Component<{ value?: string[], style?: React.CSSP
 
 class MyArrMoment extends React.Component<{ value?: moment.Moment[], style?: React.CSSProperties }> {
     render(): React.ReactNode {
+        const { value = [] } = this.props
         return (
             <div style={this.props.style}>
-                {
-                    this.props.value?.map(e => moment.isMoment(e) && e.format('YYYY-MM-DD'))
-                        .filter(e => !!e)
-                        .join(' - ')
-                }
+                <span>{moment.isMoment(value[0]) && value[0].format('YYYY-MM-DD')}</span>
+                <span style={{ color: '#9F603D', fontWeight: 600 }} > - </span>
+                <span>{moment.isMoment(value[1]) && value[0].format('YYYY-MM-DD')}</span>
             </div>
         )
     }