kts-component-invoice-operate 3.2.189 → 3.2.191

package/dist/index.esm.js

@@ -17662,7 +17662,9 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     }
   }, /*#__PURE__*/React.createElement(Form.Item, {
     colon: false
-  }, getFieldDecorator('buyerBankAccountFlag', {})( /*#__PURE__*/React.createElement(Checkbox$1, {
+  }, getFieldDecorator('buyerBankAccountFlag', {
+    valuePropName: 'checked'
+  })( /*#__PURE__*/React.createElement(Checkbox$1, {
     onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
     disabled: isReadOnly('buyerBankAccountFlag'),
     style: {
@@ -17783,7 +17785,9 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     }
   }, /*#__PURE__*/React.createElement(Form.Item, {
     colon: false
-  }, getFieldDecorator('sellerBankAccountFlag', {})( /*#__PURE__*/React.createElement(Checkbox$1, {
+  }, getFieldDecorator('sellerBankAccountFlag', {
+    valuePropName: 'checked'
+  })( /*#__PURE__*/React.createElement(Checkbox$1, {
     onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
     disabled: isReadOnly('sellerBankAccountFlag'),
     style: {
@@ -24278,7 +24282,7 @@ var MyNY = /*#__PURE__*/function (_React$Component4) {
   return MyNY;
 }(React.Component);
 
-var css_248z$s = ".kts-invoice-operate-real-estate-info-digtal {\n  padding: 20px;\n  border-bottom: 2px solid #9F613E;\n  border-left: 2px solid #9F613E;\n  border-right: 2px solid #9F613E;\n}\n.kts-invoice-operate-real-estate-info-digtal .real-estate-info-digtal-label {\n  color: #9F613E;\n  font-weight: bold;\n}\n.kts-invoice-operate-real-estate-info-digtal .ktsAnt3x-row.ktsAnt3x-form-item {\n  margin-bottom: 0;\n}\n";
+var css_248z$s = ".kts-invoice-operate-real-estate-info-digtal {\n  padding: 20px;\n  border-bottom: 2px solid #9F613E;\n  border-left: 2px solid #9F613E;\n  border-right: 2px solid #9F613E;\n}\n.kts-invoice-operate-real-estate-info-digtal .real-estate-info-digtal-label {\n  color: #9F613E;\n  font-weight: bold;\n}\n.kts-invoice-operate-real-estate-info-digtal .ktsAnt3x-row.ktsAnt3x-form-item {\n  margin-bottom: 0;\n}\n.kts-invoice-operate-real-estate-info-digtal .break-word {\n  word-break: break-word;\n}\n";
 styleInject(css_248z$s);
 
 /** 特殊信息-建筑服务 */
@@ -24334,7 +24338,8 @@ var Architecture = decorator(Form.create())(function (props) {
   })))), /*#__PURE__*/React.createElement(Col$1, {
     span: 6
   }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u8BE6\u7EC6\u5730\u5740"
+    label: "\u8BE6\u7EC6\u5730\u5740",
+    className: "break-word"
   }, getFieldDecorator('constructDetailAddress', {
     rules: readOnly ? [] : [{
       required: true,

package/dist/index.js

@@ -17672,7 +17672,9 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     }
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     colon: false
-  }, getFieldDecorator('buyerBankAccountFlag', {})( /*#__PURE__*/React__default['default'].createElement(ktsXui.Checkbox, {
+  }, getFieldDecorator('buyerBankAccountFlag', {
+    valuePropName: 'checked'
+  })( /*#__PURE__*/React__default['default'].createElement(ktsXui.Checkbox, {
     onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
     disabled: isReadOnly('buyerBankAccountFlag'),
     style: {
@@ -17793,7 +17795,9 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     }
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
     colon: false
-  }, getFieldDecorator('sellerBankAccountFlag', {})( /*#__PURE__*/React__default['default'].createElement(ktsXui.Checkbox, {
+  }, getFieldDecorator('sellerBankAccountFlag', {
+    valuePropName: 'checked'
+  })( /*#__PURE__*/React__default['default'].createElement(ktsXui.Checkbox, {
     onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
     disabled: isReadOnly('sellerBankAccountFlag'),
     style: {
@@ -24288,7 +24292,7 @@ var MyNY = /*#__PURE__*/function (_React$Component4) {
   return MyNY;
 }(React__default['default'].Component);
 
-var css_248z$s = ".kts-invoice-operate-real-estate-info-digtal {\n  padding: 20px;\n  border-bottom: 2px solid #9F613E;\n  border-left: 2px solid #9F613E;\n  border-right: 2px solid #9F613E;\n}\n.kts-invoice-operate-real-estate-info-digtal .real-estate-info-digtal-label {\n  color: #9F613E;\n  font-weight: bold;\n}\n.kts-invoice-operate-real-estate-info-digtal .ktsAnt3x-row.ktsAnt3x-form-item {\n  margin-bottom: 0;\n}\n";
+var css_248z$s = ".kts-invoice-operate-real-estate-info-digtal {\n  padding: 20px;\n  border-bottom: 2px solid #9F613E;\n  border-left: 2px solid #9F613E;\n  border-right: 2px solid #9F613E;\n}\n.kts-invoice-operate-real-estate-info-digtal .real-estate-info-digtal-label {\n  color: #9F613E;\n  font-weight: bold;\n}\n.kts-invoice-operate-real-estate-info-digtal .ktsAnt3x-row.ktsAnt3x-form-item {\n  margin-bottom: 0;\n}\n.kts-invoice-operate-real-estate-info-digtal .break-word {\n  word-break: break-word;\n}\n";
 styleInject(css_248z$s);
 
 /** 特殊信息-建筑服务 */
@@ -24344,7 +24348,8 @@ var Architecture = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fun
   })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
     span: 6
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
-    label: "\u8BE6\u7EC6\u5730\u5740"
+    label: "\u8BE6\u7EC6\u5730\u5740",
+    className: "break-word"
   }, getFieldDecorator('constructDetailAddress', {
     rules: readOnly ? [] : [{
       required: true,

package/package.json

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

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

@@ -6,11 +6,30 @@ export default () => {
     const callback = (e: any) => {
         console.log(e.target.checked)
     }
+
+    const controller = React.useMemo(() => new Invoice.InvoiceController(), [])
+
+    React.useEffect(() => {
+        (async () => {
+            window.setTimeout(async () => {
+                await controller.formList.get('stakeholder')?.setFieldsValue({
+                    buyerName: '国能供应链内蒙古有限公司',
+                    buyerTaxId: '91150291552838725H',
+                    buyerAddress: '内蒙古自治区包头稀士高新区总部经济园区9号楼204号',
+                    buyerPhone: '0472-5368680',
+                    buyerBank: '11050167360000000932中国银行股份有限公司包头开发区支行',
+                    buyerBankAccountFlag: true,
+                })
+            }, 1000)
+
+        })()
+    }, [controller])
     return (
         <Invoice
             invoiceType='digtal'
-            stakeholder={<Invoice.Stakeholder isShowImportButton={true} leqi={true} invoiceMarkCallback={callback}/>}
-            invoiceHeader={ 
+            controller={controller}
+            stakeholder={<Invoice.Stakeholder leqi={true} invoiceMarkCallback={callback} />}
+            invoiceHeader={
                 <Invoice.InvoiceHeader
                     title='自定义'
                 />

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.model = 'readOnly' }); // 设置只读
             // await controller.run(async s => { s.stakeholder.enables = ['remarks'] });
             await controller.formList.get('invoiceHeader')?.setFieldsValue({
                 no: '2029292029201920291029',

package/src/Invoice/Invoice-digtal/index.md

@@ -1,12 +1,15 @@
 # 数电
 
-## 简单用法
-<code src="./_test/easiest/index.tsx"></code>
+<!-- ## 简单用法
+<code src="./_test/easiest/index.tsx"></code> -->
+
+## 建筑服务
+<code src="./_test/architecture/index.tsx"></code>
 
 <!-- ## 只读模式
-<code src="./_test/readOnly/index.tsx"></code>
+<code src="./_test/readOnly/index.tsx"></code> -->
 
-## 发票号码 & 开票日期 & 标签
+<!-- ## 发票号码 & 开票日期 & 标签
 <code src="./_test/header/index.tsx"></code>
 
 ## 导入关系人
@@ -33,8 +36,7 @@
 ## 不动产经营租赁服务
 <code src="./_test/realEstateInfo/index.tsx"></code>
 
-## 建筑服务
-<code src="./_test/architecture/index.tsx"></code>
+
 
 ## 货物运输服务
 <code src="./_test/freight/index.tsx"></code> -->

package/src/Invoice/ui/digtal/Architecture/index.less

@@ -1,15 +1,19 @@
 .kts-invoice-operate-real-estate-info-digtal {
-    padding      : 20px;
+    padding: 20px;
     border-bottom: 2px solid #9F613E;
-    border-left  : 2px solid #9F613E;
-    border-right : 2px solid #9F613E;
+    border-left: 2px solid #9F613E;
+    border-right: 2px solid #9F613E;
 
     .real-estate-info-digtal-label {
-        color      : #9F613E;
+        color: #9F613E;
         font-weight: bold;
     }
 
     .ktsAnt3x-row.ktsAnt3x-form-item {
         margin-bottom: 0;
     }
+
+    .break-word {
+        word-break: break-word;
+    }
 }

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

@@ -74,7 +74,7 @@ export default decorator<RealEstateInfoProps, FormComponentProps & RealEstateInf
                     </Form.Item>
                 </Col>
                 <Col span={6} >
-                    <Form.Item label='详细地址' >
+                    <Form.Item label='详细地址' className="break-word">
                         {getFieldDecorator('constructDetailAddress', {
                             rules: readOnly ? [] : [
                                 { required: true, message: '请输入详细地址' },

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

@@ -232,6 +232,7 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             <Col span={4} style={{ display: isExpand ? undefined : 'none' }}>
                                 <Form.Item  colon={false}>
                                     {getFieldDecorator('buyerBankAccountFlag', {
+                                        valuePropName: 'checked',
                                     })(<Checkbox onChange={props?.invoiceMarkCallback} disabled={isReadOnly('buyerBankAccountFlag')}  style={{whiteSpace:'nowrap'}}>是否展示</Checkbox>)}
                                 </Form.Item>
                             </Col>
@@ -312,6 +313,7 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             <Col span={4} style={{ display: isExpand ? undefined : 'none' }}>
                                 <Form.Item colon={false}>
                                     {getFieldDecorator('sellerBankAccountFlag', {
+                                         valuePropName: 'checked',
                                     })(<Checkbox onChange={props?.invoiceMarkCallback} disabled={isReadOnly('sellerBankAccountFlag')} style={{whiteSpace:'nowrap'}}>是否展示</Checkbox>)}
                                 </Form.Item>
                             </Col>