kts-component-invoice-operate 3.2.147 → 3.2.149

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%'
     }
@@ -17418,7 +17445,8 @@ var SignDigtal = decorator(Form.create())(function (props) {
       }
     }) : /*#__PURE__*/React.createElement(MyDiv$1, {
       style: {
-        whiteSpace: 'pre-wrap'
+        whiteSpace: 'pre-wrap',
+        wordBreak: 'break-all'
       }
     })))), /*#__PURE__*/React.createElement(Form, {
       layout: 'inline',
@@ -17698,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
     }
@@ -17735,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))));
 });
@@ -19371,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;
   }, []);
@@ -19560,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: {
@@ -19941,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) {
@@ -20247,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) {
@@ -20706,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);

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%'
     }
@@ -17428,7 +17455,8 @@ var SignDigtal = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(funct
       }
     }) : /*#__PURE__*/React__default['default'].createElement(MyDiv$1, {
       style: {
-        whiteSpace: 'pre-wrap'
+        whiteSpace: 'pre-wrap',
+        wordBreak: 'break-all'
       }
     })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form, {
       layout: 'inline',
@@ -17708,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
     }
@@ -17745,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))));
 });
@@ -19381,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;
   }, []);
@@ -19570,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: {
@@ -19951,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) {
@@ -20257,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) {
@@ -20716,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);

package/package.json

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

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/Sign/index.tsx

@@ -56,7 +56,7 @@ export default decorator<IBuyerProps, IBuyerProps & FormComponentProps>(Form.cre
                         })(
                             isEnables('remarks')
                                 ? <Input.TextArea placeholder='请输入' style={{ height: '100%' }} />
-                                : <MyDiv style={{whiteSpace: 'pre-wrap'}} />
+                                : <MyDiv style={{whiteSpace: 'pre-wrap', wordBreak: 'break-all'}} />
                         )}
                     </div>
                 </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 }} />