kts-component-invoice-operate 3.2.148 → 3.2.150

package/dist/index.esm.js

@@ -701,7 +701,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".kts-invoice-operate {\n  border: 1px solid #dcdcdc;\n  font-size: 12px;\n}\n.kts-invoice-operate > * {\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate > *:last-child {\n  border-bottom: none;\n}\n.kts-invoice-operate-digtal {\n  font-family: PingFang SC;\n  font-size: 14px;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont {\n  border: 2px solid #9F613E;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont > * {\n  border-bottom: 2px solid #9F613E;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont > *:last-child {\n  border-bottom: none;\n}\n";
+var css_248z = ".kts-invoice-operate {\n  border: 1px solid #dcdcdc;\n  font-size: 12px;\n  position: relative;\n}\n.kts-invoice-operate > * {\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate > *:last-child {\n  border-bottom: none;\n}\n.kts-invoice-operate-digtal {\n  font-family: PingFang SC;\n  font-size: 14px;\n  position: relative;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont {\n  border: 2px solid #9F613E;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont > * {\n  border-bottom: 2px solid #9F613E;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont > *:last-child {\n  border-bottom: none;\n}\n";
 styleInject(css_248z);
 
 var LineAttributeType;
@@ -11167,6 +11167,9 @@ styleInject(css_248z$7);
 
 function ItemNameInput(props) {
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   var autoComplete = controller.useMemo(function (s) {
     return s.autoComplete;
   }, []);
@@ -11366,6 +11369,9 @@ function ItemNameInput(props) {
         label: e.itemName
       };
     }),
+    getPopupContainer: function getPopupContainer() {
+      return rootElement || document.body;
+    },
     onSelect: onChangeAutoComplete
   }, /*#__PURE__*/React.createElement(Input, {
     style: {
@@ -11383,6 +11389,9 @@ styleInject(css_248z$8);
 
 function ItemCodeInput(props) {
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   var autoComplete = controller.useMemo(function (s) {
     return s.autoComplete;
   }, []);
@@ -11486,6 +11495,9 @@ function ItemCodeInput(props) {
         value: e.itemCode
       };
     }),
+    getPopupContainer: function getPopupContainer() {
+      return rootElement || document.body;
+    },
     onSelect: onChangeAutoComplete
   }, /*#__PURE__*/React.createElement(Input, {
     style: {
@@ -12978,6 +12990,9 @@ var useColumns = (function (form) {
   var getFieldDecorator = form.getFieldDecorator,
       getFieldValue = form.getFieldValue;
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   /** 是否含税 */
 
   var isTaxIncluded = controller.useMemo(function (e) {
@@ -13322,6 +13337,9 @@ var useColumns = (function (form) {
               width: '100%'
             },
             dataSource: unitList,
+            getPopupContainer: function getPopupContainer() {
+              return rootElement || document.body;
+            },
             onChange: function () {
               var _onChange3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
                 return _regeneratorRuntime().wrap(function _callee6$(_context6) {
@@ -13783,6 +13801,9 @@ var useColumns = (function (form) {
             style: {
               width: '100%'
             },
+            getPopupContainer: function getPopupContainer() {
+              return rootElement || document.body;
+            },
             onChange: function onChange() {
               setChangeField('taxRate');
               onChangeTaxRate(controller, form, record);
@@ -17213,6 +17234,9 @@ function BuyerNameInput$1(props) {
   var fieldName = props.fieldName,
       form = props.myform;
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   var autoComplete = controller.useMemo(function (s) {
     return s.autoComplete;
   }, []);
@@ -17317,6 +17341,9 @@ function BuyerNameInput$1(props) {
     }),
     onChange: onChangeAutoComplete,
     value: props.value,
+    getPopupContainer: function getPopupContainer() {
+      return rootElement || document.body;
+    },
     style: {
       width: '100%'
     }
@@ -17699,13 +17726,15 @@ var Statistics$1 = (function () {
     }
   }), /*#__PURE__*/React.createElement("div", {
     style: {
-      width: 119,
+      minWidth: 119,
+      maxWidth: 300,
       textAlign: 'right',
       paddingRight: 15
     }
   }, "\xA5", parseFloat(isTaxIncluded ? lineAmountIncludeTax : lineAmountExcludeTax).toFixed(2)), /*#__PURE__*/React.createElement("div", {
     style: {
-      width: 119,
+      minWidth: 119,
+      maxWidth: 300,
       textAlign: 'right',
       paddingRight: 15
     }
@@ -17736,7 +17765,8 @@ var Statistics$1 = (function () {
     }
   }, "\uFF08\u5C0F\u5199\uFF09"), /*#__PURE__*/React.createElement("div", {
     style: {
-      width: 119
+      minWidth: 119,
+      maxWidth: 300
     }
   }, "\xA5", parseFloat(lineAmountIncludeTax).toFixed(2))));
 });
@@ -19372,6 +19402,9 @@ styleInject(css_248z$m);
 
 function ItemNameInput$1(props) {
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   var autoComplete = controller.useMemo(function (s) {
     return s.autoComplete;
   }, []);
@@ -19561,6 +19594,9 @@ function ItemNameInput$1(props) {
         label: e.itemName
       };
     }),
+    getPopupContainer: function getPopupContainer() {
+      return rootElement || document.body;
+    },
     onSelect: onChangeAutoComplete
   }, /*#__PURE__*/React.createElement(Input$1, {
     style: {
@@ -19942,6 +19978,9 @@ var useColumns$1 = (function (form) {
   var getFieldDecorator = form.getFieldDecorator,
       getFieldValue = form.getFieldValue;
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   /** 是否含税 */
 
   var isTaxIncluded = controller.useMemo(function (e) {
@@ -20248,6 +20287,9 @@ var useColumns$1 = (function (form) {
               width: '100%'
             },
             dataSource: unitList,
+            getPopupContainer: function getPopupContainer() {
+              return rootElement || document.body;
+            },
             onChange: function () {
               var _onChange2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
                 return _regeneratorRuntime().wrap(function _callee5$(_context5) {
@@ -20707,6 +20749,9 @@ var useColumns$1 = (function (form) {
             style: {
               width: '100%'
             },
+            getPopupContainer: function getPopupContainer() {
+              return rootElement || document.body;
+            },
             onChange: function onChange() {
               setChangeField('taxRate');
               onChangeTaxRate$1(controller, form, record);
@@ -22924,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

@@ -711,7 +711,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".kts-invoice-operate {\n  border: 1px solid #dcdcdc;\n  font-size: 12px;\n}\n.kts-invoice-operate > * {\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate > *:last-child {\n  border-bottom: none;\n}\n.kts-invoice-operate-digtal {\n  font-family: PingFang SC;\n  font-size: 14px;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont {\n  border: 2px solid #9F613E;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont > * {\n  border-bottom: 2px solid #9F613E;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont > *:last-child {\n  border-bottom: none;\n}\n";
+var css_248z = ".kts-invoice-operate {\n  border: 1px solid #dcdcdc;\n  font-size: 12px;\n  position: relative;\n}\n.kts-invoice-operate > * {\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate > *:last-child {\n  border-bottom: none;\n}\n.kts-invoice-operate-digtal {\n  font-family: PingFang SC;\n  font-size: 14px;\n  position: relative;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont {\n  border: 2px solid #9F613E;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont > * {\n  border-bottom: 2px solid #9F613E;\n}\n.kts-invoice-operate-digtal .kts-invoice-operate-digtal-cont > *:last-child {\n  border-bottom: none;\n}\n";
 styleInject(css_248z);
 
 var LineAttributeType;
@@ -11177,6 +11177,9 @@ styleInject(css_248z$7);
 
 function ItemNameInput(props) {
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   var autoComplete = controller.useMemo(function (s) {
     return s.autoComplete;
   }, []);
@@ -11376,6 +11379,9 @@ function ItemNameInput(props) {
         label: e.itemName
       };
     }),
+    getPopupContainer: function getPopupContainer() {
+      return rootElement || document.body;
+    },
     onSelect: onChangeAutoComplete
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Input, {
     style: {
@@ -11393,6 +11399,9 @@ styleInject(css_248z$8);
 
 function ItemCodeInput(props) {
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   var autoComplete = controller.useMemo(function (s) {
     return s.autoComplete;
   }, []);
@@ -11496,6 +11505,9 @@ function ItemCodeInput(props) {
         value: e.itemCode
       };
     }),
+    getPopupContainer: function getPopupContainer() {
+      return rootElement || document.body;
+    },
     onSelect: onChangeAutoComplete
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Input, {
     style: {
@@ -12988,6 +13000,9 @@ var useColumns = (function (form) {
   var getFieldDecorator = form.getFieldDecorator,
       getFieldValue = form.getFieldValue;
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   /** 是否含税 */
 
   var isTaxIncluded = controller.useMemo(function (e) {
@@ -13332,6 +13347,9 @@ var useColumns = (function (form) {
               width: '100%'
             },
             dataSource: unitList,
+            getPopupContainer: function getPopupContainer() {
+              return rootElement || document.body;
+            },
             onChange: function () {
               var _onChange3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
                 return _regeneratorRuntime().wrap(function _callee6$(_context6) {
@@ -13793,6 +13811,9 @@ var useColumns = (function (form) {
             style: {
               width: '100%'
             },
+            getPopupContainer: function getPopupContainer() {
+              return rootElement || document.body;
+            },
             onChange: function onChange() {
               setChangeField('taxRate');
               onChangeTaxRate(controller, form, record);
@@ -17223,6 +17244,9 @@ function BuyerNameInput$1(props) {
   var fieldName = props.fieldName,
       form = props.myform;
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   var autoComplete = controller.useMemo(function (s) {
     return s.autoComplete;
   }, []);
@@ -17327,6 +17351,9 @@ function BuyerNameInput$1(props) {
     }),
     onChange: onChangeAutoComplete,
     value: props.value,
+    getPopupContainer: function getPopupContainer() {
+      return rootElement || document.body;
+    },
     style: {
       width: '100%'
     }
@@ -17709,13 +17736,15 @@ var Statistics$1 = (function () {
     }
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
-      width: 119,
+      minWidth: 119,
+      maxWidth: 300,
       textAlign: 'right',
       paddingRight: 15
     }
   }, "\xA5", parseFloat(isTaxIncluded ? lineAmountIncludeTax : lineAmountExcludeTax).toFixed(2)), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
-      width: 119,
+      minWidth: 119,
+      maxWidth: 300,
       textAlign: 'right',
       paddingRight: 15
     }
@@ -17746,7 +17775,8 @@ var Statistics$1 = (function () {
     }
   }, "\uFF08\u5C0F\u5199\uFF09"), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
-      width: 119
+      minWidth: 119,
+      maxWidth: 300
     }
   }, "\xA5", parseFloat(lineAmountIncludeTax).toFixed(2))));
 });
@@ -19382,6 +19412,9 @@ styleInject(css_248z$m);
 
 function ItemNameInput$1(props) {
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   var autoComplete = controller.useMemo(function (s) {
     return s.autoComplete;
   }, []);
@@ -19571,6 +19604,9 @@ function ItemNameInput$1(props) {
         label: e.itemName
       };
     }),
+    getPopupContainer: function getPopupContainer() {
+      return rootElement || document.body;
+    },
     onSelect: onChangeAutoComplete
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Input, {
     style: {
@@ -19952,6 +19988,9 @@ var useColumns$1 = (function (form) {
   var getFieldDecorator = form.getFieldDecorator,
       getFieldValue = form.getFieldValue;
   var controller = Invoice.useInvoiceController();
+  var rootElement = controller.useMemo(function (s) {
+    return s.rootElement;
+  }, []);
   /** 是否含税 */
 
   var isTaxIncluded = controller.useMemo(function (e) {
@@ -20258,6 +20297,9 @@ var useColumns$1 = (function (form) {
               width: '100%'
             },
             dataSource: unitList,
+            getPopupContainer: function getPopupContainer() {
+              return rootElement || document.body;
+            },
             onChange: function () {
               var _onChange2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
                 return _regeneratorRuntime().wrap(function _callee5$(_context5) {
@@ -20717,6 +20759,9 @@ var useColumns$1 = (function (form) {
             style: {
               width: '100%'
             },
+            getPopupContainer: function getPopupContainer() {
+              return rootElement || document.body;
+            },
             onChange: function onChange() {
               setChangeField('taxRate');
               onChangeTaxRate$1(controller, form, record);
@@ -22934,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.148",
+  "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/index.less

@@ -1,6 +1,7 @@
 .kts-invoice-operate {
   border   : 1px solid #dcdcdc;
   font-size: 12px;
+  position: relative;
 
   &>* {
     border-bottom: 1px solid #dcdcdc;
@@ -15,6 +16,7 @@
 
   font-family: PingFang SC;
   font-size  : 14px;
+  position: relative;
 
   .kts-invoice-operate-digtal-cont {
     border: 2px solid #9F613E;

package/src/Invoice/ui/default/GoodsList/hook/useColumns/index.tsx

@@ -27,6 +27,8 @@ export default (form: WrappedFormUtils) => {
 
   const controller = Invoice.useInvoiceController();
 
+  const rootElement = controller.useMemo(s => s.rootElement, []);
+
   /** 是否含税 */
   const isTaxIncluded = controller.useMemo(e => e.goodsListState.isTaxIncluded, []);
 
@@ -235,6 +237,7 @@ export default (form: WrappedFormUtils) => {
                   <AutoComplete
                     style={{ width: '100%' }}
                     dataSource={unitList}
+                    getPopupContainer={() => rootElement || document.body}
                     onChange={async () => {
                       await controller.wait()
                       controller.setEditGood({ unit: form.getFieldsValue().unit });
@@ -494,6 +497,7 @@ export default (form: WrappedFormUtils) => {
                     dropdownMenuStyle={{ textAlign: "right" }}
                     showArrow={false}
                     style={{ width: '100%' }}
+                    getPopupContainer={() => rootElement || document.body}
                     onChange={() => {
                       setChangeField('taxRate');
                       onChangeTaxRate(controller, form, record);

package/src/Invoice/ui/default/GoodsList/hook/useColumns/ui/ItemCodeInput/index.tsx

@@ -9,6 +9,8 @@ export default function ItemCodeInput(props: { onChange?: (e: ChangeEvent<HTMLIn
 
     const controller = Invoice.useInvoiceController();
 
+    const rootElement = controller.useMemo(s => s.rootElement, []);
+
     const autoComplete = controller.useMemo(s => s.autoComplete, [])
 
     const editGood = controller.useMemo((e) => e.goodsListState.editGood, []);
@@ -39,7 +41,7 @@ export default function ItemCodeInput(props: { onChange?: (e: ChangeEvent<HTMLIn
 
     return (
         <div className='kts-invoice-operate-goods-list-itemCode-input'>
-            <AutoComplete onSearch={onSearch} value={props.value} options={options.map(e => ({ value: e.itemCode }))} onSelect={onChangeAutoComplete} >
+            <AutoComplete onSearch={onSearch} value={props.value} options={options.map(e => ({ value: e.itemCode }))} getPopupContainer={() => rootElement || document.body} onSelect={onChangeAutoComplete} >
                 <Input style={{ height: '100%', border: 'none' }} onChange={onChange} />
             </AutoComplete>
         </div>

package/src/Invoice/ui/default/GoodsList/hook/useColumns/ui/ItemNameInput/index.tsx

@@ -10,6 +10,8 @@ export default function ItemNameInput(props: { onChange?: (e: ChangeEvent<HTMLIn
 
     const controller = Invoice.useInvoiceController();
 
+  const rootElement = controller.useMemo(s => s.rootElement, []);
+
     const autoComplete = controller.useMemo(s => s.autoComplete, [])
 
     const [options, setOptions] = React.useState<IGood[]>([]);
@@ -79,6 +81,7 @@ export default function ItemNameInput(props: { onChange?: (e: ChangeEvent<HTMLIn
                 onSearch={onSearch}
                 value={props.value}
                 options={options.map(e => ({ value: e.$index, label: e.itemName }))}
+                getPopupContainer={() => rootElement || document.body}
                 onSelect={onChangeAutoComplete}
             >
                 <Input style={{ height: '100%', border: 'none' }} value={value} onChange={onChange} onBlur={onBlur} />

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/index.tsx

@@ -27,6 +27,8 @@ export default (form: WrappedFormUtils) => {
 
   const controller = Invoice.useInvoiceController();
 
+  const rootElement = controller.useMemo(s => s.rootElement, []);
+
   /** 是否含税 */
   const isTaxIncluded = controller.useMemo(e => e.goodsListState.isTaxIncluded, []);
 
@@ -208,6 +210,7 @@ export default (form: WrappedFormUtils) => {
                   <AutoComplete
                     style={{ width: '100%' }}
                     dataSource={unitList}
+                    getPopupContainer={() => rootElement || document.body}
                     onChange={async () => {
                       await controller.wait()
                       controller.setEditGood({ unit: form.getFieldsValue().unit });
@@ -467,6 +470,7 @@ export default (form: WrappedFormUtils) => {
                     // dropdownMenuStyle={{ textAlign: "right" }}
                     showArrow={false}
                     style={{ width: '100%' }}
+                    getPopupContainer={() => rootElement || document.body}
                     onChange={() => {
                       setChangeField('taxRate');
                       onChangeTaxRate(controller, form, record);

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/ui/ItemNameInput/index.tsx

@@ -15,6 +15,8 @@ export default function ItemNameInput(props: {
 
     const controller = Invoice.useInvoiceController();
 
+    const rootElement = controller.useMemo(s => s.rootElement, []);
+
     const autoComplete = controller.useMemo(s => s.autoComplete, [])
 
     const [options, setOptions] = React.useState<IGood[]>([])
@@ -75,6 +77,7 @@ export default function ItemNameInput(props: {
                 onSearch={onSearch}
                 value={props.value}
                 options={options.map(e => ({ value: e.$index, label: e.itemName }))}
+                getPopupContainer={() => rootElement || document.body}
                 onSelect={onChangeAutoComplete}
             >
                 <Input style={{ height: '100%' }} onChange={onChange} suffix={props.suffix} onBlur={onBlur} />

package/src/Invoice/ui/digtal/GoodsList/ui/Statistics/index.tsx

@@ -80,8 +80,8 @@ export default () => {
       <div className='statistics-digtal-total' >
         <div>合计</div>
         <div style={{ flex: 1 }} />
-        <div style={{ width: 119, textAlign: 'right', paddingRight: 15 }} >¥{parseFloat(isTaxIncluded ? lineAmountIncludeTax : lineAmountExcludeTax).toFixed(2)}</div>
-        <div style={{ width: 119, textAlign: 'right', paddingRight: 15 }} >¥{parseFloat(taxAmount).toFixed(2)}</div>
+        <div style={{ minWidth: 119, maxWidth: 300, textAlign: 'right', paddingRight: 15 }} >¥{parseFloat(isTaxIncluded ? lineAmountIncludeTax : lineAmountExcludeTax).toFixed(2)}</div>
+        <div style={{ minWidth: 119, maxWidth: 300, textAlign: 'right', paddingRight: 15 }} >¥{parseFloat(taxAmount).toFixed(2)}</div>
       </div>
       <div className='statistics-digtal-total-tax' >
         <div>价税合计（大写）</div>
@@ -91,7 +91,7 @@ export default () => {
         </div>
         <div style={{ flex: 1 }} />
         <div style={{ width: 90, color: '#9F613E' }} >（小写）</div>
-        <div style={{ width: 119 }} >¥{parseFloat(lineAmountIncludeTax).toFixed(2)}</div>
+        <div style={{ minWidth: 119, maxWidth: 300 }} >¥{parseFloat(lineAmountIncludeTax).toFixed(2)}</div>
       </div>
     </div >
   );

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>
         )
     }

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

@@ -324,6 +324,8 @@ function BuyerNameInput(props: InputProps & { fieldName: string; myform: Wrapped
 
     const controller = Invoice.useInvoiceController();
 
+    const rootElement = controller.useMemo(s => s.rootElement, []);
+
     const autoComplete = controller.useMemo(s => s.autoComplete, [])
 
     const [options, setOptions] = React.useState<any[]>([])
@@ -363,6 +365,7 @@ function BuyerNameInput(props: InputProps & { fieldName: string; myform: Wrapped
             options={options.map(e => ({ value: e[fieldName] }))}
             onChange={onChangeAutoComplete}
             value={props.value}
+            getPopupContainer={() => rootElement || document.body}
             style={{ width: '100%' }}
         >
             <Input {...props} style={{ width: '100%', ...props.style }} />