kts-component-invoice-operate 3.2.138 → 3.2.140

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.
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import 'antd/dist/antd.css';
3
+ declare const _default: () => JSX.Element;
4
+ export default _default;
@@ -24,6 +24,8 @@ export interface IInvoiceProps {
24
24
  stakeholder?: React.ReactNode;
25
25
  /** 落款UI */
26
26
  sign?: React.ReactNode;
27
+ /** 特殊信息 */
28
+ specialInfor?: React.ReactNode;
27
29
  /** 底部扩展UI */
28
30
  footExpand?: React.ReactNode;
29
31
  /** 发票种类: default-默认,digtal-数电 */
@@ -48,6 +50,8 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
48
50
  static readonly Stakeholder: React.FunctionComponent<import("./ui/digtal/Stakeholder").IStakeholder>;
49
51
  /** 落款(数电) */
50
52
  static readonly SignDigtal: React.FunctionComponent<import("./ui/digtal/Sign").IBuyerProps>;
53
+ /** 特殊信息-不动产经营租赁服务(数电) */
54
+ static readonly RealEstateInfo: React.FunctionComponent<import("kts-components-antd-x3/lib/form").FormComponentProps<any>>;
51
55
  /** 货物列表(数电) */
52
56
  static readonly GoodsListDigtal: typeof GoodsListDigtal;
53
57
  /** 货物索引生成器 */
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
3
+ import './index.less';
4
+ /** 特殊信息-不动产经营租赁服务 */
5
+ declare const _default: React.FunctionComponent<FormComponentProps<any>>;
6
+ export default _default;
package/dist/index.esm.js CHANGED
@@ -2,13 +2,14 @@ import 'kts-components-antd-x3/dist/kts-components-antd-x3.css';
2
2
  import React, { createElement, createContext, useContext, useEffect, forwardRef, Children, isValidElement } from 'react';
3
3
  import GreyReactBox, { decorator } from 'grey-react-box';
4
4
  import { chain as chain$1, bignumber, format as format$1, create, all, equal } from 'mathjs';
5
- import { message, Form, Input, Icon as Icon$1, Tag as Tag$1, Select, Button, Tooltip, Switch as Switch$1, Typography, Menu, Dropdown, AutoComplete as AutoComplete$2, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover as Popover$1, Table as Table$1, Tree, Modal as Modal$1, Row as Row$1, Col as Col$1 } from 'kts-components-antd-x3';
5
+ import { message, Form, Input, Icon as Icon$1, Tag as Tag$1, Select, Button, Tooltip, Switch as Switch$1, Typography, Menu, Dropdown, AutoComplete as AutoComplete$2, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover as Popover$1, Table as Table$1, Tree, Modal as Modal$1, Row as Row$2, Col as Col$2 } from 'kts-components-antd-x3';
6
6
  import { v4 } from 'uuid';
7
7
  import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete$1, Popover, Dropdown as Dropdown$1, Row, Col, Button as Button$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Input as Input$1, Select as Select$1, Spin as Spin$1, Menu as Menu$1, Form as Form$1, Drawer as Drawer$1, Space, Radio, InputNumber, Popconfirm, Modal, Tree as Tree$1 } from 'kts-xui';
8
8
  import classNames from 'classnames';
9
9
  import { Table } from 'kts-components-antd-x4-v4';
10
10
  import { render } from 'react-dom';
11
- import { Input as Input$2, NumberPicker } from '@formily/antd-components';
11
+ import { DatePicker, Row as Row$1, Col as Col$1, Cascader, Input as Input$2, Select as Select$2 } from 'kts-components-antd-x4';
12
+ import { Input as Input$3, NumberPicker } from '@formily/antd-components';
12
13
  import { createAsyncFormActions, FormEffectHooks, SchemaForm, FormButtonGroup, SchemaMarkupField } from '@formily/antd';
13
14
 
14
15
  function ownKeys(object, enumerableOnly) {
@@ -14800,7 +14801,7 @@ var useDelRowButton = (function () {
14800
14801
  onClick: onClick,
14801
14802
  disabled: disabled
14802
14803
  }, "\u6279\u91CF\u5220\u9664");
14803
- }, [model, onClick, disabled]);
14804
+ }, [model, onClick, disabled, isRemRow]);
14804
14805
  return {
14805
14806
  button: button,
14806
14807
  menuItem: menuItem
@@ -21483,7 +21484,7 @@ var useDelRowButton$1 = (function () {
21483
21484
  onClick: onClick,
21484
21485
  disabled: disabled
21485
21486
  }, "\u5220\u9664");
21486
- }, [model, onClick, disabled]);
21487
+ }, [model, onClick, disabled, isRemRow]);
21487
21488
  return {
21488
21489
  button: button,
21489
21490
  menuItem: menuItem
@@ -22701,6 +22702,104 @@ var Main$3 = decorator(Form.create())(function (props) {
22701
22702
  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Statistics$1, null)));
22702
22703
  });
22703
22704
 
22705
+ var css_248z$q = ".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";
22706
+ styleInject(css_248z$q);
22707
+
22708
+ var RangePicker = DatePicker.RangePicker;
22709
+ /** 特殊信息-不动产经营租赁服务 */
22710
+
22711
+ var RealEstateInfo = decorator(Form.create())(function (props) {
22712
+ var form = props.form;
22713
+ var getFieldDecorator = form.getFieldDecorator;
22714
+ return /*#__PURE__*/React.createElement("div", {
22715
+ className: "kts-invoice-operate-real-estate-info-digtal"
22716
+ }, /*#__PURE__*/React.createElement("div", {
22717
+ className: 'real-estate-info-digtal-label'
22718
+ }, "\u7279\u6B8A\u4FE1\u606F-\u4E0D\u52A8\u4EA7\u7ECF\u8425\u79DF\u8D41\u670D\u52A1"), /*#__PURE__*/React.createElement(Row$1, {
22719
+ gutter: [17, 0]
22720
+ }, /*#__PURE__*/React.createElement(Col$1, {
22721
+ span: 6
22722
+ }, /*#__PURE__*/React.createElement(Form.Item, {
22723
+ label: "\u4E0D\u52A8\u4EA7\u5730\u5740"
22724
+ }, getFieldDecorator('p1', {
22725
+ rules: [{
22726
+ required: true,
22727
+ message: '请选择不动产地址'
22728
+ }]
22729
+ })( /*#__PURE__*/React.createElement(Cascader, {
22730
+ style: {
22731
+ width: '100%'
22732
+ },
22733
+ options: [],
22734
+ placeholder: "\u8BF7\u9009\u62E9\u7701\u5E02\u533A\u53BF"
22735
+ })))), /*#__PURE__*/React.createElement(Col$1, {
22736
+ span: 6
22737
+ }, /*#__PURE__*/React.createElement(Form.Item, {
22738
+ label: "\u8BE6\u7EC6\u5730\u5740"
22739
+ }, getFieldDecorator('p2', {
22740
+ rules: [{
22741
+ required: true,
22742
+ message: '请输入详细地址'
22743
+ }]
22744
+ })( /*#__PURE__*/React.createElement(Input$2, {
22745
+ autoComplete: 'off',
22746
+ placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740"
22747
+ })))), /*#__PURE__*/React.createElement(Col$1, {
22748
+ span: 6
22749
+ }, /*#__PURE__*/React.createElement(Form.Item, {
22750
+ label: "\u79DF\u8D41\u671F\u8D77\u6B62"
22751
+ }, getFieldDecorator('p3', {
22752
+ rules: [{
22753
+ required: true,
22754
+ message: '请选择租赁期起止'
22755
+ }]
22756
+ })( /*#__PURE__*/React.createElement(RangePicker, null)))), /*#__PURE__*/React.createElement(Col$1, {
22757
+ span: 6
22758
+ }, /*#__PURE__*/React.createElement(Form.Item, {
22759
+ label: "\u8DE8\u5730\uFF08\u5E02\uFF09\u6807\u5FD7"
22760
+ }, getFieldDecorator('p4', {
22761
+ rules: [{
22762
+ required: true,
22763
+ message: '请选择跨地(市)标志'
22764
+ }]
22765
+ })( /*#__PURE__*/React.createElement(Select$2, {
22766
+ placeholder: "\u8BF7\u9009\u62E9",
22767
+ style: {
22768
+ width: '100%'
22769
+ }
22770
+ }, /*#__PURE__*/React.createElement(Select$2.Option, {
22771
+ value: "sample"
22772
+ }, "Sample"))))), /*#__PURE__*/React.createElement(Col$1, {
22773
+ span: 6
22774
+ }, /*#__PURE__*/React.createElement(Form.Item, {
22775
+ label: "\u4EA7\u6743\u8BC1\u4E66/\u4E0D\u52A8\u4EA7\u6743\u8BC1\u53F7"
22776
+ }, getFieldDecorator('p5', {
22777
+ rules: [{
22778
+ required: true,
22779
+ message: '请输入证书编号,若没有证书填写“无”'
22780
+ }]
22781
+ })( /*#__PURE__*/React.createElement(Input$2, {
22782
+ autoComplete: 'off',
22783
+ placeholder: "\u8BF7\u8F93\u5165\u8BC1\u4E66\u7F16\u53F7\uFF0C\u82E5\u6CA1\u6709\u8BC1\u4E66\u586B\u5199\u201C\u65E0\u201D"
22784
+ })))), /*#__PURE__*/React.createElement(Col$1, {
22785
+ span: 6
22786
+ }, /*#__PURE__*/React.createElement(Form.Item, {
22787
+ label: "\u9762\u79EF\u5355\u4F4D"
22788
+ }, getFieldDecorator('p6', {
22789
+ rules: [{
22790
+ required: true,
22791
+ message: '请选择面积单位'
22792
+ }]
22793
+ })( /*#__PURE__*/React.createElement(Select$2, {
22794
+ placeholder: "\u8BF7\u9009\u62E9",
22795
+ style: {
22796
+ width: '100%'
22797
+ }
22798
+ }, /*#__PURE__*/React.createElement(Select$2.Option, {
22799
+ value: "sample"
22800
+ }, "Sample")))))));
22801
+ });
22802
+
22704
22803
  var ImportBuyerDrawer = (function () {
22705
22804
  var controller = Invoice.useInvoiceController();
22706
22805
  var visible = controller.useMemo(function (s) {
@@ -23077,8 +23176,8 @@ var getItemCode = function getItemCode(record, editGood) {
23077
23176
  return record.productCode;
23078
23177
  };
23079
23178
 
23080
- var css_248z$q = ".kts-invoice-operate-goods-endow-code-button-list {\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n margin-bottom: 10px;\n}\n";
23081
- styleInject(css_248z$q);
23179
+ var css_248z$r = ".kts-invoice-operate-goods-endow-code-button-list {\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n margin-bottom: 10px;\n}\n";
23180
+ styleInject(css_248z$r);
23082
23181
 
23083
23182
  var TreeNode = Tree.TreeNode;
23084
23183
  var confirm = Modal$1.confirm;
@@ -23984,7 +24083,7 @@ var DrawerBody$3 = function DrawerBody(props) {
23984
24083
  };
23985
24084
 
23986
24085
  var components = {
23987
- string: Input$2,
24086
+ string: Input$3,
23988
24087
  number: NumberPicker
23989
24088
  };
23990
24089
 
@@ -24141,24 +24240,24 @@ function AddComparisonDrawer() {
24141
24240
  flex: 1
24142
24241
  },
24143
24242
  form: form
24144
- }, /*#__PURE__*/React.createElement(Row$1, {
24243
+ }, /*#__PURE__*/React.createElement(Row$2, {
24145
24244
  gutter: [8, 8]
24146
- }, /*#__PURE__*/React.createElement(Col$1, {
24245
+ }, /*#__PURE__*/React.createElement(Col$2, {
24147
24246
  span: 12
24148
24247
  }, /*#__PURE__*/React.createElement(Form$1.Item, {
24149
24248
  name: "itemNameSelf",
24150
24249
  label: "\u6211\u65B9\u5546\u54C1\u540D\u79F0"
24151
- }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$1, {
24250
+ }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$2, {
24152
24251
  span: 12
24153
24252
  }, /*#__PURE__*/React.createElement(Form$1.Item, {
24154
24253
  name: "itemName",
24155
24254
  label: "\u5BF9\u65B9\u5546\u54C1\u540D\u79F0"
24156
- }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$1, {
24255
+ }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$2, {
24157
24256
  span: 12
24158
24257
  }, /*#__PURE__*/React.createElement(Form$1.Item, {
24159
24258
  name: 'itemModelNameSelf',
24160
24259
  label: "\u6211\u65B9\u89C4\u683C\u578B\u53F7"
24161
- }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$1, {
24260
+ }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$2, {
24162
24261
  span: 12
24163
24262
  }, /*#__PURE__*/React.createElement(Form$1.Item, {
24164
24263
  name: "itemModelName",
@@ -24208,6 +24307,8 @@ var Invoice = /*#__PURE__*/function (_React$PureComponent) {
24208
24307
 
24209
24308
  /** 落款(数电) */
24210
24309
 
24310
+ /** 特殊信息-不动产经营租赁服务(数电) */
24311
+
24211
24312
  /** 货物列表(数电) */
24212
24313
 
24213
24314
  /** 货物索引生成器 */
@@ -24240,6 +24341,7 @@ Invoice.Buyer = Buyer$1;
24240
24341
  Invoice.InvoiceHeaderDigtal = InvoiceHeaderDigtal;
24241
24342
  Invoice.Stakeholder = Stakeholder$1;
24242
24343
  Invoice.SignDigtal = SignDigtal;
24344
+ Invoice.RealEstateInfo = RealEstateInfo;
24243
24345
  Invoice.GoodsListDigtal = GoodsList$1;
24244
24346
  Invoice.idGenerator = idGenerator;
24245
24347
  Invoice.calculator = calculator;
@@ -24343,15 +24445,17 @@ var Digtal = function Digtal(props) {
24343
24445
  };
24344
24446
  }())
24345
24447
  }, props.invoiceHeader || /*#__PURE__*/React.createElement(InvoiceHeaderDigtal, null)
24346
- /** 发票头 */
24448
+ /** 发票头 */
24347
24449
  , /*#__PURE__*/React.createElement("div", {
24348
24450
  className: 'kts-invoice-operate-digtal-cont'
24349
24451
  }, props.stakeholder || /*#__PURE__*/React.createElement(Stakeholder$1, null)
24350
- /** 干系人 */
24351
- , props.goodsList || /*#__PURE__*/React.createElement(GoodsList$1
24352
- /** 货物列表 */
24353
- , null)), props.sign || /*#__PURE__*/React.createElement(SignDigtal, null)
24354
- /** 落款 */
24452
+ /** 干系人 */
24453
+ , props.goodsList || /*#__PURE__*/React.createElement(GoodsList$1, null)
24454
+ /** 货物列表 */
24455
+ ), props.specialInfor
24456
+ /** 特殊信息 */
24457
+ , props.sign || /*#__PURE__*/React.createElement(SignDigtal, null)
24458
+ /** 落款 */
24355
24459
  ), /*#__PURE__*/React.createElement(ImportGoodsDrawer, null), /*#__PURE__*/React.createElement(EndowCodeDrawer, null));
24356
24460
  };
24357
24461
 
package/dist/index.js CHANGED
@@ -12,6 +12,7 @@ var ktsXui = require('kts-xui');
12
12
  var classNames = require('classnames');
13
13
  var ktsComponentsAntdX4V4 = require('kts-components-antd-x4-v4');
14
14
  var ReactDOM = require('react-dom');
15
+ var ktsComponentsAntdX4 = require('kts-components-antd-x4');
15
16
  var antdComponents = require('@formily/antd-components');
16
17
  var antd = require('@formily/antd');
17
18
 
@@ -14810,7 +14811,7 @@ var useDelRowButton = (function () {
14810
14811
  onClick: onClick,
14811
14812
  disabled: disabled
14812
14813
  }, "\u6279\u91CF\u5220\u9664");
14813
- }, [model, onClick, disabled]);
14814
+ }, [model, onClick, disabled, isRemRow]);
14814
14815
  return {
14815
14816
  button: button,
14816
14817
  menuItem: menuItem
@@ -21493,7 +21494,7 @@ var useDelRowButton$1 = (function () {
21493
21494
  onClick: onClick,
21494
21495
  disabled: disabled
21495
21496
  }, "\u5220\u9664");
21496
- }, [model, onClick, disabled]);
21497
+ }, [model, onClick, disabled, isRemRow]);
21497
21498
  return {
21498
21499
  button: button,
21499
21500
  menuItem: menuItem
@@ -22711,6 +22712,104 @@ var Main$3 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function
22711
22712
  })), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Statistics$1, null)));
22712
22713
  });
22713
22714
 
22715
+ var css_248z$q = ".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";
22716
+ styleInject(css_248z$q);
22717
+
22718
+ var RangePicker = ktsComponentsAntdX4.DatePicker.RangePicker;
22719
+ /** 特殊信息-不动产经营租赁服务 */
22720
+
22721
+ var RealEstateInfo = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function (props) {
22722
+ var form = props.form;
22723
+ var getFieldDecorator = form.getFieldDecorator;
22724
+ return /*#__PURE__*/React__default['default'].createElement("div", {
22725
+ className: "kts-invoice-operate-real-estate-info-digtal"
22726
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
22727
+ className: 'real-estate-info-digtal-label'
22728
+ }, "\u7279\u6B8A\u4FE1\u606F-\u4E0D\u52A8\u4EA7\u7ECF\u8425\u79DF\u8D41\u670D\u52A1"), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Row, {
22729
+ gutter: [17, 0]
22730
+ }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
22731
+ span: 6
22732
+ }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
22733
+ label: "\u4E0D\u52A8\u4EA7\u5730\u5740"
22734
+ }, getFieldDecorator('p1', {
22735
+ rules: [{
22736
+ required: true,
22737
+ message: '请选择不动产地址'
22738
+ }]
22739
+ })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Cascader, {
22740
+ style: {
22741
+ width: '100%'
22742
+ },
22743
+ options: [],
22744
+ placeholder: "\u8BF7\u9009\u62E9\u7701\u5E02\u533A\u53BF"
22745
+ })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
22746
+ span: 6
22747
+ }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
22748
+ label: "\u8BE6\u7EC6\u5730\u5740"
22749
+ }, getFieldDecorator('p2', {
22750
+ rules: [{
22751
+ required: true,
22752
+ message: '请输入详细地址'
22753
+ }]
22754
+ })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Input, {
22755
+ autoComplete: 'off',
22756
+ placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740"
22757
+ })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
22758
+ span: 6
22759
+ }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
22760
+ label: "\u79DF\u8D41\u671F\u8D77\u6B62"
22761
+ }, getFieldDecorator('p3', {
22762
+ rules: [{
22763
+ required: true,
22764
+ message: '请选择租赁期起止'
22765
+ }]
22766
+ })( /*#__PURE__*/React__default['default'].createElement(RangePicker, null)))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
22767
+ span: 6
22768
+ }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
22769
+ label: "\u8DE8\u5730\uFF08\u5E02\uFF09\u6807\u5FD7"
22770
+ }, getFieldDecorator('p4', {
22771
+ rules: [{
22772
+ required: true,
22773
+ message: '请选择跨地(市)标志'
22774
+ }]
22775
+ })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select, {
22776
+ placeholder: "\u8BF7\u9009\u62E9",
22777
+ style: {
22778
+ width: '100%'
22779
+ }
22780
+ }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
22781
+ value: "sample"
22782
+ }, "Sample"))))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
22783
+ span: 6
22784
+ }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
22785
+ label: "\u4EA7\u6743\u8BC1\u4E66/\u4E0D\u52A8\u4EA7\u6743\u8BC1\u53F7"
22786
+ }, getFieldDecorator('p5', {
22787
+ rules: [{
22788
+ required: true,
22789
+ message: '请输入证书编号,若没有证书填写“无”'
22790
+ }]
22791
+ })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Input, {
22792
+ autoComplete: 'off',
22793
+ placeholder: "\u8BF7\u8F93\u5165\u8BC1\u4E66\u7F16\u53F7\uFF0C\u82E5\u6CA1\u6709\u8BC1\u4E66\u586B\u5199\u201C\u65E0\u201D"
22794
+ })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
22795
+ span: 6
22796
+ }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
22797
+ label: "\u9762\u79EF\u5355\u4F4D"
22798
+ }, getFieldDecorator('p6', {
22799
+ rules: [{
22800
+ required: true,
22801
+ message: '请选择面积单位'
22802
+ }]
22803
+ })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select, {
22804
+ placeholder: "\u8BF7\u9009\u62E9",
22805
+ style: {
22806
+ width: '100%'
22807
+ }
22808
+ }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
22809
+ value: "sample"
22810
+ }, "Sample")))))));
22811
+ });
22812
+
22714
22813
  var ImportBuyerDrawer = (function () {
22715
22814
  var controller = Invoice.useInvoiceController();
22716
22815
  var visible = controller.useMemo(function (s) {
@@ -23087,8 +23186,8 @@ var getItemCode = function getItemCode(record, editGood) {
23087
23186
  return record.productCode;
23088
23187
  };
23089
23188
 
23090
- var css_248z$q = ".kts-invoice-operate-goods-endow-code-button-list {\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n margin-bottom: 10px;\n}\n";
23091
- styleInject(css_248z$q);
23189
+ var css_248z$r = ".kts-invoice-operate-goods-endow-code-button-list {\n display: flex;\n flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n margin-bottom: 10px;\n}\n";
23190
+ styleInject(css_248z$r);
23092
23191
 
23093
23192
  var TreeNode = ktsComponentsAntdX3.Tree.TreeNode;
23094
23193
  var confirm = ktsComponentsAntdX3.Modal.confirm;
@@ -24218,6 +24317,8 @@ var Invoice = /*#__PURE__*/function (_React$PureComponent) {
24218
24317
 
24219
24318
  /** 落款(数电) */
24220
24319
 
24320
+ /** 特殊信息-不动产经营租赁服务(数电) */
24321
+
24221
24322
  /** 货物列表(数电) */
24222
24323
 
24223
24324
  /** 货物索引生成器 */
@@ -24250,6 +24351,7 @@ Invoice.Buyer = Buyer$1;
24250
24351
  Invoice.InvoiceHeaderDigtal = InvoiceHeaderDigtal;
24251
24352
  Invoice.Stakeholder = Stakeholder$1;
24252
24353
  Invoice.SignDigtal = SignDigtal;
24354
+ Invoice.RealEstateInfo = RealEstateInfo;
24253
24355
  Invoice.GoodsListDigtal = GoodsList$1;
24254
24356
  Invoice.idGenerator = idGenerator;
24255
24357
  Invoice.calculator = calculator;
@@ -24353,15 +24455,17 @@ var Digtal = function Digtal(props) {
24353
24455
  };
24354
24456
  }())
24355
24457
  }, props.invoiceHeader || /*#__PURE__*/React__default['default'].createElement(InvoiceHeaderDigtal, null)
24356
- /** 发票头 */
24458
+ /** 发票头 */
24357
24459
  , /*#__PURE__*/React__default['default'].createElement("div", {
24358
24460
  className: 'kts-invoice-operate-digtal-cont'
24359
24461
  }, props.stakeholder || /*#__PURE__*/React__default['default'].createElement(Stakeholder$1, null)
24360
- /** 干系人 */
24361
- , props.goodsList || /*#__PURE__*/React__default['default'].createElement(GoodsList$1
24362
- /** 货物列表 */
24363
- , null)), props.sign || /*#__PURE__*/React__default['default'].createElement(SignDigtal, null)
24364
- /** 落款 */
24462
+ /** 干系人 */
24463
+ , props.goodsList || /*#__PURE__*/React__default['default'].createElement(GoodsList$1, null)
24464
+ /** 货物列表 */
24465
+ ), props.specialInfor
24466
+ /** 特殊信息 */
24467
+ , props.sign || /*#__PURE__*/React__default['default'].createElement(SignDigtal, null)
24468
+ /** 落款 */
24365
24469
  ), /*#__PURE__*/React__default['default'].createElement(ImportGoodsDrawer, null), /*#__PURE__*/React__default['default'].createElement(EndowCodeDrawer, null));
24366
24470
  };
24367
24471
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kts-component-invoice-operate",
3
- "version": "3.2.138",
3
+ "version": "3.2.140",
4
4
  "scripts": {
5
5
  "dev": "dumi dev",
6
6
  "start": "dumi dev",
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import Invoice from '../../..';
3
+ import 'antd/dist/antd.css';
4
+
5
+ export default () => {
6
+ return (
7
+ <Invoice
8
+ invoiceType='digtal'
9
+ specialInfor={<Invoice.RealEstateInfo />}
10
+ />
11
+ )
12
+ };
@@ -28,4 +28,7 @@
28
28
  <code src="./_test/prefab/index.tsx"></code>
29
29
 
30
30
  ## 查看当前可用授信额度
31
- <code src="./_test/lineCredit/index.tsx"></code>
31
+ <code src="./_test/lineCredit/index.tsx"></code>
32
+
33
+ ## 不动产经营租赁服务
34
+ <code src="./_test/realEstateInfo/index.tsx"></code>
@@ -15,7 +15,7 @@ import mergeDetails from './fns/mergeDetails';
15
15
  import mergeDiscount from './fns/mergeDiscount';
16
16
  import importGoodsDrawer from './fns/importGoodsDrawer';
17
17
  import itemBlur from './fns/itemBlur';
18
- 0
18
+
19
19
  export { default as InvoiceControllerState } from './InvoiceControllerState';
20
20
  export { default as IGood } from './InvoiceControllerState/GoodsListState/IGood';
21
21
  export { default as LineAttributeType } from './InvoiceControllerState/GoodsListState/LineAttributeType';
@@ -17,6 +17,7 @@ import InvoiceHeaderDigtal from './ui/digtal/InvoiceHeader';
17
17
  import Stakeholder from './ui/digtal/Stakeholder';
18
18
  import SignDigtal from './ui/digtal/Sign';
19
19
  import GoodsListDigtal from './ui/digtal/GoodsList';
20
+ import RealEstateInfo from './ui/digtal/RealEstateInfo';
20
21
 
21
22
  import ImportBuyerDrawer from './ui/default/ImportBuyerDrawer';
22
23
  import ImportGoodsDrawer from './ui/default/ImportGoodsDrawer';
@@ -50,6 +51,9 @@ export interface IInvoiceProps {
50
51
  /** 落款UI */
51
52
  sign?: React.ReactNode;
52
53
 
54
+ /** 特殊信息 */
55
+ specialInfor?: React.ReactNode;
56
+
53
57
  /** 底部扩展UI */
54
58
  footExpand?: React.ReactNode;
55
59
 
@@ -85,6 +89,9 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
85
89
  /** 落款(数电) */
86
90
  static readonly SignDigtal = SignDigtal;
87
91
 
92
+ /** 特殊信息-不动产经营租赁服务(数电) */
93
+ static readonly RealEstateInfo = RealEstateInfo;
94
+
88
95
  /** 货物列表(数电) */
89
96
  static readonly GoodsListDigtal = GoodsListDigtal;
90
97
 
@@ -154,16 +161,17 @@ const Digtal = (props: IInvoiceProps) => {
154
161
  return (
155
162
  <InvoiceContext.Provider key={key} value={controller}>
156
163
  <div className="kts-invoice-operate-digtal" ref={controller.pipeline<HTMLDivElement | null>(async (s, e) => { s.rootElement = e })} >
157
- {props.invoiceHeader || <InvoiceHeaderDigtal /> /** 发票头 */}
164
+ {props.invoiceHeader || <InvoiceHeaderDigtal /> /** 发票头 */}
158
165
  <div className='kts-invoice-operate-digtal-cont' >
159
- {props.stakeholder || <Stakeholder /> /** 干系人 */}
160
- {props.goodsList || <GoodsListDigtal /** 货物列表 */ />}
166
+ {props.stakeholder || <Stakeholder /> /** 干系人 */}
167
+ {props.goodsList || <GoodsListDigtal /> /** 货物列表 */}
161
168
  </div>
162
- {props.sign || <SignDigtal /> /** 落款 */}
169
+ {props.specialInfor /** 特殊信息 */}
170
+ {props.sign || <SignDigtal /> /** 落款 */}
163
171
  </div>
164
172
 
165
- <ImportGoodsDrawer />{/* 导入货品的抽屉 */}
166
- <EndowCodeDrawer />{/* 给货品赋码的抽屉 */}
173
+ <ImportGoodsDrawer />{ /** 导入货品的抽屉 */}
174
+ <EndowCodeDrawer />{ /** 给货品赋码的抽屉 */}
167
175
  </InvoiceContext.Provider>
168
176
  )
169
177
  }
@@ -63,7 +63,7 @@ export default () => {
63
63
  return (
64
64
  <Button onClick={onClick} disabled={disabled} >批量删除</Button>
65
65
  )
66
- }, [model, onClick, disabled])
66
+ }, [model, onClick, disabled, isRemRow])
67
67
 
68
68
  return { button, menuItem };
69
69
  };
@@ -44,7 +44,7 @@ export default () => {
44
44
  return (
45
45
  <Button size='small' onClick={onClick} disabled={disabled} >删除</Button>
46
46
  )
47
- }, [model, onClick, disabled])
47
+ }, [model, onClick, disabled, isRemRow])
48
48
 
49
49
  return { button, menuItem };
50
50
  };
@@ -0,0 +1,15 @@
1
+ .kts-invoice-operate-real-estate-info-digtal {
2
+ padding : 20px;
3
+ border-bottom: 2px solid #9F613E;
4
+ border-left : 2px solid #9F613E;
5
+ border-right : 2px solid #9F613E;
6
+
7
+ .real-estate-info-digtal-label {
8
+ color : #9F613E;
9
+ font-weight: bold;
10
+ }
11
+
12
+ .ktsAnt3x-row.ktsAnt3x-form-item {
13
+ margin-bottom: 0;
14
+ }
15
+ }
@@ -0,0 +1,77 @@
1
+
2
+ import React from "react";
3
+ import { decorator } from 'grey-react-box';
4
+ import { Form } from 'kts-components-antd-x3';
5
+ import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
6
+ import './index.less';
7
+ import { Cascader, Col, DatePicker, Input, Row, Select } from "kts-components-antd-x4";
8
+
9
+ const { RangePicker } = DatePicker;
10
+
11
+ /** 特殊信息-不动产经营租赁服务 */
12
+ export default decorator<FormComponentProps>(Form.create())(props => {
13
+
14
+ const { form } = props;
15
+
16
+ const { getFieldDecorator } = form;
17
+
18
+ return (
19
+ <div className="kts-invoice-operate-real-estate-info-digtal">
20
+ <div className='real-estate-info-digtal-label' >特殊信息-不动产经营租赁服务</div>
21
+ <Row gutter={[17, 0]}>
22
+ <Col span={6} >
23
+ <Form.Item label='不动产地址' >
24
+ {getFieldDecorator('p1', {
25
+ rules: [{ required: true, message: '请选择不动产地址' }]
26
+ })(
27
+ <Cascader style={{ width: '100%' }} options={[]} placeholder="请选择省市区县" />
28
+ )}
29
+ </Form.Item>
30
+ </Col>
31
+ <Col span={6} >
32
+ <Form.Item label='详细地址' >
33
+ {getFieldDecorator('p2', {
34
+ rules: [{ required: true, message: '请输入详细地址' }]
35
+ })(<Input autoComplete='off' placeholder="请输入详细地址" />)}
36
+ </Form.Item>
37
+ </Col>
38
+ <Col span={6} >
39
+ <Form.Item label='租赁期起止' >
40
+ {getFieldDecorator('p3', {
41
+ rules: [{ required: true, message: '请选择租赁期起止' }]
42
+ })(<RangePicker />)}
43
+ </Form.Item>
44
+ </Col>
45
+ <Col span={6} >
46
+ <Form.Item label='跨地(市)标志' >
47
+ {getFieldDecorator('p4', {
48
+ rules: [{ required: true, message: '请选择跨地(市)标志' }]
49
+ })(
50
+ <Select placeholder='请选择' style={{ width: '100%' }} >
51
+ <Select.Option value="sample">Sample</Select.Option>
52
+ </Select>
53
+ )}
54
+ </Form.Item>
55
+ </Col>
56
+ <Col span={6} >
57
+ <Form.Item label='产权证书/不动产权证号' >
58
+ {getFieldDecorator('p5', {
59
+ rules: [{ required: true, message: '请输入证书编号,若没有证书填写“无”' }]
60
+ })(<Input autoComplete='off' placeholder="请输入证书编号,若没有证书填写“无”" />)}
61
+ </Form.Item>
62
+ </Col>
63
+ <Col span={6} >
64
+ <Form.Item label='面积单位' >
65
+ {getFieldDecorator('p6', {
66
+ rules: [{ required: true, message: '请选择面积单位' }]
67
+ })(
68
+ <Select placeholder='请选择' style={{ width: '100%' }} >
69
+ <Select.Option value="sample">Sample</Select.Option>
70
+ </Select>
71
+ )}
72
+ </Form.Item>
73
+ </Col>
74
+ </Row>
75
+ </div>
76
+ )
77
+ })