kts-component-invoice-operate 3.2.188 → 3.2.190

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -17491,9 +17491,9 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
17491
17491
 
17492
17492
  var leqispanW = React.useMemo(function () {
17493
17493
  if (props.leqi) {
17494
- return 2;
17494
+ return 0;
17495
17495
  } else {
17496
- return 4;
17496
+ return 2;
17497
17497
  }
17498
17498
  }, [props.leqi, props.riskData]);
17499
17499
  /** 直连 */
@@ -17502,9 +17502,9 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
17502
17502
  var _props$riskData;
17503
17503
 
17504
17504
  if (((_props$riskData = props.riskData) === null || _props$riskData === void 0 ? void 0 : _props$riskData.code) === 'success') {
17505
- return 2;
17505
+ return 0;
17506
17506
  } else {
17507
- return 4;
17507
+ return 2;
17508
17508
  }
17509
17509
  }, [props.leqi, props.riskData]);
17510
17510
  var readOnly = React.useMemo(function () {
@@ -17662,9 +17662,14 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
17662
17662
  }
17663
17663
  }, /*#__PURE__*/React.createElement(Form.Item, {
17664
17664
  colon: false
17665
- }, getFieldDecorator('buyerBankAccountFlag', {})( /*#__PURE__*/React.createElement(Checkbox$1, {
17665
+ }, getFieldDecorator('buyerBankAccountFlag', {
17666
+ valuePropName: 'checked'
17667
+ })( /*#__PURE__*/React.createElement(Checkbox$1, {
17666
17668
  onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
17667
- disabled: isReadOnly('buyerBankAccountFlag')
17669
+ disabled: isReadOnly('buyerBankAccountFlag'),
17670
+ style: {
17671
+ whiteSpace: 'nowrap'
17672
+ }
17668
17673
  }, "\u662F\u5426\u5C55\u793A"))))))), /*#__PURE__*/React.createElement("div", null, '销售方信息'.split('').map(function (e) {
17669
17674
  return /*#__PURE__*/React.createElement("span", null, e);
17670
17675
  }), !readOnly && /*#__PURE__*/React.createElement(Icon, {
@@ -17780,9 +17785,14 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
17780
17785
  }
17781
17786
  }, /*#__PURE__*/React.createElement(Form.Item, {
17782
17787
  colon: false
17783
- }, getFieldDecorator('sellerBankAccountFlag', {})( /*#__PURE__*/React.createElement(Checkbox$1, {
17788
+ }, getFieldDecorator('sellerBankAccountFlag', {
17789
+ valuePropName: 'checked'
17790
+ })( /*#__PURE__*/React.createElement(Checkbox$1, {
17784
17791
  onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
17785
- disabled: isReadOnly('sellerBankAccountFlag')
17792
+ disabled: isReadOnly('sellerBankAccountFlag'),
17793
+ style: {
17794
+ whiteSpace: 'nowrap'
17795
+ }
17786
17796
  }, "\u662F\u5426\u5C55\u793A"))))))));
17787
17797
  });
17788
17798
 
package/dist/index.js CHANGED
@@ -17501,9 +17501,9 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
17501
17501
 
17502
17502
  var leqispanW = React__default['default'].useMemo(function () {
17503
17503
  if (props.leqi) {
17504
- return 2;
17504
+ return 0;
17505
17505
  } else {
17506
- return 4;
17506
+ return 2;
17507
17507
  }
17508
17508
  }, [props.leqi, props.riskData]);
17509
17509
  /** 直连 */
@@ -17512,9 +17512,9 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
17512
17512
  var _props$riskData;
17513
17513
 
17514
17514
  if (((_props$riskData = props.riskData) === null || _props$riskData === void 0 ? void 0 : _props$riskData.code) === 'success') {
17515
- return 2;
17515
+ return 0;
17516
17516
  } else {
17517
- return 4;
17517
+ return 2;
17518
17518
  }
17519
17519
  }, [props.leqi, props.riskData]);
17520
17520
  var readOnly = React__default['default'].useMemo(function () {
@@ -17672,9 +17672,14 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
17672
17672
  }
17673
17673
  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
17674
17674
  colon: false
17675
- }, getFieldDecorator('buyerBankAccountFlag', {})( /*#__PURE__*/React__default['default'].createElement(ktsXui.Checkbox, {
17675
+ }, getFieldDecorator('buyerBankAccountFlag', {
17676
+ valuePropName: 'checked'
17677
+ })( /*#__PURE__*/React__default['default'].createElement(ktsXui.Checkbox, {
17676
17678
  onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
17677
- disabled: isReadOnly('buyerBankAccountFlag')
17679
+ disabled: isReadOnly('buyerBankAccountFlag'),
17680
+ style: {
17681
+ whiteSpace: 'nowrap'
17682
+ }
17678
17683
  }, "\u662F\u5426\u5C55\u793A"))))))), /*#__PURE__*/React__default['default'].createElement("div", null, '销售方信息'.split('').map(function (e) {
17679
17684
  return /*#__PURE__*/React__default['default'].createElement("span", null, e);
17680
17685
  }), !readOnly && /*#__PURE__*/React__default['default'].createElement(Icon, {
@@ -17790,9 +17795,14 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
17790
17795
  }
17791
17796
  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
17792
17797
  colon: false
17793
- }, getFieldDecorator('sellerBankAccountFlag', {})( /*#__PURE__*/React__default['default'].createElement(ktsXui.Checkbox, {
17798
+ }, getFieldDecorator('sellerBankAccountFlag', {
17799
+ valuePropName: 'checked'
17800
+ })( /*#__PURE__*/React__default['default'].createElement(ktsXui.Checkbox, {
17794
17801
  onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
17795
- disabled: isReadOnly('sellerBankAccountFlag')
17802
+ disabled: isReadOnly('sellerBankAccountFlag'),
17803
+ style: {
17804
+ whiteSpace: 'nowrap'
17805
+ }
17796
17806
  }, "\u662F\u5426\u5C55\u793A"))))))));
17797
17807
  });
17798
17808
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kts-component-invoice-operate",
3
- "version": "3.2.188",
3
+ "version": "3.2.190",
4
4
  "scripts": {
5
5
  "dev": "dumi dev --max-old-space-size=6096",
6
6
  "start": "dumi dev",
@@ -6,11 +6,30 @@ export default () => {
6
6
  const callback = (e: any) => {
7
7
  console.log(e.target.checked)
8
8
  }
9
+
10
+ const controller = React.useMemo(() => new Invoice.InvoiceController(), [])
11
+
12
+ React.useEffect(() => {
13
+ (async () => {
14
+ window.setTimeout(async () => {
15
+ await controller.formList.get('stakeholder')?.setFieldsValue({
16
+ buyerName: '国能供应链内蒙古有限公司',
17
+ buyerTaxId: '91150291552838725H',
18
+ buyerAddress: '内蒙古自治区包头稀士高新区总部经济园区9号楼204号',
19
+ buyerPhone: '0472-5368680',
20
+ buyerBank: '11050167360000000932中国银行股份有限公司包头开发区支行',
21
+ buyerBankAccountFlag: true,
22
+ })
23
+ }, 1000)
24
+
25
+ })()
26
+ }, [controller])
9
27
  return (
10
28
  <Invoice
11
29
  invoiceType='digtal'
12
- stakeholder={<Invoice.Stakeholder isShowImportButton={true} leqi={true} invoiceMarkCallback={callback}/>}
13
- invoiceHeader={
30
+ controller={controller}
31
+ stakeholder={<Invoice.Stakeholder leqi={true} invoiceMarkCallback={callback} />}
32
+ invoiceHeader={
14
33
  <Invoice.InvoiceHeader
15
34
  title='自定义'
16
35
  />
@@ -9,7 +9,7 @@ export default () => {
9
9
 
10
10
  React.useEffect(() => {
11
11
  (async () => {
12
- await controller.run(async s => { s.model = 'readOnly' }); // 设置只读
12
+ // await controller.run(async s => { s.model = 'readOnly' }); // 设置只读
13
13
  // await controller.run(async s => { s.stakeholder.enables = ['remarks'] });
14
14
  await controller.formList.get('invoiceHeader')?.setFieldsValue({
15
15
  no: '2029292029201920291029',
@@ -3,10 +3,10 @@
3
3
  ## 简单用法
4
4
  <code src="./_test/easiest/index.tsx"></code>
5
5
 
6
- <!-- ## 只读模式
6
+ ## 只读模式
7
7
  <code src="./_test/readOnly/index.tsx"></code>
8
8
 
9
- ## 发票号码 & 开票日期 & 标签
9
+ <!-- ## 发票号码 & 开票日期 & 标签
10
10
  <code src="./_test/header/index.tsx"></code>
11
11
 
12
12
  ## 导入关系人
@@ -95,17 +95,17 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
95
95
  /** 乐企 */
96
96
  const leqispanW = React.useMemo(() => {
97
97
  if (props.leqi) {
98
- return 2;
98
+ return 0;
99
99
  } else {
100
- return 4;
100
+ return 2;
101
101
  }
102
102
  }, [props.leqi, props.riskData]);
103
103
  /** 直连 */
104
104
  const riskspanW = React.useMemo(() => {
105
105
  if (props.riskData?.code === 'success') {
106
- return 2;
106
+ return 0;
107
107
  } else {
108
- return 4;
108
+ return 2;
109
109
  }
110
110
  }, [props.leqi, props.riskData]);
111
111
  const readOnly = React.useMemo(() => {
@@ -232,7 +232,8 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
232
232
  <Col span={4} style={{ display: isExpand ? undefined : 'none' }}>
233
233
  <Form.Item colon={false}>
234
234
  {getFieldDecorator('buyerBankAccountFlag', {
235
- })(<Checkbox onChange={props?.invoiceMarkCallback} disabled={isReadOnly('buyerBankAccountFlag')} >是否展示</Checkbox>)}
235
+ valuePropName: 'checked',
236
+ })(<Checkbox onChange={props?.invoiceMarkCallback} disabled={isReadOnly('buyerBankAccountFlag')} style={{whiteSpace:'nowrap'}}>是否展示</Checkbox>)}
236
237
  </Form.Item>
237
238
  </Col>
238
239
  }
@@ -312,7 +313,8 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
312
313
  <Col span={4} style={{ display: isExpand ? undefined : 'none' }}>
313
314
  <Form.Item colon={false}>
314
315
  {getFieldDecorator('sellerBankAccountFlag', {
315
- })(<Checkbox onChange={props?.invoiceMarkCallback} disabled={isReadOnly('sellerBankAccountFlag')} >是否展示</Checkbox>)}
316
+ valuePropName: 'checked',
317
+ })(<Checkbox onChange={props?.invoiceMarkCallback} disabled={isReadOnly('sellerBankAccountFlag')} style={{whiteSpace:'nowrap'}}>是否展示</Checkbox>)}
316
318
  </Form.Item>
317
319
  </Col>
318
320
  }