kts-components-document-access-point 1.4.2 → 1.4.5

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 (123) hide show
  1. package/.editorconfig +16 -16
  2. package/.fatherrc.ts +4 -4
  3. package/.prettierignore +7 -7
  4. package/.prettierrc +11 -11
  5. package/.umirc.ts +11 -11
  6. package/README.md +3 -3
  7. package/dist/index.esm.js +28 -8
  8. package/dist/index.js +28 -8
  9. package/docs/index.md +3 -3
  10. package/index.html +12 -12
  11. package/package.json +56 -56
  12. package/src/DocumentWhiteList/___demo___/base/index.tsx +7 -7
  13. package/src/DocumentWhiteList/___demo___/setService/index.tsx +23 -23
  14. package/src/DocumentWhiteList/control/actions/addblack/index.ts +14 -14
  15. package/src/DocumentWhiteList/control/actions/addwhite/index.ts +14 -14
  16. package/src/DocumentWhiteList/control/actions/blacklist/index.ts +22 -22
  17. package/src/DocumentWhiteList/control/actions/checkclient/index.ts +14 -14
  18. package/src/DocumentWhiteList/control/actions/demo/index.ts +4 -4
  19. package/src/DocumentWhiteList/control/actions/didilist/index.ts +18 -18
  20. package/src/DocumentWhiteList/control/actions/enableblacklist/index.ts +17 -17
  21. package/src/DocumentWhiteList/control/actions/enablelist/index.ts +18 -18
  22. package/src/DocumentWhiteList/control/actions/enablewhitelist/index.ts +17 -17
  23. package/src/DocumentWhiteList/control/actions/getmode/index.ts +14 -14
  24. package/src/DocumentWhiteList/control/actions/setmode/index.ts +14 -14
  25. package/src/DocumentWhiteList/control/actions/synclist/index.ts +19 -19
  26. package/src/DocumentWhiteList/control/actions/whitelist/index.ts +22 -22
  27. package/src/DocumentWhiteList/control/index.tsx +42 -42
  28. package/src/DocumentWhiteList/control/state/index.ts +47 -47
  29. package/src/DocumentWhiteList/index.md +5 -5
  30. package/src/DocumentWhiteList/index.tsx +40 -40
  31. package/src/DocumentWhiteList/interface/index.ts +30 -30
  32. package/src/DocumentWhiteList/ui/clientmodal/index.tsx +190 -190
  33. package/src/DocumentWhiteList/ui/main/black.tsx +132 -132
  34. package/src/DocumentWhiteList/ui/main/index.tsx +49 -49
  35. package/src/DocumentWhiteList/ui/main/switchmode.tsx +52 -52
  36. package/src/DocumentWhiteList/ui/main/white.tsx +120 -120
  37. package/src/DocumentWhiteList/ui/pageheader/BlackHeader.tsx +143 -143
  38. package/src/DocumentWhiteList/ui/pageheader/WhiteHeader.tsx +152 -152
  39. package/src/DocumentWhiteList/ui/pageui/index.tsx +64 -64
  40. package/src/DocumentWhiteList/ui/whitemodal/index.tsx +146 -146
  41. package/src/DocumentWhiteList/util/ConfigEnum.ts +8 -8
  42. package/src/DocumentsCont/___demo___/base/index.tsx +7 -7
  43. package/src/DocumentsCont/___demo___/setService/index.tsx +25 -25
  44. package/src/DocumentsCont/index.md +9 -9
  45. package/src/DocumentsCont/index.tsx +54 -51
  46. package/src/DocumentsDemo/Controller/index.tsx +14 -14
  47. package/src/DocumentsDemo/Controller/whitelist.ts +22 -22
  48. package/src/DocumentsDemo/Text.tsx +22 -22
  49. package/src/DocumentsDemo/___demo___/base/index.tsx +7 -7
  50. package/src/DocumentsDemo/index.md +6 -6
  51. package/src/DocumentsDemo/index.tsx +38 -38
  52. package/src/DocumentsEdit/DocumentsEditController/DocumentsEditControllerState/IProperties/index.ts +69 -69
  53. package/src/DocumentsEdit/DocumentsEditController/DocumentsEditControllerState/IRules/index.ts +18 -18
  54. package/src/DocumentsEdit/DocumentsEditController/DocumentsEditControllerState/ISchema/index.ts +14 -14
  55. package/src/DocumentsEdit/DocumentsEditController/DocumentsEditControllerState/PropertyTableState/index.ts +12 -12
  56. package/src/DocumentsEdit/DocumentsEditController/DocumentsEditControllerState/RuleState/index.ts +336 -336
  57. package/src/DocumentsEdit/DocumentsEditController/DocumentsEditControllerState/index.ts +51 -51
  58. package/src/DocumentsEdit/DocumentsEditController/actions/addProperties/index.ts +37 -37
  59. package/src/DocumentsEdit/DocumentsEditController/actions/delProperties/index.ts +48 -48
  60. package/src/DocumentsEdit/DocumentsEditController/actions/editProperties/index.ts +93 -79
  61. package/src/DocumentsEdit/DocumentsEditController/index.tsx +21 -21
  62. package/src/DocumentsEdit/___demo___/conventional/index.tsx +10 -10
  63. package/src/DocumentsEdit/___demo___/monitor/index.tsx +1421 -1421
  64. package/src/DocumentsEdit/___demo___/readOnly/index.tsx +16 -16
  65. package/src/DocumentsEdit/constant/propertyColumns/index.tsx +65 -65
  66. package/src/DocumentsEdit/index.less +45 -45
  67. package/src/DocumentsEdit/index.md +10 -10
  68. package/src/DocumentsEdit/index.tsx +117 -117
  69. package/src/DocumentsEdit/tools/index.ts +88 -88
  70. package/src/DocumentsEdit/ui/AddPropertyButton/index.tsx +238 -238
  71. package/src/DocumentsEdit/ui/Breadcrumb/index.tsx +51 -51
  72. package/src/DocumentsEdit/ui/EditProperty/index.tsx +290 -290
  73. package/src/DocumentsEdit/ui/EditRule/index.tsx +156 -156
  74. package/src/DocumentsEdit/ui/EditRule/ui/AddRuleButton/index.tsx +49 -49
  75. package/src/DocumentsEdit/ui/EditRule/ui/DelRuleButton/index.tsx +31 -31
  76. package/src/DocumentsEdit/ui/EditRule/ui/RuleForm/fn/algorithmFormComponent/index.tsx +142 -142
  77. package/src/DocumentsEdit/ui/EditRule/ui/RuleForm/index.tsx +154 -154
  78. package/src/DocumentsEdit/ui/PropertyTable/hooks/useTableProps/index.less +4 -4
  79. package/src/DocumentsEdit/ui/PropertyTable/hooks/useTableProps/index.tsx +70 -70
  80. package/src/DocumentsEdit/ui/PropertyTable/hooks/useTableProps/ui/AddChildPropertyButton/index.tsx +34 -34
  81. package/src/DocumentsEdit/ui/PropertyTable/hooks/useTableProps/ui/AddRuleButton/index.tsx +64 -64
  82. package/src/DocumentsEdit/ui/PropertyTable/hooks/useTableProps/ui/EditPropertyButton/index.tsx +31 -31
  83. package/src/DocumentsEdit/ui/PropertyTable/index.less +19 -19
  84. package/src/DocumentsEdit/ui/PropertyTable/index.tsx +18 -18
  85. package/src/DocumentsEdit/ui/RefPropertyButton/index.tsx +121 -121
  86. package/src/DocumentsList/DocumentsListController/DocumentsListControllerState/index.ts +55 -55
  87. package/src/DocumentsList/DocumentsListController/actions/demo/index.ts +4 -4
  88. package/src/DocumentsList/DocumentsListController/actions/typelist/index.ts +15 -15
  89. package/src/DocumentsList/DocumentsListController/index.tsx +16 -16
  90. package/src/DocumentsList/___demo___/list/index.tsx +4 -4
  91. package/src/DocumentsList/index.less +22 -22
  92. package/src/DocumentsList/index.md +3 -3
  93. package/src/DocumentsList/index.tsx +46 -46
  94. package/src/DocumentsList/ui/ModalComfirm/index.tsx +94 -92
  95. package/src/DocumentsList/ui/PageHeader/SendHeader.tsx +230 -230
  96. package/src/DocumentsList/ui/PageHeader/index.tsx +325 -325
  97. package/src/DocumentsList/ui/PageUI/index.tsx +65 -65
  98. package/src/DocumentsList/ui/RuleTable/index.tsx +163 -163
  99. package/src/DocumentsList/ui/sendlist/index.tsx +151 -151
  100. package/src/DocumentsList/util/ConfigEnum.ts +11 -11
  101. package/src/DocumentsRule/control/actions/batchsend/index.ts +13 -13
  102. package/src/DocumentsRule/control/actions/configsave/index.ts +14 -14
  103. package/src/DocumentsRule/control/actions/configupdate/index.ts +13 -13
  104. package/src/DocumentsRule/control/actions/getconfigbyid/index.ts +14 -14
  105. package/src/DocumentsRule/control/actions/getrecordbyid/index.ts +14 -14
  106. package/src/DocumentsRule/control/actions/gettemplate/index.ts +15 -15
  107. package/src/DocumentsRule/control/actions/listbysubjectid/index.ts +13 -13
  108. package/src/DocumentsRule/control/actions/typelist/index.ts +13 -13
  109. package/src/DocumentsRule/control/index.tsx +30 -30
  110. package/src/DocumentsRule/control/state/index.ts +42 -42
  111. package/src/DocumentsRule/index.md +1 -1
  112. package/src/DocumentsRule/index.tsx +25 -25
  113. package/src/DocumentsRule/interface/index.ts +28 -28
  114. package/src/DocumentsRule/ui/main/index.tsx +362 -362
  115. package/src/DocumentsService/index.ts +18 -18
  116. package/src/index.ts +9 -9
  117. package/tsconfig.json +29 -29
  118. package/typings.d.ts +3 -3
  119. package/docs-dist/404.html +0 -38
  120. package/docs-dist/index.html +0 -38
  121. package/docs-dist/static/icon.050945f2.svg +0 -1
  122. package/docs-dist/umi.css +0 -11
  123. package/docs-dist/umi.js +0 -1
@@ -1,31 +1,31 @@
1
- export interface IFilter {
2
- customerDidNote?: string;
3
- customerDid?: string;
4
- /**
5
- * 创建时间
6
- */
7
- createTime?: number;
8
- /**
9
- * 更新时间
10
- */
11
- updateAt?: number;
12
- dataStatus?: string;
13
- /**
14
- * 主键
15
- */
16
- subId?: number;
17
- /**
18
- * 名单性质
19
- */
20
- listNature?: string;
21
- pageNum?: number;
22
- pageSize?: number;
23
- }
24
- export interface IPageMeta {
25
- pageNum?: number;
26
- pageSize?: number;
27
- total?: number
28
- }
29
- export interface IParams extends IFilter, IPageMeta {
30
- type?: number | string;
1
+ export interface IFilter {
2
+ customerDidNote?: string;
3
+ customerDid?: string;
4
+ /**
5
+ * 创建时间
6
+ */
7
+ createTime?: number;
8
+ /**
9
+ * 更新时间
10
+ */
11
+ updateAt?: number;
12
+ dataStatus?: string;
13
+ /**
14
+ * 主键
15
+ */
16
+ subId?: number;
17
+ /**
18
+ * 名单性质
19
+ */
20
+ listNature?: string;
21
+ pageNum?: number;
22
+ pageSize?: number;
23
+ }
24
+ export interface IPageMeta {
25
+ pageNum?: number;
26
+ pageSize?: number;
27
+ total?: number
28
+ }
29
+ export interface IParams extends IFilter, IPageMeta {
30
+ type?: number | string;
31
31
  }
@@ -1,191 +1,191 @@
1
- import React, { useCallback, useState, useEffect, useMemo } from 'react';
2
- import { Button, Modal } from 'kts-components-antd-x4';
3
- import { Table, Pagination } from 'kts-xui';
4
- import { AdvancedSearch, KtsForm } from 'kts-components';
5
- import Main from '../..';
6
- import PageUI from '../pageui';
7
- import _ from 'lodash';
8
- //同步批量添加
9
- export default function modalcomfirm(props: any) {
10
- const controller = Main.useController();
11
- const clientInfo = controller.useMemo(s => s.clientInfo, [])
12
- const [params, setParams] = useState({});
13
- const whiteParams = controller.useMemo(s => s.whiteParams, [])
14
- const blackParams = controller.useMemo(s => s.params, [])
15
- const [pageMeta, setPage] = useState<{ pageSize: number, pageNum: number, total?: number }>({ pageNum: 1, pageSize: 10, total: 0, });
16
- const [selectedRowKeys, setKey] = useState([]);
17
- const [list, setList] = useState([]);
18
- const didlist = controller.useMemo((s) => s.didlist, []);
19
- const listNature = controller.useMemo((s) => s.listNature, []);
20
- useEffect(() => {
21
- (async () => {
22
- const res = await controller.synclist({ ...params, type: listNature, ...pageMeta })
23
- if (res.res) {
24
- res.res.items = res.res.items.map((item: any, index: number) => {
25
- return {
26
- ...item,
27
- index
28
- }
29
- })
30
- setList(res.res.items);
31
- }
32
- })();
33
- }, [params, pageMeta])
34
- useEffect(() => {
35
- controller.didList({}) as any;
36
- }, []);
37
- const onSearchFormSubmit = useCallback((value) => {
38
- value = {
39
- ...value,
40
- }
41
- setParams(value);
42
- }, []);
43
- const schema = useMemo(() => {
44
- const didEnum = didlist.map(item => {
45
- return { label: item.remarkName + ':' + item.participantId, value: item.participantId };
46
- })
47
- return {
48
- 'type': "object",
49
- properties: {
50
- customerDid: {
51
- type: "string",
52
- title: "DID",
53
- },
54
- customerName: {
55
- type: "string",
56
- title: "所属公司",
57
- },
58
- companyDid: {
59
- type: "string",
60
- title: "我司对应DID",
61
- enum: didEnum
62
- },
63
- customerDidNote: {
64
- type: "string",
65
- title: "DID备注名称",
66
- },
67
-
68
- }
69
- }
70
- }, [didlist])
71
- const onPageChange = (pageNum: any, pageSize: any) => {
72
- setPage({ pageNum, pageSize })
73
- }
74
- const columns = useMemo(() => [
75
- {
76
- title: 'DID',
77
- dataIndex: 'customerDid',
78
- render: (text: any, record: any) => {
79
- if (text) {
80
- return <div><div>{record.customerDidNote}</div>{text}</div>
81
- } else {
82
- return ''
83
- }
84
- }
85
- },
86
- {
87
- title: '所属公司',
88
- dataIndex: 'customerName',
89
- width: 200
90
- },
91
- {
92
- title: '我司对应DID',
93
- dataIndex: 'companyDid',
94
- render: (text: any, record: any) => {
95
- if (text) {
96
- return <div><div>{record.companyDidNote}</div>{text}</div>
97
- } else {
98
- return ''
99
- }
100
- }
101
- },
102
- ], []);
103
- const rowSelection = useMemo(() => {
104
- return {
105
- onChange: (selectedRowKeys: any, rows: any) => {
106
-
107
- rows = rows && rows.map((item: any) => {
108
- return {
109
- ...item,
110
- type: listNature
111
- }
112
- })
113
- setKey(rows)
114
- }
115
- }
116
- }, []);
117
- const handleCancel = useCallback(() => {
118
- controller.pipeline(async s => {
119
- s.clientModal = false;
120
- })()
121
- }, [])
122
- const onSubmit = useCallback(() => {
123
- (async () => {
124
- let res;
125
- if (listNature === '1') {
126
- res = await controller.addWhite(selectedRowKeys) as any;
127
- } else {
128
- res = await controller.addBlack(selectedRowKeys) as any;
129
- }
130
- if (res.res) {
131
-
132
- if (listNature === '1') {
133
- const data = {
134
- ...whiteParams,
135
- type: listNature
136
- }
137
- controller.getWhitelist(data);
138
- } else {
139
- const data = {
140
- ...blackParams,
141
- type: listNature
142
- }
143
- controller.getBlacklist(data);
144
- }
145
- }
146
- handleCancel();
147
- })()
148
- }, [selectedRowKeys]);
149
- return (
150
- <div>
151
- <Modal
152
- title={clientInfo.buttonName}
153
- visible={true}
154
- footer={null}
155
- onCancel={handleCancel}
156
- width={1000}
157
- >
158
- <div style={{ marginBottom: 24, display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
159
- <AdvancedSearch
160
- width={480}
161
- height={44}
162
- compact={true}
163
- defaultKey="customerDid"
164
- placeholder="输入DID"
165
- searchFormSubmit={onSearchFormSubmit}
166
- >
167
- <KtsForm
168
- labelCol={9}
169
- wrapperCol={15}
170
- labelAlign='left'
171
- compact={true}
172
- schema={schema}
173
- defaultValue={_.pick(params, ['customerDid', 'customerDidNote', 'companyDid', 'customerName'])}
174
- >
175
- </KtsForm>
176
- </AdvancedSearch>
177
- <div>
178
- <Button onClick={handleCancel} style={{ marginRight: 20 }}>取消</Button>
179
- <Button disabled={selectedRowKeys.length > 0 ? false : true} type="primary" onClick={onSubmit}>提交</Button>
180
- </div>
181
- </div>
182
- <p>{clientInfo.noticeMessage}</p>
183
- <Table rowSelection={rowSelection} columns={columns} rowKey="index" dataSource={list} pagination={false} />
184
- {/* {pageMeta && <PageUI data={pageMeta} onChange={onPageChange} />} */}
185
- {pageMeta && <Pagination onChange={onPageChange} style={{ padding: '16px 0', flex: 'none', background: 'white', textAlign: 'center' }} total={pageMeta.total} pageSize={pageMeta.pageSize} current={pageMeta.pageNum} showSizeChanger={true} />}
186
-
187
- </Modal>
188
- </div >
189
-
190
- );
1
+ import React, { useCallback, useState, useEffect, useMemo } from 'react';
2
+ import { Button, Modal } from 'kts-components-antd-x4';
3
+ import { Table, Pagination } from 'kts-xui';
4
+ import { AdvancedSearch, KtsForm } from 'kts-components';
5
+ import Main from '../..';
6
+ import PageUI from '../pageui';
7
+ import _ from 'lodash';
8
+ //同步批量添加
9
+ export default function modalcomfirm(props: any) {
10
+ const controller = Main.useController();
11
+ const clientInfo = controller.useMemo(s => s.clientInfo, [])
12
+ const [params, setParams] = useState({});
13
+ const whiteParams = controller.useMemo(s => s.whiteParams, [])
14
+ const blackParams = controller.useMemo(s => s.params, [])
15
+ const [pageMeta, setPage] = useState<{ pageSize: number, pageNum: number, total?: number }>({ pageNum: 1, pageSize: 10, total: 0, });
16
+ const [selectedRowKeys, setKey] = useState([]);
17
+ const [list, setList] = useState([]);
18
+ const didlist = controller.useMemo((s) => s.didlist, []);
19
+ const listNature = controller.useMemo((s) => s.listNature, []);
20
+ useEffect(() => {
21
+ (async () => {
22
+ const res = await controller.synclist({ ...params, type: listNature, ...pageMeta })
23
+ if (res.res) {
24
+ res.res.items = res.res.items.map((item: any, index: number) => {
25
+ return {
26
+ ...item,
27
+ index
28
+ }
29
+ })
30
+ setList(res.res.items);
31
+ }
32
+ })();
33
+ }, [params, pageMeta])
34
+ useEffect(() => {
35
+ controller.didList({}) as any;
36
+ }, []);
37
+ const onSearchFormSubmit = useCallback((value) => {
38
+ value = {
39
+ ...value,
40
+ }
41
+ setParams(value);
42
+ }, []);
43
+ const schema = useMemo(() => {
44
+ const didEnum = didlist.map(item => {
45
+ return { label: item.remarkName + ':' + item.participantId, value: item.participantId };
46
+ })
47
+ return {
48
+ 'type': "object",
49
+ properties: {
50
+ customerDid: {
51
+ type: "string",
52
+ title: "DID",
53
+ },
54
+ customerName: {
55
+ type: "string",
56
+ title: "所属公司",
57
+ },
58
+ companyDid: {
59
+ type: "string",
60
+ title: "我司对应DID",
61
+ enum: didEnum
62
+ },
63
+ customerDidNote: {
64
+ type: "string",
65
+ title: "DID备注名称",
66
+ },
67
+
68
+ }
69
+ }
70
+ }, [didlist])
71
+ const onPageChange = (pageNum: any, pageSize: any) => {
72
+ setPage({ pageNum, pageSize })
73
+ }
74
+ const columns = useMemo(() => [
75
+ {
76
+ title: 'DID',
77
+ dataIndex: 'customerDid',
78
+ render: (text: any, record: any) => {
79
+ if (text) {
80
+ return <div><div>{record.customerDidNote}</div>{text}</div>
81
+ } else {
82
+ return ''
83
+ }
84
+ }
85
+ },
86
+ {
87
+ title: '所属公司',
88
+ dataIndex: 'customerName',
89
+ width: 200
90
+ },
91
+ {
92
+ title: '我司对应DID',
93
+ dataIndex: 'companyDid',
94
+ render: (text: any, record: any) => {
95
+ if (text) {
96
+ return <div><div>{record.companyDidNote}</div>{text}</div>
97
+ } else {
98
+ return ''
99
+ }
100
+ }
101
+ },
102
+ ], []);
103
+ const rowSelection = useMemo(() => {
104
+ return {
105
+ onChange: (selectedRowKeys: any, rows: any) => {
106
+
107
+ rows = rows && rows.map((item: any) => {
108
+ return {
109
+ ...item,
110
+ type: listNature
111
+ }
112
+ })
113
+ setKey(rows)
114
+ }
115
+ }
116
+ }, []);
117
+ const handleCancel = useCallback(() => {
118
+ controller.pipeline(async s => {
119
+ s.clientModal = false;
120
+ })()
121
+ }, [])
122
+ const onSubmit = useCallback(() => {
123
+ (async () => {
124
+ let res;
125
+ if (listNature === '1') {
126
+ res = await controller.addWhite(selectedRowKeys) as any;
127
+ } else {
128
+ res = await controller.addBlack(selectedRowKeys) as any;
129
+ }
130
+ if (res.res) {
131
+
132
+ if (listNature === '1') {
133
+ const data = {
134
+ ...whiteParams,
135
+ type: listNature
136
+ }
137
+ controller.getWhitelist(data);
138
+ } else {
139
+ const data = {
140
+ ...blackParams,
141
+ type: listNature
142
+ }
143
+ controller.getBlacklist(data);
144
+ }
145
+ }
146
+ handleCancel();
147
+ })()
148
+ }, [selectedRowKeys]);
149
+ return (
150
+ <div>
151
+ <Modal
152
+ title={clientInfo.buttonName}
153
+ visible={true}
154
+ footer={null}
155
+ onCancel={handleCancel}
156
+ width={1000}
157
+ >
158
+ <div style={{ marginBottom: 24, display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
159
+ <AdvancedSearch
160
+ width={480}
161
+ height={44}
162
+ compact={true}
163
+ defaultKey="customerDid"
164
+ placeholder="输入DID"
165
+ searchFormSubmit={onSearchFormSubmit}
166
+ >
167
+ <KtsForm
168
+ labelCol={9}
169
+ wrapperCol={15}
170
+ labelAlign='left'
171
+ compact={true}
172
+ schema={schema}
173
+ defaultValue={_.pick(params, ['customerDid', 'customerDidNote', 'companyDid', 'customerName'])}
174
+ >
175
+ </KtsForm>
176
+ </AdvancedSearch>
177
+ <div>
178
+ <Button onClick={handleCancel} style={{ marginRight: 20 }}>取消</Button>
179
+ <Button disabled={selectedRowKeys.length > 0 ? false : true} type="primary" onClick={onSubmit}>提交</Button>
180
+ </div>
181
+ </div>
182
+ <p>{clientInfo.noticeMessage}</p>
183
+ <Table rowSelection={rowSelection} columns={columns} rowKey="index" dataSource={list} pagination={false} />
184
+ {/* {pageMeta && <PageUI data={pageMeta} onChange={onPageChange} />} */}
185
+ {pageMeta && <Pagination onChange={onPageChange} style={{ padding: '16px 0', flex: 'none', background: 'white', textAlign: 'center' }} total={pageMeta.total} pageSize={pageMeta.pageSize} current={pageMeta.pageNum} showSizeChanger={true} />}
186
+
187
+ </Modal>
188
+ </div >
189
+
190
+ );
191
191
  }