@kmkf-fe-packages/services-components 0.6.3-alpha.5 → 0.6.3-alpha.50

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.
Files changed (136) hide show
  1. package/README.md +2 -0
  2. package/dist/esm/commonComponents/ItemView/index.d.ts +1 -1
  3. package/dist/esm/commonComponents/OperationLog/index.d.ts +8 -0
  4. package/dist/esm/commonComponents/OperationLog/index.js +127 -0
  5. package/dist/esm/commonComponents/QueryLogisticsTrack/index.d.ts +8 -0
  6. package/dist/esm/commonComponents/QueryLogisticsTrack/index.js +86 -0
  7. package/dist/esm/components/ActualPayment/index.d.ts +4 -2
  8. package/dist/esm/components/ActualPayment/index.js +9 -4
  9. package/dist/esm/components/Address/index.d.ts +3 -2
  10. package/dist/esm/components/Address/index.js +8 -4
  11. package/dist/esm/components/Alipay/index.d.ts +6 -1
  12. package/dist/esm/components/Alipay/index.js +9 -3
  13. package/dist/esm/components/AlipayAccount/index.d.ts +5 -3
  14. package/dist/esm/components/AlipayAccount/index.js +11 -5
  15. package/dist/esm/components/AlipayName/index.d.ts +5 -3
  16. package/dist/esm/components/AlipayName/index.js +11 -5
  17. package/dist/esm/components/BuyerNick/index.d.ts +6 -4
  18. package/dist/esm/components/BuyerNick/index.js +11 -3
  19. package/dist/esm/components/Cascader/index.d.ts +6 -4
  20. package/dist/esm/components/Cascader/index.js +9 -4
  21. package/dist/esm/components/Checkbox/index.d.ts +6 -1
  22. package/dist/esm/components/Checkbox/index.js +21 -6
  23. package/dist/esm/components/CommonDataTime/index.d.ts +4 -2
  24. package/dist/esm/components/CommonDataTime/index.js +8 -4
  25. package/dist/esm/components/CompletedUser/index.d.ts +4 -2
  26. package/dist/esm/components/CompletedUser/index.js +7 -3
  27. package/dist/esm/components/DataTime/index.d.ts +4 -2
  28. package/dist/esm/components/DataTime/index.js +8 -3
  29. package/dist/esm/components/EItemEnCode/index.d.ts +3 -1
  30. package/dist/esm/components/EItemEnCode/index.js +12 -7
  31. package/dist/esm/components/EItemId/index.d.ts +3 -1
  32. package/dist/esm/components/EItemId/index.js +12 -7
  33. package/dist/esm/components/EItemSelect/index.d.ts +2 -1
  34. package/dist/esm/components/EItemSelect/index.js +10 -6
  35. package/dist/esm/components/ErpTradeId/index.d.ts +5 -3
  36. package/dist/esm/components/ErpTradeId/index.js +10 -5
  37. package/dist/esm/components/Express/index.d.ts +5 -3
  38. package/dist/esm/components/Express/index.js +12 -7
  39. package/dist/esm/components/ExpressCode/index.d.ts +6 -4
  40. package/dist/esm/components/ExpressCode/index.js +12 -5
  41. package/dist/esm/components/FlowStatusSelect/index.d.ts +3 -1
  42. package/dist/esm/components/FlowStatusSelect/index.js +11 -3
  43. package/dist/esm/components/Grade/index.d.ts +2 -1
  44. package/dist/esm/components/Grade/index.js +8 -4
  45. package/dist/esm/components/Handler/index.d.ts +4 -4
  46. package/dist/esm/components/Handler/index.js +18 -8
  47. package/dist/esm/components/Input/index.d.ts +3 -1
  48. package/dist/esm/components/Input/index.js +9 -4
  49. package/dist/esm/components/JstItemSelect/index.d.ts +4 -2
  50. package/dist/esm/components/JstItemSelect/index.js +29 -24
  51. package/dist/esm/components/JstLogistics/index.d.ts +6 -3
  52. package/dist/esm/components/JstLogistics/index.js +19 -9
  53. package/dist/esm/components/JstSendGood/index.d.ts +3 -1
  54. package/dist/esm/components/JstSendGood/index.js +19 -9
  55. package/dist/esm/components/JstSupply/index.d.ts +3 -1
  56. package/dist/esm/components/JstSupply/index.js +19 -9
  57. package/dist/esm/components/Logistics/index.d.ts +9 -3
  58. package/dist/esm/components/Logistics/index.js +9 -3
  59. package/dist/esm/components/LogisticsInterception/InterceptAddress.d.ts +17 -9
  60. package/dist/esm/components/LogisticsInterception/InterceptAddress.js +59 -27
  61. package/dist/esm/components/LogisticsInterception/InterceptStatus.d.ts +38 -0
  62. package/dist/esm/components/LogisticsInterception/InterceptStatus.js +100 -0
  63. package/dist/esm/components/LogisticsInterception/InterceptType.d.ts +19 -7
  64. package/dist/esm/components/LogisticsInterception/InterceptType.js +40 -18
  65. package/dist/esm/components/LogisticsInterception/index.d.ts +51 -8
  66. package/dist/esm/components/LogisticsInterception/index.js +37 -13
  67. package/dist/esm/components/MultSelect/index.d.ts +3 -2
  68. package/dist/esm/components/MultSelect/index.js +10 -4
  69. package/dist/esm/components/Ordinary/OrdinaryHeader.d.ts +4 -2
  70. package/dist/esm/components/Ordinary/OrdinaryHeader.js +12 -6
  71. package/dist/esm/components/Ordinary/OrdinaryMoney.d.ts +4 -2
  72. package/dist/esm/components/Ordinary/OrdinaryMoney.js +11 -5
  73. package/dist/esm/components/Ordinary/OrdinarySerial.d.ts +4 -2
  74. package/dist/esm/components/Ordinary/OrdinarySerial.js +12 -6
  75. package/dist/esm/components/Ordinary/index.d.ts +10 -4
  76. package/dist/esm/components/Ordinary/index.js +12 -5
  77. package/dist/esm/components/Payment/AlipayNick.d.ts +4 -2
  78. package/dist/esm/components/Payment/AlipayNick.js +13 -6
  79. package/dist/esm/components/Payment/AlipayNo.d.ts +4 -2
  80. package/dist/esm/components/Payment/AlipayNo.js +13 -7
  81. package/dist/esm/components/Payment/AlipayTime.d.ts +5 -3
  82. package/dist/esm/components/Payment/AlipayTime.js +11 -8
  83. package/dist/esm/components/Payment/BuyerNick.d.ts +4 -2
  84. package/dist/esm/components/Payment/BuyerNick.js +12 -6
  85. package/dist/esm/components/Payment/PaymentAmount.d.ts +4 -2
  86. package/dist/esm/components/Payment/PaymentAmount.js +10 -4
  87. package/dist/esm/components/Payment/PaymentStatus.d.ts +5 -3
  88. package/dist/esm/components/Payment/PaymentStatus.js +11 -5
  89. package/dist/esm/components/Payment/PaymentTid.d.ts +5 -3
  90. package/dist/esm/components/Payment/PaymentTid.js +10 -4
  91. package/dist/esm/components/Payment/index.d.ts +17 -5
  92. package/dist/esm/components/Payment/index.js +14 -3
  93. package/dist/esm/components/Picture/index.d.ts +3 -1
  94. package/dist/esm/components/Picture/index.js +8 -1
  95. package/dist/esm/components/PlatForm/index.d.ts +8 -3
  96. package/dist/esm/components/PlatForm/index.js +8 -3
  97. package/dist/esm/components/Radio/index.d.ts +6 -0
  98. package/dist/esm/components/Radio/index.js +11 -0
  99. package/dist/esm/components/Rate/index.d.ts +2 -0
  100. package/dist/esm/components/Rate/index.js +11 -11
  101. package/dist/esm/components/ReceiverAddress/index.d.ts +7 -2
  102. package/dist/esm/components/ReceiverAddress/index.js +13 -3
  103. package/dist/esm/components/ReceiverMobile/index.d.ts +3 -1
  104. package/dist/esm/components/ReceiverMobile/index.js +9 -4
  105. package/dist/esm/components/ReceiverName/index.d.ts +3 -1
  106. package/dist/esm/components/ReceiverName/index.js +9 -4
  107. package/dist/esm/components/Remark/index.d.ts +6 -0
  108. package/dist/esm/components/Remark/index.js +13 -2
  109. package/dist/esm/components/ReturnLogistics/index.d.ts +14 -8
  110. package/dist/esm/components/ReturnLogistics/index.js +9 -3
  111. package/dist/esm/components/Select/index.d.ts +3 -1
  112. package/dist/esm/components/Select/index.js +8 -3
  113. package/dist/esm/components/ShopInput/index.d.ts +4 -2
  114. package/dist/esm/components/ShopInput/index.js +9 -4
  115. package/dist/esm/components/ShopName/index.d.ts +4 -2
  116. package/dist/esm/components/ShopName/index.js +10 -5
  117. package/dist/esm/components/Submitter/index.d.ts +4 -2
  118. package/dist/esm/components/Submitter/index.js +7 -3
  119. package/dist/esm/components/SystemOrderNo/index.d.ts +6 -4
  120. package/dist/esm/components/SystemOrderNo/index.js +9 -4
  121. package/dist/esm/components/TemplateSelect/index.d.ts +4 -2
  122. package/dist/esm/components/TemplateSelect/index.js +10 -5
  123. package/dist/esm/components/TextArea/index.d.ts +3 -1
  124. package/dist/esm/components/TextArea/index.js +9 -4
  125. package/dist/esm/components/ThirdItemSelect/index.d.ts +3 -1
  126. package/dist/esm/components/ThirdItemSelect/index.js +12 -8
  127. package/dist/esm/components/TradeDateTime/index.d.ts +5 -1
  128. package/dist/esm/components/TradeDateTime/index.js +18 -7
  129. package/dist/esm/components/TradeId/index.d.ts +4 -2
  130. package/dist/esm/components/TradeId/index.js +9 -4
  131. package/dist/esm/components/WorkOrderId/index.d.ts +3 -1
  132. package/dist/esm/components/WorkOrderId/index.js +17 -8
  133. package/dist/esm/index.d.ts +2 -0
  134. package/dist/esm/index.js +3 -1
  135. package/dist/esm/type.d.ts +19 -14
  136. package/package.json +10 -5
@@ -10,9 +10,11 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
10
10
  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
11
11
  import React from "react";
12
12
  import { LogisticsInterception } from "@kmkf-fe-packages/basic-components";
13
- import { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
13
+ import { ExpressData, ExpressInterceptData } from "@kmkf-fe-packages/kmkf-utils";
14
14
  import GetFormItem from "../GetFormItem";
15
15
  import InterceptAddress from "./InterceptAddress";
16
+ import InterceptType from "./InterceptType";
17
+ import InterceptStatus from "./InterceptStatus";
16
18
  import Express from "../Express";
17
19
  import ExpressCode from "../ExpressCode";
18
20
  var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
@@ -24,16 +26,29 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
24
26
  _defineProperty(this, "rules", void 0);
25
27
  _defineProperty(this, "componentConfig", void 0);
26
28
  _defineProperty(this, "interceptAddress", void 0);
29
+ _defineProperty(this, "interceptType", void 0);
30
+ _defineProperty(this, "interceptLogisticsStatus", void 0);
27
31
  _defineProperty(this, "isCombinationComponent", void 0);
28
32
  _defineProperty(this, "children", void 0);
29
33
  _defineProperty(this, "express", void 0);
30
34
  _defineProperty(this, "expressCode", void 0);
31
35
  _defineProperty(this, "expressDateInstance", void 0);
32
- _defineProperty(this, "render", function () {
33
- return null;
34
- });
36
+ _defineProperty(this, "expressInterceptData", void 0);
37
+ _defineProperty(this, "effects", void 0);
35
38
  _defineProperty(this, "renderClient", function (record) {
36
- return /*#__PURE__*/React.createElement(React.Fragment, null, _this.express.renderClient(record), _this.expressCode.renderClient(record), _this.interceptAddress.renderClient(record));
39
+ return /*#__PURE__*/React.createElement(React.Fragment, null, _this.express.renderClient(record), _this.expressCode.renderClient(record), _this.interceptType.renderClient(record), _this.interceptAddress.renderClient(record), _this.interceptLogisticsStatus.renderClient(record));
40
+ });
41
+ _defineProperty(this, "renderLog", function (record) {
42
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, _this.express.name, ": ", _this.express.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.expressCode.name, ": ", _this.expressCode.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.interceptType.name, ": ", _this.interceptType.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.interceptAddress.name, ":", " ", _this.interceptAddress.renderLog(record)), /*#__PURE__*/React.createElement("div", null, _this.interceptLogisticsStatus.name, ":", " ", _this.interceptLogisticsStatus.renderLog(record)));
43
+ });
44
+ _defineProperty(this, "getComponentValue", function (r) {
45
+ return {
46
+ interceptCompany: _this.express.getComponentValue(r),
47
+ interceptCode: _this.expressCode.getComponentValue(r),
48
+ interceptType: _this.interceptType.getComponentValue(r),
49
+ interceptLogisticsStatus: _this.interceptLogisticsStatus.getComponentValue(r),
50
+ interceptRedirectTo: _this.interceptAddress.getComponentValue(r)
51
+ };
37
52
  });
38
53
  _defineProperty(this, "renderPc", function () {
39
54
  return null;
@@ -41,27 +56,37 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
41
56
  _defineProperty(this, "renderExport", function () {
42
57
  return null;
43
58
  });
44
- _defineProperty(this, "editRender", function (value) {
45
- var _this$componentConfig, _this$componentConfig2;
59
+ _defineProperty(this, "editRender", function () {
60
+ var _this$componentConfig, _this$componentConfig2, _this$effects;
46
61
  return /*#__PURE__*/React.createElement(GetFormItem, {
47
62
  title: _this.name,
48
63
  name: _this.id,
49
64
  rules: _this.rules,
50
65
  required: (_this$componentConfig = (_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.required) !== null && _this$componentConfig !== void 0 ? _this$componentConfig : false,
51
66
  component: /*#__PURE__*/React.createElement(LogisticsInterception, _extends({}, _this.componentConfig, {
52
- logisticsOptions: _this.expressDateInstance.getExpressData()
67
+ logisticsOptions: _this.expressDateInstance.getExpressData(),
68
+ expressInterceptData: _this.expressInterceptData.getExpressData(),
69
+ isEditing: (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.isEditing
53
70
  }))
54
71
  });
55
72
  });
56
73
  _defineProperty(this, "filterConfig", function (item) {
57
- return [];
74
+ return [_this.express.filterConfig(_objectSpread(_objectSpread({}, item), {}, {
75
+ subKey: "interceptCompany"
76
+ })), _this.expressCode.filterConfig(_objectSpread(_objectSpread({}, item), {}, {
77
+ subKey: "interceptCode"
78
+ })), _this.interceptLogisticsStatus.filterConfig(item), _this.interceptType.filterConfig(item)];
58
79
  });
59
80
  this.name = options.name;
60
81
  this.id = options.id;
61
82
  this.type = options.type;
62
83
  this.componentConfig = options.componentConfig;
84
+ this.effects = options === null || options === void 0 ? void 0 : options.effects;
63
85
  this.expressDateInstance = ExpressData.getInstance();
86
+ this.expressInterceptData = ExpressInterceptData.getInstance();
64
87
  this.interceptAddress = new InterceptAddress(options);
88
+ this.interceptType = new InterceptType(options);
89
+ this.interceptLogisticsStatus = new InterceptStatus(options);
65
90
  this.express = new Express(_objectSpread(_objectSpread({}, options), {}, {
66
91
  id: "".concat(options.id, "_interceptCompany"),
67
92
  name: "物流信息"
@@ -71,7 +96,7 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
71
96
  name: "物流单号"
72
97
  }));
73
98
  this.isCombinationComponent = true;
74
- this.children = [this.express, this.expressCode, this.interceptAddress];
99
+ this.children = [this.express, this.expressCode, this.interceptType, this.interceptAddress, this.interceptLogisticsStatus];
75
100
  this.rules = [{
76
101
  validator: function validator(_, value) {
77
102
  var _this$componentConfig3, _this$componentConfig4, _value$interceptAddre;
@@ -81,10 +106,9 @@ var Logistics = /*#__PURE__*/_createClass(function Logistics(options) {
81
106
  if ((_this$componentConfig4 = _this.componentConfig) !== null && _this$componentConfig4 !== void 0 && _this$componentConfig4.required && !(value !== null && value !== void 0 && value.interceptType)) {
82
107
  return Promise.reject(new Error("请选择拦截类型"));
83
108
  }
84
- var showAddress = _this.expressDateInstance.isShowNewAddress(value === null || value === void 0 ? void 0 : value.interceptCompany, value === null || value === void 0 ? void 0 : value.interceptType);
85
- console.log(showAddress);
109
+ var showAddress = _this.expressInterceptData.getShowNewAddressMap()["".concat(value === null || value === void 0 ? void 0 : value.interceptType)];
86
110
  if (showAddress && (!(value !== null && value !== void 0 && (_value$interceptAddre = value.interceptAddress) !== null && _value$interceptAddre !== void 0 && _value$interceptAddre.length) || !(value !== null && value !== void 0 && value.interceptDetail) || !(value !== null && value !== void 0 && value.interceptReceiverName) || !(value !== null && value !== void 0 && value.interceptReceiverMobile))) {
87
- return Promise.reject(new Error("请填写新派送地"));
111
+ return Promise.reject(new Error("请填写派送地址"));
88
112
  }
89
113
  return Promise.resolve();
90
114
  }
@@ -1,6 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
3
- declare type Value = string[];
4
3
  declare class BasicMultSelect implements ComponentInterface {
5
4
  name: string;
6
5
  id: string;
@@ -10,12 +9,14 @@ declare class BasicMultSelect implements ComponentInterface {
10
9
  isCombinationComponent: boolean;
11
10
  children: ComponentInterface[];
12
11
  constructor(options: PickOption);
13
- render: (value: Value) => JSX.Element;
14
12
  renderClient: (record: any) => JSX.Element | null;
15
13
  renderPc: (value: any, record: Record) => JSX.Element;
14
+ renderLog: (r: Record) => JSX.Element | null;
15
+ getComponentValue: (r: Record) => any;
16
16
  renderExport: (value: any, record: Record) => any;
17
17
  editRender: () => JSX.Element;
18
18
  filterConfig: (item: ColumnConfig) => {
19
+ type: string;
19
20
  id: string;
20
21
  name: string;
21
22
  filterComponentType: "MultipleSelect";
@@ -22,14 +22,12 @@ var BasicMultSelect = /*#__PURE__*/_createClass(function BasicMultSelect(options
22
22
  _defineProperty(this, "componentConfig", void 0);
23
23
  _defineProperty(this, "isCombinationComponent", void 0);
24
24
  _defineProperty(this, "children", void 0);
25
- _defineProperty(this, "render", function (value) {
26
- return /*#__PURE__*/React.createElement("span", null, " ", value === null || value === void 0 ? void 0 : value.join(','));
27
- });
28
25
  _defineProperty(this, "renderClient", function (record) {
26
+ var _record$_this$id;
29
27
  return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
30
28
  id: _this.id,
31
29
  label: _this.name,
32
- value: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
30
+ value: record === null || record === void 0 ? void 0 : (_record$_this$id = record[_this.id]) === null || _record$_this$id === void 0 ? void 0 : _record$_this$id.join(',')
33
31
  }) : null;
34
32
  });
35
33
  _defineProperty(this, "renderPc", function (value, record) {
@@ -39,6 +37,13 @@ var BasicMultSelect = /*#__PURE__*/_createClass(function BasicMultSelect(options
39
37
  }
40
38
  return /*#__PURE__*/React.createElement("span", null, record === null || record === void 0 ? void 0 : (_record = record["".concat(_this.id, "_basicMultSelect")]) === null || _record === void 0 ? void 0 : _record.join(','));
41
39
  });
40
+ _defineProperty(this, "renderLog", function (r) {
41
+ if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_basicMultSelect")])) return null;
42
+ return _this.renderPc(undefined, r);
43
+ });
44
+ _defineProperty(this, "getComponentValue", function (r) {
45
+ return r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_basicMultSelect")];
46
+ });
42
47
  _defineProperty(this, "renderExport", function (value, record) {
43
48
  var _record2;
44
49
  if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_basicMultSelect")]) === undefined) {
@@ -61,6 +66,7 @@ var BasicMultSelect = /*#__PURE__*/_createClass(function BasicMultSelect(options
61
66
  _defineProperty(this, "filterConfig", function (item) {
62
67
  var _item$config;
63
68
  return {
69
+ type: item.type,
64
70
  id: item.id,
65
71
  // 过滤组件id
66
72
  name: item.name,
@@ -12,12 +12,14 @@ declare class OrdinaryHeader implements ComponentInterface {
12
12
  isCombinationComponent: boolean;
13
13
  children: ComponentInterface[];
14
14
  constructor(options: PickOption);
15
- render: (value: string) => JSX.Element;
16
15
  renderClient: (record: any) => JSX.Element | null;
17
- renderPc: (value: any) => any;
16
+ renderPc: (value: unknown, r: Record) => any;
17
+ renderLog: (r: Record) => any;
18
+ getComponentValue: (r: Record) => any;
18
19
  renderExport: (value: any) => any;
19
20
  editRender: () => JSX.Element;
20
21
  filterConfig: (item: ColumnConfig) => {
22
+ type: string;
21
23
  id: string;
22
24
  name: string;
23
25
  filterComponentType: "Input";
@@ -24,18 +24,23 @@ var OrdinaryHeader = /*#__PURE__*/_createClass(function OrdinaryHeader(options)
24
24
  _defineProperty(this, "width", void 0);
25
25
  _defineProperty(this, "isCombinationComponent", void 0);
26
26
  _defineProperty(this, "children", void 0);
27
- _defineProperty(this, "render", function (value) {
28
- return /*#__PURE__*/React.createElement("span", null, value);
29
- });
30
27
  _defineProperty(this, "renderClient", function (record) {
31
28
  return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
32
29
  id: _this.id,
33
30
  label: _this.name,
34
- value: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
31
+ value: record === null || record === void 0 ? void 0 : record[_this.id]
35
32
  }) : null;
36
33
  });
37
- _defineProperty(this, "renderPc", function (value) {
38
- return value !== null && value !== void 0 ? value : '--';
34
+ _defineProperty(this, "renderPc", function (value, r) {
35
+ var _r;
36
+ return (_r = r === null || r === void 0 ? void 0 : r["".concat(_this.id)]) !== null && _r !== void 0 ? _r : '--';
37
+ });
38
+ _defineProperty(this, "renderLog", function (r) {
39
+ if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
40
+ return _this.renderPc(undefined, r);
41
+ });
42
+ _defineProperty(this, "getComponentValue", function (r) {
43
+ return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
39
44
  });
40
45
  _defineProperty(this, "renderExport", function (value) {
41
46
  return value !== null && value !== void 0 ? value : '--';
@@ -58,6 +63,7 @@ var OrdinaryHeader = /*#__PURE__*/_createClass(function OrdinaryHeader(options)
58
63
  });
59
64
  _defineProperty(this, "filterConfig", function (item) {
60
65
  return {
66
+ type: item.type,
61
67
  id: "".concat(item.id, "_ordinaryMoney"),
62
68
  name: "".concat(item.name, "-\u5F00\u7968\u91D1\u989D"),
63
69
  filterComponentType: 'Input',
@@ -12,12 +12,14 @@ declare class OrdinaryMoney implements ComponentInterface {
12
12
  isCombinationComponent: boolean;
13
13
  children: ComponentInterface[];
14
14
  constructor(options: PickOption);
15
- render: (value: string) => JSX.Element;
16
- renderPc: (value: any) => any;
15
+ renderPc: (value: unknown, r: Record) => any;
16
+ renderLog: (r: Record) => any;
17
+ getComponentValue: (r: Record) => any;
17
18
  renderExport: (value: any) => any;
18
19
  renderClient: (record: any) => JSX.Element | null;
19
20
  editRender: () => JSX.Element;
20
21
  filterConfig: (item: ColumnConfig) => {
22
+ type: string;
21
23
  id: string;
22
24
  name: string;
23
25
  filterComponentType: "Input";
@@ -23,11 +23,16 @@ var OrdinaryMoney = /*#__PURE__*/_createClass(function OrdinaryMoney(options) {
23
23
  _defineProperty(this, "width", void 0);
24
24
  _defineProperty(this, "isCombinationComponent", void 0);
25
25
  _defineProperty(this, "children", void 0);
26
- _defineProperty(this, "render", function (value) {
27
- return /*#__PURE__*/React.createElement("span", null, value);
26
+ _defineProperty(this, "renderPc", function (value, r) {
27
+ var _r;
28
+ return (_r = r === null || r === void 0 ? void 0 : r["".concat(_this.id)]) !== null && _r !== void 0 ? _r : '--';
28
29
  });
29
- _defineProperty(this, "renderPc", function (value) {
30
- return value !== null && value !== void 0 ? value : '--';
30
+ _defineProperty(this, "renderLog", function (r) {
31
+ if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
32
+ return _this.renderPc(undefined, r);
33
+ });
34
+ _defineProperty(this, "getComponentValue", function (r) {
35
+ return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
31
36
  });
32
37
  _defineProperty(this, "renderExport", function (value) {
33
38
  return value !== null && value !== void 0 ? value : '--';
@@ -36,7 +41,7 @@ var OrdinaryMoney = /*#__PURE__*/_createClass(function OrdinaryMoney(options) {
36
41
  return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
37
42
  id: _this.id,
38
43
  label: _this.name,
39
- value: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
44
+ value: record === null || record === void 0 ? void 0 : record[_this.id]
40
45
  }) : null;
41
46
  });
42
47
  _defineProperty(this, "editRender", function () {
@@ -51,6 +56,7 @@ var OrdinaryMoney = /*#__PURE__*/_createClass(function OrdinaryMoney(options) {
51
56
  });
52
57
  _defineProperty(this, "filterConfig", function (item) {
53
58
  return {
59
+ type: item.type,
54
60
  id: "".concat(item.id, "_ordinaryTaitou"),
55
61
  name: "".concat(item.name, "-\u53D1\u7968\u62AC\u5934"),
56
62
  filterComponentType: 'Input',
@@ -17,12 +17,14 @@ declare class OrdinarySerial implements ComponentInterface {
17
17
  isCombinationComponent: boolean;
18
18
  children: ComponentInterface[];
19
19
  constructor(options: PickOption);
20
- render: (value: string) => JSX.Element;
21
20
  renderClient: (record: any) => JSX.Element | null;
22
- renderPc: (value: any) => any;
21
+ renderPc: (value: unknown, r: Record) => any;
22
+ renderLog: (r: Record) => any;
23
+ getComponentValue: (r: Record) => any;
23
24
  renderExport: (value: any) => any;
24
25
  editRender: () => JSX.Element;
25
26
  filterConfig: (item: ColumnConfig) => {
27
+ type: string;
26
28
  id: string;
27
29
  name: string;
28
30
  filterComponentType: "Input";
@@ -28,18 +28,23 @@ var OrdinarySerial = /*#__PURE__*/_createClass(function OrdinarySerial(options)
28
28
  _defineProperty(this, "width", void 0);
29
29
  _defineProperty(this, "isCombinationComponent", void 0);
30
30
  _defineProperty(this, "children", void 0);
31
- _defineProperty(this, "render", function (value) {
32
- return /*#__PURE__*/React.createElement("span", null, value);
33
- });
34
31
  _defineProperty(this, "renderClient", function (record) {
35
32
  return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
36
33
  id: _this.id,
37
34
  label: _this.name,
38
- value: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
35
+ value: record === null || record === void 0 ? void 0 : record[_this.id]
39
36
  }) : null;
40
37
  });
41
- _defineProperty(this, "renderPc", function (value) {
42
- return value !== null && value !== void 0 ? value : '--';
38
+ _defineProperty(this, "renderPc", function (value, r) {
39
+ var _r;
40
+ return (_r = r === null || r === void 0 ? void 0 : r["".concat(_this.id)]) !== null && _r !== void 0 ? _r : '--';
41
+ });
42
+ _defineProperty(this, "renderLog", function (r) {
43
+ if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
44
+ return _this.renderPc(undefined, r);
45
+ });
46
+ _defineProperty(this, "getComponentValue", function (r) {
47
+ return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
43
48
  });
44
49
  _defineProperty(this, "renderExport", function (value) {
45
50
  return value !== null && value !== void 0 ? value : '--';
@@ -56,6 +61,7 @@ var OrdinarySerial = /*#__PURE__*/_createClass(function OrdinarySerial(options)
56
61
  });
57
62
  _defineProperty(this, "filterConfig", function (item) {
58
63
  return {
64
+ type: item.type,
59
65
  id: "".concat(item.id, "_ordinarySerial"),
60
66
  name: "".concat(item.name, "-\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7"),
61
67
  filterComponentType: 'Input',
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { ComponentInterface, PickOption, DataType, ColumnConfig } from '../../type';
2
+ import { ComponentInterface, PickOption, DataType, Record, ColumnConfig } from '../../type';
3
3
  import OrdinaryHeader from './OrdinaryHeader';
4
4
  import OrdinaryMoney from './OrdinaryMoney';
5
5
  import OrdinarySerial from './OrdinarySerial';
@@ -20,16 +20,22 @@ declare class Ordinary implements ComponentInterface {
20
20
  isCombinationComponent: boolean;
21
21
  children: ComponentInterface[];
22
22
  constructor(options: PickOption);
23
- render: () => null;
24
- editRender: (value: any) => JSX.Element;
23
+ editRender: () => JSX.Element;
25
24
  renderPc: () => null;
25
+ renderLog: (r: Record) => JSX.Element;
26
+ getComponentValue: (r: Record) => {
27
+ ordinaryMoney: any;
28
+ ordinarySerial: any;
29
+ ordinaryTaitou: any;
30
+ };
26
31
  renderExport: () => null;
27
32
  renderClient: (record: any) => JSX.Element;
28
33
  filterConfig: (item: ColumnConfig) => {
34
+ type: string;
29
35
  id: string;
30
36
  name: string;
31
37
  filterComponentType: "Input";
32
- filterFn: (value: string) => (i: import("../../type").Record) => boolean;
38
+ filterFn: (value: string) => (i: Record) => boolean;
33
39
  }[];
34
40
  }
35
41
  export default Ordinary;
@@ -32,10 +32,7 @@ var Ordinary = /*#__PURE__*/_createClass(function Ordinary(options) {
32
32
  _defineProperty(this, "ordinarySerial", void 0);
33
33
  _defineProperty(this, "isCombinationComponent", void 0);
34
34
  _defineProperty(this, "children", void 0);
35
- _defineProperty(this, "render", function () {
36
- return null;
37
- });
38
- _defineProperty(this, "editRender", function (value) {
35
+ _defineProperty(this, "editRender", function () {
39
36
  var _this$componentConfig, _this$componentConfig2;
40
37
  return /*#__PURE__*/React.createElement(GetFormItem, {
41
38
  title: _this.name,
@@ -48,11 +45,21 @@ var Ordinary = /*#__PURE__*/_createClass(function Ordinary(options) {
48
45
  _defineProperty(this, "renderPc", function () {
49
46
  return null;
50
47
  });
48
+ _defineProperty(this, "renderLog", function (r) {
49
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, _this.ordinaryHeader.name, ": ", _this.ordinaryHeader.renderLog(r)), /*#__PURE__*/React.createElement("div", null, _this.ordinaryMoney.name, ": ", _this.ordinaryMoney.renderLog(r)), /*#__PURE__*/React.createElement("div", null, _this.ordinarySerial.name, ": ", _this.ordinarySerial.renderLog(r)));
50
+ });
51
+ _defineProperty(this, "getComponentValue", function (r) {
52
+ return {
53
+ ordinaryMoney: _this.ordinaryMoney.getComponentValue(r),
54
+ ordinarySerial: _this.ordinarySerial.getComponentValue(r),
55
+ ordinaryTaitou: _this.ordinaryHeader.getComponentValue(r)
56
+ };
57
+ });
51
58
  _defineProperty(this, "renderExport", function () {
52
59
  return null;
53
60
  });
54
61
  _defineProperty(this, "renderClient", function (record) {
55
- return /*#__PURE__*/React.createElement(React.Fragment, null, _this.ordinaryMoney.renderClient(record), _this.ordinaryHeader.renderClient(record), _this.ordinarySerial.renderClient(record));
62
+ return /*#__PURE__*/React.createElement(React.Fragment, null, _this.ordinaryHeader.renderClient(record), _this.ordinaryMoney.renderClient(record), _this.ordinarySerial.renderClient(record));
56
63
  });
57
64
  _defineProperty(this, "filterConfig", function (item) {
58
65
  return [_this.ordinaryMoney.filterConfig(_objectSpread({}, item)), _this.ordinaryHeader.filterConfig(_objectSpread({}, item)), _this.ordinarySerial.filterConfig(_objectSpread({}, item))];
@@ -12,12 +12,14 @@ declare class PaymentTid implements ComponentInterface {
12
12
  isCombinationComponent: boolean;
13
13
  children: ComponentInterface[];
14
14
  constructor(options: PickOption);
15
- render: (value: any, record?: Record) => JSX.Element;
16
15
  renderClient: (record: any) => JSX.Element | null;
17
- renderPc: (value: any, record: Record) => JSX.Element;
16
+ renderPc: (value: unknown, record: Record) => JSX.Element;
17
+ renderLog: (r: Record) => JSX.Element | null;
18
+ getComponentValue: (r: Record) => any;
18
19
  renderExport: (value: any, record: Record) => any;
19
20
  editRender: () => JSX.Element;
20
21
  filterConfig: (item: ColumnConfig) => {
22
+ type: string;
21
23
  id: string;
22
24
  name: string;
23
25
  filterComponentType: "Input";
@@ -23,9 +23,6 @@ var PaymentTid = /*#__PURE__*/_createClass(function PaymentTid(options) {
23
23
  _defineProperty(this, "width", void 0);
24
24
  _defineProperty(this, "isCombinationComponent", void 0);
25
25
  _defineProperty(this, "children", void 0);
26
- _defineProperty(this, "render", function (value, record) {
27
- return /*#__PURE__*/React.createElement("span", null, value);
28
- });
29
26
  _defineProperty(this, "renderClient", function (record) {
30
27
  return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
31
28
  id: _this.id,
@@ -34,7 +31,7 @@ var PaymentTid = /*#__PURE__*/_createClass(function PaymentTid(options) {
34
31
  }) : null;
35
32
  });
36
33
  _defineProperty(this, "renderPc", function (value, record) {
37
- if (value === undefined) {
34
+ if ((record === null || record === void 0 ? void 0 : record[_this.id]) === undefined) {
38
35
  return /*#__PURE__*/React.createElement("span", null, "--");
39
36
  }
40
37
  return /*#__PURE__*/React.createElement("span", {
@@ -43,10 +40,18 @@ var PaymentTid = /*#__PURE__*/_createClass(function PaymentTid(options) {
43
40
  var _this$effects, _this$effects2;
44
41
  typeof (_this === null || _this === void 0 ? void 0 : (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.queryWorkOrderDetail) === 'function' && (_this === null || _this === void 0 ? void 0 : (_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : _this$effects2.queryWorkOrderDetail(record));
45
42
  }
46
- }, value);
43
+ }, record === null || record === void 0 ? void 0 : record[_this.id]);
44
+ });
45
+ _defineProperty(this, "renderLog", function (r) {
46
+ if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
47
+ return _this.renderPc(undefined, r);
48
+ });
49
+ _defineProperty(this, "getComponentValue", function (r) {
50
+ return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
47
51
  });
48
52
  _defineProperty(this, "renderExport", function (value, record) {
49
- return value !== null && value !== void 0 ? value : '--';
53
+ var _record$_this$id;
54
+ return (_record$_this$id = record === null || record === void 0 ? void 0 : record[_this.id]) !== null && _record$_this$id !== void 0 ? _record$_this$id : '--';
50
55
  });
51
56
  _defineProperty(this, "editRender", function () {
52
57
  var _this$componentConfig, _this$componentConfig2;
@@ -60,6 +65,7 @@ var PaymentTid = /*#__PURE__*/_createClass(function PaymentTid(options) {
60
65
  });
61
66
  _defineProperty(this, "filterConfig", function (item) {
62
67
  return {
68
+ type: item.type,
63
69
  id: "".concat(item.id, "_enterprisePaymentAlipayNick"),
64
70
  name: "".concat(item.name, "-\u652F\u4ED8\u5B9D\u59D3\u540D"),
65
71
  filterComponentType: 'Input',
@@ -74,6 +80,7 @@ var PaymentTid = /*#__PURE__*/_createClass(function PaymentTid(options) {
74
80
  this.id = "".concat(options.id, "_enterprisePaymentAlipayNick");
75
81
  this.type = options.type;
76
82
  this.componentConfig = options.componentConfig;
83
+ this.effects = options.effects;
77
84
  this.rules = [];
78
85
  this.align = 'left';
79
86
  this.width = 200;
@@ -12,12 +12,14 @@ declare class AlipayNo implements ComponentInterface {
12
12
  isCombinationComponent: boolean;
13
13
  children: ComponentInterface[];
14
14
  constructor(options: PickOption);
15
- render: (value: string) => JSX.Element;
16
15
  renderClient: (record: any) => JSX.Element | null;
17
- renderPc: (value: any, record: any) => JSX.Element;
16
+ renderPc: (value: unknown, record: any) => JSX.Element;
17
+ renderLog: (r: Record) => JSX.Element | null;
18
+ getComponentValue: (r: Record) => any;
18
19
  renderExport: (value: any, record: Record) => any;
19
20
  editRender: () => JSX.Element;
20
21
  filterConfig: (item: ColumnConfig) => {
22
+ type: string;
21
23
  id: string;
22
24
  name: string;
23
25
  filterComponentType: "Input";
@@ -23,9 +23,6 @@ var AlipayNo = /*#__PURE__*/_createClass(function AlipayNo(options) {
23
23
  _defineProperty(this, "width", void 0);
24
24
  _defineProperty(this, "isCombinationComponent", void 0);
25
25
  _defineProperty(this, "children", void 0);
26
- _defineProperty(this, "render", function (value) {
27
- return /*#__PURE__*/React.createElement("span", null, value);
28
- });
29
26
  _defineProperty(this, "renderClient", function (record) {
30
27
  return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
31
28
  id: _this.id,
@@ -34,7 +31,7 @@ var AlipayNo = /*#__PURE__*/_createClass(function AlipayNo(options) {
34
31
  }) : null;
35
32
  });
36
33
  _defineProperty(this, "renderPc", function (value, record) {
37
- if (value === undefined) {
34
+ if ((record === null || record === void 0 ? void 0 : record[_this.id]) === undefined) {
38
35
  return /*#__PURE__*/React.createElement("span", null, "--");
39
36
  }
40
37
  return /*#__PURE__*/React.createElement("span", {
@@ -43,10 +40,18 @@ var AlipayNo = /*#__PURE__*/_createClass(function AlipayNo(options) {
43
40
  var _this$effects, _this$effects2;
44
41
  typeof (_this === null || _this === void 0 ? void 0 : (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.queryWorkOrderDetail) === 'function' && (_this === null || _this === void 0 ? void 0 : (_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : _this$effects2.queryWorkOrderDetail(record));
45
42
  }
46
- }, value);
43
+ }, record === null || record === void 0 ? void 0 : record[_this.id]);
44
+ });
45
+ _defineProperty(this, "renderLog", function (r) {
46
+ if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
47
+ return _this.renderPc(undefined, r);
48
+ });
49
+ _defineProperty(this, "getComponentValue", function (r) {
50
+ return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
47
51
  });
48
52
  _defineProperty(this, "renderExport", function (value, record) {
49
- return value !== null && value !== void 0 ? value : '--';
53
+ var _record$_this$id;
54
+ return (_record$_this$id = record === null || record === void 0 ? void 0 : record[_this.id]) !== null && _record$_this$id !== void 0 ? _record$_this$id : '--';
50
55
  });
51
56
  _defineProperty(this, "editRender", function () {
52
57
  var _this$componentConfig, _this$componentConfig2;
@@ -60,6 +65,7 @@ var AlipayNo = /*#__PURE__*/_createClass(function AlipayNo(options) {
60
65
  });
61
66
  _defineProperty(this, "filterConfig", function (item) {
62
67
  return {
68
+ type: item.type,
63
69
  id: "".concat(item.id, "_enterprisePaymentAlipayNo"),
64
70
  name: "".concat(item.name, "-\u652F\u4ED8\u5B9D\u8D26\u53F7"),
65
71
  filterComponentType: 'Input',
@@ -80,7 +86,7 @@ var AlipayNo = /*#__PURE__*/_createClass(function AlipayNo(options) {
80
86
  this.children = [];
81
87
  this.rules = [{
82
88
  validator: function validator(_, value) {
83
- if (/^(?:1[3-9]\d{9}|[a-zA-Z\d._-]*\@[a-zA-Z\d.-]{1,10}\.[a-zA-Z\d]{1,20})$/.test(value)) {
89
+ if (/^(?:1[3-9]\d{9}|[a-zA-Z\d._-]*@[a-zA-Z\d.-]{1,10}\.[a-zA-Z\d]{1,20})$/.test(value)) {
84
90
  return Promise.resolve();
85
91
  }
86
92
  return Promise.reject(new Error('请输入有效的邮箱或者手机号'));
@@ -11,16 +11,18 @@ declare class AlipayTime implements ComponentInterface {
11
11
  isCombinationComponent: boolean;
12
12
  children: ComponentInterface[];
13
13
  constructor(options: PickOption);
14
- render: (value: string) => JSX.Element;
15
14
  renderClient: (record: Record) => JSX.Element | null;
16
- renderPc: (value: any, record: Record) => JSX.Element;
15
+ renderPc: (value: unknown, record: Record) => JSX.Element;
16
+ renderLog: (r: Record) => JSX.Element | null;
17
+ getComponentValue: (r: Record) => any;
17
18
  renderExport: (value: string) => string | null;
18
19
  editRender: () => JSX.Element;
19
20
  filterConfig: (item: ColumnConfig) => {
21
+ type: string;
20
22
  id: string;
21
23
  name: string;
22
24
  filterComponentType: "Input";
23
- filterFn: (value: string[]) => (i: Record) => any;
25
+ filterFn: (value: string[]) => (i: Record) => boolean;
24
26
  };
25
27
  }
26
28
  export default AlipayTime;
@@ -23,25 +23,27 @@ var AlipayTime = /*#__PURE__*/_createClass(function AlipayTime(options) {
23
23
  _defineProperty(this, "width", void 0);
24
24
  _defineProperty(this, "isCombinationComponent", void 0);
25
25
  _defineProperty(this, "children", void 0);
26
- _defineProperty(this, "render", function (value) {
27
- return /*#__PURE__*/React.createElement("span", {
28
- className: "pointer"
29
- }, value ? moment(+value).format('YYYY-MM-DD HH:mm:ss') : '--');
30
- });
31
26
  _defineProperty(this, "renderClient", function (record) {
32
27
  return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
33
28
  id: _this.id,
34
29
  label: _this.name,
35
- value: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
30
+ value: record !== null && record !== void 0 && record[_this.id] ? moment(+(record === null || record === void 0 ? void 0 : record[_this.id])).format('YYYY-MM-DD HH:mm:ss') : '--'
36
31
  }) : null;
37
32
  });
38
33
  _defineProperty(this, "renderPc", function (value, record) {
39
- if (value === undefined) {
34
+ if ((record === null || record === void 0 ? void 0 : record[_this.id]) === undefined) {
40
35
  return /*#__PURE__*/React.createElement("span", null, "--");
41
36
  }
42
37
  return /*#__PURE__*/React.createElement("span", {
43
38
  className: "pointer"
44
- }, value ? moment(+value).format('YYYY-MM-DD HH:mm:ss') : '--');
39
+ }, record !== null && record !== void 0 && record[_this.id] ? moment(+(record === null || record === void 0 ? void 0 : record[_this.id])).format('YYYY-MM-DD HH:mm:ss') : '--');
40
+ });
41
+ _defineProperty(this, "renderLog", function (r) {
42
+ if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id)])) return null;
43
+ return _this.renderPc(undefined, r);
44
+ });
45
+ _defineProperty(this, "getComponentValue", function (r) {
46
+ return r === null || r === void 0 ? void 0 : r["".concat(_this.id)];
45
47
  });
46
48
  _defineProperty(this, "renderExport", function (value) {
47
49
  return value ? moment(+value).format('YYYY-MM-DD HH:mm:ss') : null;
@@ -58,6 +60,7 @@ var AlipayTime = /*#__PURE__*/_createClass(function AlipayTime(options) {
58
60
  });
59
61
  _defineProperty(this, "filterConfig", function (item) {
60
62
  return {
63
+ type: item.type,
61
64
  id: "".concat(item.id, "_enterprisePaymentTime"),
62
65
  name: "".concat(item.name, "-\u6253\u6B3E\u65F6\u95F4"),
63
66
  filterComponentType: 'Input',