wargerm 0.1.25 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Modal/dialog.d.ts +19 -0
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/ModalForm/index.d.ts +9 -0
- package/dist/components/NumericInput/index.d.ts +1 -0
- package/dist/components/TabelCard/index.d.ts +3 -0
- package/dist/components/Table/index.d.ts +2 -1
- package/dist/components/WForm/index.d.ts +4 -2
- package/dist/index.css +1793 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.esm.css +1793 -0
- package/dist/index.esm.js +830 -63
- package/dist/index.js +835 -62
- package/package.json +6 -2
package/dist/index.esm.js
CHANGED
@@ -5,7 +5,7 @@ import _Dropdown from 'antd/es/dropdown';
|
|
5
5
|
import 'antd/es/menu/style';
|
6
6
|
import _Menu from 'antd/es/menu';
|
7
7
|
import React, { useState, useEffect, useMemo, useImperativeHandle, useRef } from 'react';
|
8
|
-
import { createFromIconfontCN, SearchOutlined, ReloadOutlined } from '@ant-design/icons';
|
8
|
+
import { createFromIconfontCN, SearchOutlined, ReloadOutlined, CloseCircleOutlined, PlusOutlined, EditOutlined, EyeOutlined, ExclamationCircleOutlined, DeleteOutlined } from '@ant-design/icons';
|
9
9
|
import 'antd/es/input/style';
|
10
10
|
import _Input from 'antd/es/input';
|
11
11
|
import 'antd/es/pagination/style';
|
@@ -39,36 +39,10 @@ import { Swiper, SwiperSlide } from 'swiper/react';
|
|
39
39
|
import SwiperCore, { Pagination, Navigation } from 'swiper';
|
40
40
|
import 'antd/es/breadcrumb/style';
|
41
41
|
import _Breadcrumb from 'antd/es/breadcrumb';
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
if (!css || typeof document === 'undefined') { return; }
|
48
|
-
|
49
|
-
var head = document.head || document.getElementsByTagName('head')[0];
|
50
|
-
var style = document.createElement('style');
|
51
|
-
style.type = 'text/css';
|
52
|
-
|
53
|
-
if (insertAt === 'top') {
|
54
|
-
if (head.firstChild) {
|
55
|
-
head.insertBefore(style, head.firstChild);
|
56
|
-
} else {
|
57
|
-
head.appendChild(style);
|
58
|
-
}
|
59
|
-
} else {
|
60
|
-
head.appendChild(style);
|
61
|
-
}
|
62
|
-
|
63
|
-
if (style.styleSheet) {
|
64
|
-
style.styleSheet.cssText = css;
|
65
|
-
} else {
|
66
|
-
style.appendChild(document.createTextNode(css));
|
67
|
-
}
|
68
|
-
}
|
69
|
-
|
70
|
-
var css_248z = "/* Color\n----------------------- */\n/* Border\n----------------------- */\n::-webkit-scrollbar {\n width: 6px;\n}\n::-webkit-scrollbar-track {\n background: hsla(0, 0%, 100%, 0.1);\n -webkit-box-shadow: inset006pxrgba(255, 0, 0, 0.3);\n}\n::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);\n}\n::-webkit-scrollbar-thumb:window-inactive {\n background: rgba(0, 0, 0, 0.2);\n}\n[data-prefers-color='dark'] .__dumi-default-previewer {\n background: linear-gradient(#1c274f 0%, #2f4262 100%);\n}\n[data-prefers-color='dark'] .ant-btn {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n border: 1px solid #41a9d4;\n width: 95px;\n height: 30px;\n font-size: 14px;\n font-family: Adobe Heiti Std R, Adobe Heiti Std R-R;\n font-weight: R;\n text-align: left;\n color: #3665ea;\n letter-spacing: 1px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='dark'] .ant-btn-primary,\n[data-prefers-color='dark'] .ant-btn-primary:hover,\n[data-prefers-color='dark'] .ant-btn-primary:focus {\n color: #fff;\n background: rgba(6, 15, 41, 0.7);\n border: 1px solid #41a9d4;\n}\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary {\n background: rgba(229, 145, 145, 0.7);\n color: #fff;\n border: none;\n}\n[data-prefers-color='dark'] .ant-btn-link {\n background: none;\n border: none;\n}\n[data-prefers-color='dark'] .ant-btn[disabled],\n[data-prefers-color='dark'] .ant-btn[disabled]:hover,\n[data-prefers-color='dark'] .ant-btn[disabled]:focus,\n[data-prefers-color='dark'] .ant-btn[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled],\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled]:hover,\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled]:focus,\n[data-prefers-color='dark'] .ant-btn-dangerous.ant-btn-primary[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='dark'] .ant-btn-link[disabled],\n[data-prefers-color='dark'] .ant-btn-link[disabled]:hover,\n[data-prefers-color='dark'] .ant-btn-link[disabled]:focus,\n[data-prefers-color='dark'] .ant-btn-link[disabled]:active {\n background: none;\n border: none;\n}\n[data-prefers-color='dark'] .ant-dropdown-trigger {\n width: 30px;\n height: 30px;\n}\n[data-prefers-color='dark'] .ant-dropdown-menu {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n}\n[data-prefers-color='dark'] .ant-dropdown-menu .ant-dropdown-menu-item {\n color: #3665ea;\n}\n[data-prefers-color='dark'] .ant-dropdown-menu-item:hover,\n[data-prefers-color='dark'] .ant-dropdown-menu-submenu-title:hover {\n background: rgba(40, 130, 254, 0.7);\n color: #fff;\n}\n[data-prefers-color='light'] .ant-btn {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n border: 1px solid #41a9d4;\n width: 95px;\n height: 30px;\n font-size: 14px;\n font-family: Adobe Heiti Std R, Adobe Heiti Std R-R;\n font-weight: R;\n text-align: left;\n color: #3665ea;\n letter-spacing: 1px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-prefers-color='light'] .ant-btn-primary {\n background: rgba(40, 130, 254, 0.7);\n border: 1px solid #41a9d4;\n color: #fff;\n}\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary {\n background: rgba(229, 145, 145, 0.7);\n color: #fff;\n border: none;\n}\n[data-prefers-color='light'] .ant-btn-link {\n background: none;\n border: none;\n}\n[data-prefers-color='light'] .ant-btn[disabled],\n[data-prefers-color='light'] .ant-btn[disabled]:hover,\n[data-prefers-color='light'] .ant-btn[disabled]:focus,\n[data-prefers-color='light'] .ant-btn[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled],\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled]:hover,\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled]:focus,\n[data-prefers-color='light'] .ant-btn-dangerous.ant-btn-primary[disabled]:active {\n background: rgba(79, 87, 96, 0.2);\n border: none;\n color: rgba(111, 125, 134);\n}\n[data-prefers-color='light'] .ant-btn-link[disabled],\n[data-prefers-color='light'] .ant-btn-link[disabled]:hover,\n[data-prefers-color='light'] .ant-btn-link[disabled]:focus,\n[data-prefers-color='light'] .ant-btn-link[disabled]:active {\n background: none;\n border: none;\n}\n[data-prefers-color='light'] .ant-dropdown-trigger {\n width: 30px;\n height: 30px;\n}\n[data-prefers-color='light'] .ant-dropdown-menu {\n background: linear-gradient(rgba(219, 230, 255, 0.7) 0%, rgba(239, 244, 249, 0.7) 100%);\n}\n[data-prefers-color='light'] .ant-dropdown-menu .ant-dropdown-menu-item {\n color: #3665ea;\n}\n[data-prefers-color='light'] .ant-dropdown-menu-item:hover,\n[data-prefers-color='light'] .ant-dropdown-menu-submenu-title:hover {\n background: rgba(40, 130, 254, 0.7);\n color: #fff;\n}\n[data-prefers-color='dark'] input {\n padding: 0;\n outline: none;\n border: none;\n}\n[data-prefers-color='dark'] input.ant-input {\n background-color: transparent;\n height: 28px;\n border: 1px solid #4383a4;\n color: #fff;\n padding-left: 10px;\n}\n[data-prefers-color='dark'] input.ant-input:focus,\n[data-prefers-color='dark'] input.ant-input-focused {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='dark'] input.ant-input:hover {\n border: 1px solid #4383a4;\n}\n.container {\n position: relative;\n}\n.container .theader .th {\n padding-left: 4px;\n display: flex;\n position: relative;\n border-radius: 4px;\n align-items: center;\n}\n.container .theader .th::before {\n background-color: #192547;\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-width: 30px 20px 4px 4px;\n border-style: solid;\n -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAtCAYAAADLEbkXAAADGklEQVRYhe3Ya0hTYRzH8d+OSmhejscLM29FZWaXFVSYd7AwlYJICiLQWtFAlFARIwhrTBASlpqJlxgEvQiKXlVv8m29KPJSppZYWzkVpzO347acJ/4x43BQGdG2N+f7cs+5fHjO2Z6do+jpnweAMADbAUQDCIZ3LQAYAWCXbJ0OYIsXR1gGQCcfV6tYPtiDONRWU1c1O2kuWXG7w7xhxCUmPqvWt+gBDAGYEw2NAmD6Xr/RTM9aqtbbX6FQ8JHh4c9LCvLaegesb4NOaRrS22rqGmZM388IghDi5WyAX1xMf/eqb0f2ydJhAA4ANtHw7LbkJNOMZU6wLy0dWecQIU6XK8NknorauTV1kKHLMTtpPuEtQNzPubmcpgr1PQAZAJJFQwKA4cKszK74mJiODY9hsxUD4AgS7O3lWKsluz1De6HcYNDqagGkiDZZAfChMCuzO47jOtfbXxCEUABBzL8CxLmczmTj6FiZQaurWQMzdCz7aHcsF9290TH+C4T65XQmGkfHzq2BcQMYPJ6d1RXLRff4HOLBKI2jY2c9mCTREH1V+wnDsazB5xAPJsE09vk0gDTJ78kfTFFudifHRj30OYRyORwpuvJL9wHsAqAUOwG8L8rN6YiOinzkcwjl4Pm0pouXWwHsBhArdhLmRF5uOxsZ8djnEGrJZtvbfEXTDGCPZ/lYzUmXqTg/rzUqIuKJzyGUzWo9fEdTeQvAPgARYifNTElBnt4vEGrBYsnXV1+rB3AAQKhoiKeZoXvHLxDKYp4qba+trwZwEMCm1c/VKpbWqH6/Qahpo7Gso76h0jMzfxdYtYpd9CuEMk98Pd95/YYGgIrWmNXP/Q6hfnwZr+i52agGsL93wMoEDEJ9+zSiedB4mzDpvQPWwEGoiY/DlQat7ir9TQ0oxIOhWUkNOGTF7d6MQN4j0mSINBkiTYZIkyHSZIg0GSJNhkiTIdJkiDSCLDNBQXzAAAxDD+NugszHKJUvAwWJSUh4QS+MCTJerW+5G5+c9JRhGL/NDJ2LzknnJoP0XTwnfh71cfS2kV6dj6tVLP8bs14HzBvq8vEAAAAASUVORK5CYII=') round;\n border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAtCAYAAADLEbkXAAADGklEQVRYhe3Ya0hTYRzH8d+OSmhejscLM29FZWaXFVSYd7AwlYJICiLQWtFAlFARIwhrTBASlpqJlxgEvQiKXlVv8m29KPJSppZYWzkVpzO347acJ/4x43BQGdG2N+f7cs+5fHjO2Z6do+jpnweAMADbAUQDCIZ3LQAYAWCXbJ0OYIsXR1gGQCcfV6tYPtiDONRWU1c1O2kuWXG7w7xhxCUmPqvWt+gBDAGYEw2NAmD6Xr/RTM9aqtbbX6FQ8JHh4c9LCvLaegesb4NOaRrS22rqGmZM388IghDi5WyAX1xMf/eqb0f2ydJhAA4ANtHw7LbkJNOMZU6wLy0dWecQIU6XK8NknorauTV1kKHLMTtpPuEtQNzPubmcpgr1PQAZAJJFQwKA4cKszK74mJiODY9hsxUD4AgS7O3lWKsluz1De6HcYNDqagGkiDZZAfChMCuzO47jOtfbXxCEUABBzL8CxLmczmTj6FiZQaurWQMzdCz7aHcsF9290TH+C4T65XQmGkfHzq2BcQMYPJ6d1RXLRff4HOLBKI2jY2c9mCTREH1V+wnDsazB5xAPJsE09vk0gDTJ78kfTFFudifHRj30OYRyORwpuvJL9wHsAqAUOwG8L8rN6YiOinzkcwjl4Pm0pouXWwHsBhArdhLmRF5uOxsZ8djnEGrJZtvbfEXTDGCPZ/lYzUmXqTg/rzUqIuKJzyGUzWo9fEdTeQvAPgARYifNTElBnt4vEGrBYsnXV1+rB3AAQKhoiKeZoXvHLxDKYp4qba+trwZwEMCm1c/VKpbWqH6/Qahpo7Gso76h0jMzfxdYtYpd9CuEMk98Pd95/YYGgIrWmNXP/Q6hfnwZr+i52agGsL93wMoEDEJ9+zSiedB4mzDpvQPWwEGoiY/DlQat7ir9TQ0oxIOhWUkNOGTF7d6MQN4j0mSINBkiTYZIkyHSZIg0GSJNhkiTIdJkiDSCLDNBQXzAAAxDD+NugszHKJUvAwWJSUh4QS+MCTJerW+5G5+c9JRhGL/NDJ2LzknnJoP0XTwnfh71cfS2kV6dj6tVLP8bs14HzBvq8vEAAAAASUVORK5CYII=') round;\n border-image-slice: 30 20 4 4;\n border-image-width: 30px 20px 4px 4px;\n border-image-repeat: stretch stretch;\n border-radius: 4px;\n}\n.container .theader .th .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n height: 32px;\n}\n.container .tbody {\n overflow: auto;\n padding-top: 5px;\n margin-top: 19px;\n}\n.container .tbody .tr {\n padding-left: 6px;\n width: 100%;\n height: 32px;\n display: flex;\n margin-bottom: 17px;\n position: relative;\n border-radius: 6px;\n}\n.container .tbody .tr::before {\n background-color: rgba(25, 37, 71, 0.43);\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-width: 30px 20px 4px 4px;\n border-style: solid;\n -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADKUlEQVRYhe3YX0hTURwH8K/b/DNzblMp828ac87prppKD0VERA+FD5JhpUxZVFD0h0gUgl4CKVMCoShaD2YEPfUiRIQKmZaY23VuiLL50B/R/DPdXK75J35L42Yqc+i2B7+vZ+fcz37n3nPuPUFP9ZMAEA5gLwApAAE2nikA/QBmVvRMBxDnwWhzAAhi1jASB6EIlPf8Xp3M3GfcNedy8TdKkqmyhtXVlYMADAAmOE1BABQDg5bwx9oX42v1l4gjeceOHoooyMsWA+jmF16sSm+8e58Z0LNxCwsLPC+qhImRUVF/jz4i/8hh6j8LwM5pHouOlkbtSU4UfdYZfq7Wf9bpXDSaBpziSFFQQvxuCQ0itRhNO73BcPN9aCi67sr1bAAZABI5TYsATHJZquu85mzUemO8eds2DSCKUAJvpmy1TP4YE9VcuJTb3Nh0EEAS5ycLAPrkstT5c+Ula8Js9hn6A3yvpmu9zExPC9n2jrjmxqYDq8AMinTZokZdIl1vjE1HURw2m5B9/yFhFdg8gN4MhYxXUXZqzYptCcoNs9tD2faO+CVYAqeJHn99plLOU5eelPgUhT8VCzN0fqR1Km3FeuWGqTIVIWVniv6byi1FUezWKWHt5WsMADmAWE6TC4AuW6UMKT1d9E/FthxFmRofj6i/ekNFCymAGE7TL4LlMMqwkuJCsU9RlInR0ciGyupMAMql7cwdDSNx0lTm72N2FBcdF/sURRn58lXy6NZtWlyzAIg4MFrpdfsLciN8jqJ8M1tint2pofuLVn8hB+agitG95nMUxWI0xTbV1tMTmaNlraEcGO2Zer+gKP09uriXDxrcFdOy1mAOzOY3FMX4qSvhVcNDeuditKz17/7rVxSlt6Mz6fUTLcFUWtbq9njzlrnp6W5tS+HxeYuFmgqnlrWaAgJF6XrXksrjC3CivMzp9+njprulNRlAckChll82Awq1nG2Up9lGeZptlKfZRnkaQs0JgoPnAwHDFwjIMU+oyZQMxUgAmJCqzCDHBKHM6qqbg2nZzPCS1Oeh69L1yUGelSd59H2/KScwGwwVgw7bzBpG4vgNW+QCMFG9CqIAAAAASUVORK5CYII=') round;\n border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADKUlEQVRYhe3YX0hTURwH8K/b/DNzblMp828ac87prppKD0VERA+FD5JhpUxZVFD0h0gUgl4CKVMCoShaD2YEPfUiRIQKmZaY23VuiLL50B/R/DPdXK75J35L42Yqc+i2B7+vZ+fcz37n3nPuPUFP9ZMAEA5gLwApAAE2nikA/QBmVvRMBxDnwWhzAAhi1jASB6EIlPf8Xp3M3GfcNedy8TdKkqmyhtXVlYMADAAmOE1BABQDg5bwx9oX42v1l4gjeceOHoooyMsWA+jmF16sSm+8e58Z0LNxCwsLPC+qhImRUVF/jz4i/8hh6j8LwM5pHouOlkbtSU4UfdYZfq7Wf9bpXDSaBpziSFFQQvxuCQ0itRhNO73BcPN9aCi67sr1bAAZABI5TYsATHJZquu85mzUemO8eds2DSCKUAJvpmy1TP4YE9VcuJTb3Nh0EEAS5ycLAPrkstT5c+Ula8Js9hn6A3yvpmu9zExPC9n2jrjmxqYDq8AMinTZokZdIl1vjE1HURw2m5B9/yFhFdg8gN4MhYxXUXZqzYptCcoNs9tD2faO+CVYAqeJHn99plLOU5eelPgUhT8VCzN0fqR1Km3FeuWGqTIVIWVniv6byi1FUezWKWHt5WsMADmAWE6TC4AuW6UMKT1d9E/FthxFmRofj6i/ekNFCymAGE7TL4LlMMqwkuJCsU9RlInR0ciGyupMAMql7cwdDSNx0lTm72N2FBcdF/sURRn58lXy6NZtWlyzAIg4MFrpdfsLciN8jqJ8M1tint2pofuLVn8hB+agitG95nMUxWI0xTbV1tMTmaNlraEcGO2Zer+gKP09uriXDxrcFdOy1mAOzOY3FMX4qSvhVcNDeuditKz17/7rVxSlt6Mz6fUTLcFUWtbq9njzlrnp6W5tS+HxeYuFmgqnlrWaAgJF6XrXksrjC3CivMzp9+njprulNRlAckChll82Awq1nG2Up9lGeZptlKfZRnkaQs0JgoPnAwHDFwjIMU+oyZQMxUgAmJCqzCDHBKHM6qqbg2nZzPCS1Oeh69L1yUGelSd59H2/KScwGwwVgw7bzBpG4vgNW+QCMFG9CqIAAAAASUVORK5CYII=') round;\n border-image-slice: 30 20 4 4;\n border-image-width: 30px 20px 4px 4px;\n border-image-repeat: stretch stretch;\n border-radius: 6px;\n}\n.container .tbody .tr.active::before {\n background-color: rgba(140, 75, 102, 0.43);\n border-width: 30px 20px 4px 4px;\n border-style: solid;\n -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADCklEQVRYhe3Y3U+SURwH8C8vpigogqKR6ZIpZiVqZDd1W9kLrb+gpjfedN8f0Gq5Ws2cOZFlunK1uS6cXXRrOd82eXEqK9oqyTDlJXgeUEHaD7E9c+iQuQcu/N7+OOd8dg7POWdH0Gv2AEAuAA2AQgBi7D8+AAsAmB0tawCok+gtDIAgjladnBXHQfrl/r6qkONrSTQcFu2XJKmqXlLdaZECsAFwc0p2AMImy8c2pff33d3aRwUClskt+DCqNzw3WbzTIkPbvZrl/pe6oN2uxuamMIVZQti9Kgva56Wyc+epfQhAgFNecZZqfip9rqgkFGhK1F4AZB3ZCNUeXfle8EOttVInhSGHQ5UKhpt1p1PpfPyoHkAtgOOcUhTA3ITuUo9bXtK1Vx95rK8ZgIJQ4lSWLFHCHo9s8cH9RvfI8EUA5ZyfbAKYndBdNnoKVN27tRdEoxIAopSWa69EmICEMZvV7pHhCwlgtvH6K0ZPfrFxrz4OHBUbnWUkjHmmLAEsAsA63tDc48kv7uUVtQVjsxmz+VgcVsYp0edvJphPVtTHK2oLxuSwNivtU9U79qsYbKzxardPphzgFUWJ+P0SZ/tDHQAtgFJOaQPAzFjjta6/UsUbXlGUsM8ndT5prwNwEkARp7ROsM9nr3f68wrf8YqKwdzu/F8dT08DOBU/zmJp1cnXaCk/6W90BPLkQ7yiKBsul3zpRSdtrmcAyDiwIM3YqN7wjHcUZX1xschlMtL/i3Z/CQfG0oyRnXcUJfTNUbo88Iq+yAaTxZvNgdGZaU4LihJcmFf/GXwdmzGTxZvFgfnThqKws7aylbeDdOfSmSze/+dvWlEUxmopX30/RLA6k8Ub86RyyzzwBKanTgiEwqji5q01k8U7lxEoin9yohIiERTXDWtpXz5uAlOTFQAqMgq1fdnMKNR2DlHJ5hCVbA5RyeYQlWwIFRaIxZFMwAhEInJECOXJqax0ZYAJORoNOdyEcqhut3yRaLVLcSnvoXFpfHKQZ+dLnoJePdLgosmgxzZHq07O/gOunBqGRVCGdAAAAABJRU5ErkJggg==') round;\n border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADCklEQVRYhe3Y3U+SURwH8C8vpigogqKR6ZIpZiVqZDd1W9kLrb+gpjfedN8f0Gq5Ws2cOZFlunK1uS6cXXRrOd82eXEqK9oqyTDlJXgeUEHaD7E9c+iQuQcu/N7+OOd8dg7POWdH0Gv2AEAuAA2AQgBi7D8+AAsAmB0tawCok+gtDIAgjladnBXHQfrl/r6qkONrSTQcFu2XJKmqXlLdaZECsAFwc0p2AMImy8c2pff33d3aRwUClskt+DCqNzw3WbzTIkPbvZrl/pe6oN2uxuamMIVZQti9Kgva56Wyc+epfQhAgFNecZZqfip9rqgkFGhK1F4AZB3ZCNUeXfle8EOttVInhSGHQ5UKhpt1p1PpfPyoHkAtgOOcUhTA3ITuUo9bXtK1Vx95rK8ZgIJQ4lSWLFHCHo9s8cH9RvfI8EUA5ZyfbAKYndBdNnoKVN27tRdEoxIAopSWa69EmICEMZvV7pHhCwlgtvH6K0ZPfrFxrz4OHBUbnWUkjHmmLAEsAsA63tDc48kv7uUVtQVjsxmz+VgcVsYp0edvJphPVtTHK2oLxuSwNivtU9U79qsYbKzxardPphzgFUWJ+P0SZ/tDHQAtgFJOaQPAzFjjta6/UsUbXlGUsM8ndT5prwNwEkARp7ROsM9nr3f68wrf8YqKwdzu/F8dT08DOBU/zmJp1cnXaCk/6W90BPLkQ7yiKBsul3zpRSdtrmcAyDiwIM3YqN7wjHcUZX1xschlMtL/i3Z/CQfG0oyRnXcUJfTNUbo88Iq+yAaTxZvNgdGZaU4LihJcmFf/GXwdmzGTxZvFgfnThqKws7aylbeDdOfSmSze/+dvWlEUxmopX30/RLA6k8Ub86RyyzzwBKanTgiEwqji5q01k8U7lxEoin9yohIiERTXDWtpXz5uAlOTFQAqMgq1fdnMKNR2DlHJ5hCVbA5RyeYQlWwIFRaIxZFMwAhEInJECOXJqax0ZYAJORoNOdyEcqhut3yRaLVLcSnvoXFpfHKQZ+dLnoJePdLgosmgxzZHq07O/gOunBqGRVCGdAAAAABJRU5ErkJggg==') round;\n border-image-slice: 30 20 4 4;\n border-image-width: 30px 20px 4px 4px;\n border-image-repeat: stretch stretch;\n border-radius: 6px;\n}\n.container .tbody .tr.active .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n.container .tbody .tr .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,\n.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {\n color: #9cd0ef;\n}\n.ant-pagination-item-active {\n background: transparent;\n}\n.ant-form-item-label > label {\n font-size: 16px;\n color: #4281a1;\n}\n.ant-spin-container::after {\n background-color: transparent;\n}\n[data-prefers-color='dark'] .container {\n position: relative;\n}\n[data-prefers-color='dark'] .container .theader .th {\n padding-left: 4px;\n display: flex;\n position: relative;\n border-radius: 4px;\n align-items: center;\n}\n[data-prefers-color='dark'] .container .theader .th::before {\n background-color: #192547;\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-width: 30px 20px 4px 4px;\n border-style: solid;\n -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAtCAYAAADLEbkXAAADGklEQVRYhe3Ya0hTYRzH8d+OSmhejscLM29FZWaXFVSYd7AwlYJICiLQWtFAlFARIwhrTBASlpqJlxgEvQiKXlVv8m29KPJSppZYWzkVpzO347acJ/4x43BQGdG2N+f7cs+5fHjO2Z6do+jpnweAMADbAUQDCIZ3LQAYAWCXbJ0OYIsXR1gGQCcfV6tYPtiDONRWU1c1O2kuWXG7w7xhxCUmPqvWt+gBDAGYEw2NAmD6Xr/RTM9aqtbbX6FQ8JHh4c9LCvLaegesb4NOaRrS22rqGmZM388IghDi5WyAX1xMf/eqb0f2ydJhAA4ANtHw7LbkJNOMZU6wLy0dWecQIU6XK8NknorauTV1kKHLMTtpPuEtQNzPubmcpgr1PQAZAJJFQwKA4cKszK74mJiODY9hsxUD4AgS7O3lWKsluz1De6HcYNDqagGkiDZZAfChMCuzO47jOtfbXxCEUABBzL8CxLmczmTj6FiZQaurWQMzdCz7aHcsF9290TH+C4T65XQmGkfHzq2BcQMYPJ6d1RXLRff4HOLBKI2jY2c9mCTREH1V+wnDsazB5xAPJsE09vk0gDTJ78kfTFFudifHRj30OYRyORwpuvJL9wHsAqAUOwG8L8rN6YiOinzkcwjl4Pm0pouXWwHsBhArdhLmRF5uOxsZ8djnEGrJZtvbfEXTDGCPZ/lYzUmXqTg/rzUqIuKJzyGUzWo9fEdTeQvAPgARYifNTElBnt4vEGrBYsnXV1+rB3AAQKhoiKeZoXvHLxDKYp4qba+trwZwEMCm1c/VKpbWqH6/Qahpo7Gso76h0jMzfxdYtYpd9CuEMk98Pd95/YYGgIrWmNXP/Q6hfnwZr+i52agGsL93wMoEDEJ9+zSiedB4mzDpvQPWwEGoiY/DlQat7ir9TQ0oxIOhWUkNOGTF7d6MQN4j0mSINBkiTYZIkyHSZIg0GSJNhkiTIdJkiDSCLDNBQXzAAAxDD+NugszHKJUvAwWJSUh4QS+MCTJerW+5G5+c9JRhGL/NDJ2LzknnJoP0XTwnfh71cfS2kV6dj6tVLP8bs14HzBvq8vEAAAAASUVORK5CYII=') round;\n border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAtCAYAAADLEbkXAAADGklEQVRYhe3Ya0hTYRzH8d+OSmhejscLM29FZWaXFVSYd7AwlYJICiLQWtFAlFARIwhrTBASlpqJlxgEvQiKXlVv8m29KPJSppZYWzkVpzO347acJ/4x43BQGdG2N+f7cs+5fHjO2Z6do+jpnweAMADbAUQDCIZ3LQAYAWCXbJ0OYIsXR1gGQCcfV6tYPtiDONRWU1c1O2kuWXG7w7xhxCUmPqvWt+gBDAGYEw2NAmD6Xr/RTM9aqtbbX6FQ8JHh4c9LCvLaegesb4NOaRrS22rqGmZM388IghDi5WyAX1xMf/eqb0f2ydJhAA4ANtHw7LbkJNOMZU6wLy0dWecQIU6XK8NknorauTV1kKHLMTtpPuEtQNzPubmcpgr1PQAZAJJFQwKA4cKszK74mJiODY9hsxUD4AgS7O3lWKsluz1De6HcYNDqagGkiDZZAfChMCuzO47jOtfbXxCEUABBzL8CxLmczmTj6FiZQaurWQMzdCz7aHcsF9290TH+C4T65XQmGkfHzq2BcQMYPJ6d1RXLRff4HOLBKI2jY2c9mCTREH1V+wnDsazB5xAPJsE09vk0gDTJ78kfTFFudifHRj30OYRyORwpuvJL9wHsAqAUOwG8L8rN6YiOinzkcwjl4Pm0pouXWwHsBhArdhLmRF5uOxsZ8djnEGrJZtvbfEXTDGCPZ/lYzUmXqTg/rzUqIuKJzyGUzWo9fEdTeQvAPgARYifNTElBnt4vEGrBYsnXV1+rB3AAQKhoiKeZoXvHLxDKYp4qba+trwZwEMCm1c/VKpbWqH6/Qahpo7Gso76h0jMzfxdYtYpd9CuEMk98Pd95/YYGgIrWmNXP/Q6hfnwZr+i52agGsL93wMoEDEJ9+zSiedB4mzDpvQPWwEGoiY/DlQat7ir9TQ0oxIOhWUkNOGTF7d6MQN4j0mSINBkiTYZIkyHSZIg0GSJNhkiTIdJkiDSCLDNBQXzAAAxDD+NugszHKJUvAwWJSUh4QS+MCTJerW+5G5+c9JRhGL/NDJ2LzknnJoP0XTwnfh71cfS2kV6dj6tVLP8bs14HzBvq8vEAAAAASUVORK5CYII=') round;\n border-image-slice: 30 20 4 4;\n border-image-width: 30px 20px 4px 4px;\n border-image-repeat: stretch stretch;\n border-radius: 4px;\n}\n[data-prefers-color='dark'] .container .theader .th .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n height: 32px;\n}\n[data-prefers-color='dark'] .container .tbody {\n overflow: auto;\n padding-top: 5px;\n margin-top: 19px;\n}\n[data-prefers-color='dark'] .container .tbody .tr {\n padding-left: 6px;\n width: 100%;\n height: 32px;\n display: flex;\n margin-bottom: 17px;\n position: relative;\n border-radius: 6px;\n}\n[data-prefers-color='dark'] .container .tbody .tr::before {\n background-color: rgba(25, 37, 71, 0.43);\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-width: 30px 20px 4px 4px;\n border-style: solid;\n -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADKUlEQVRYhe3YX0hTURwH8K/b/DNzblMp828ac87prppKD0VERA+FD5JhpUxZVFD0h0gUgl4CKVMCoShaD2YEPfUiRIQKmZaY23VuiLL50B/R/DPdXK75J35L42Yqc+i2B7+vZ+fcz37n3nPuPUFP9ZMAEA5gLwApAAE2nikA/QBmVvRMBxDnwWhzAAhi1jASB6EIlPf8Xp3M3GfcNedy8TdKkqmyhtXVlYMADAAmOE1BABQDg5bwx9oX42v1l4gjeceOHoooyMsWA+jmF16sSm+8e58Z0LNxCwsLPC+qhImRUVF/jz4i/8hh6j8LwM5pHouOlkbtSU4UfdYZfq7Wf9bpXDSaBpziSFFQQvxuCQ0itRhNO73BcPN9aCi67sr1bAAZABI5TYsATHJZquu85mzUemO8eds2DSCKUAJvpmy1TP4YE9VcuJTb3Nh0EEAS5ycLAPrkstT5c+Ula8Js9hn6A3yvpmu9zExPC9n2jrjmxqYDq8AMinTZokZdIl1vjE1HURw2m5B9/yFhFdg8gN4MhYxXUXZqzYptCcoNs9tD2faO+CVYAqeJHn99plLOU5eelPgUhT8VCzN0fqR1Km3FeuWGqTIVIWVniv6byi1FUezWKWHt5WsMADmAWE6TC4AuW6UMKT1d9E/FthxFmRofj6i/ekNFCymAGE7TL4LlMMqwkuJCsU9RlInR0ciGyupMAMql7cwdDSNx0lTm72N2FBcdF/sURRn58lXy6NZtWlyzAIg4MFrpdfsLciN8jqJ8M1tint2pofuLVn8hB+agitG95nMUxWI0xTbV1tMTmaNlraEcGO2Zer+gKP09uriXDxrcFdOy1mAOzOY3FMX4qSvhVcNDeuditKz17/7rVxSlt6Mz6fUTLcFUWtbq9njzlrnp6W5tS+HxeYuFmgqnlrWaAgJF6XrXksrjC3CivMzp9+njprulNRlAckChll82Awq1nG2Up9lGeZptlKfZRnkaQs0JgoPnAwHDFwjIMU+oyZQMxUgAmJCqzCDHBKHM6qqbg2nZzPCS1Oeh69L1yUGelSd59H2/KScwGwwVgw7bzBpG4vgNW+QCMFG9CqIAAAAASUVORK5CYII=') round;\n border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADKUlEQVRYhe3YX0hTURwH8K/b/DNzblMp828ac87prppKD0VERA+FD5JhpUxZVFD0h0gUgl4CKVMCoShaD2YEPfUiRIQKmZaY23VuiLL50B/R/DPdXK75J35L42Yqc+i2B7+vZ+fcz37n3nPuPUFP9ZMAEA5gLwApAAE2nikA/QBmVvRMBxDnwWhzAAhi1jASB6EIlPf8Xp3M3GfcNedy8TdKkqmyhtXVlYMADAAmOE1BABQDg5bwx9oX42v1l4gjeceOHoooyMsWA+jmF16sSm+8e58Z0LNxCwsLPC+qhImRUVF/jz4i/8hh6j8LwM5pHouOlkbtSU4UfdYZfq7Wf9bpXDSaBpziSFFQQvxuCQ0itRhNO73BcPN9aCi67sr1bAAZABI5TYsATHJZquu85mzUemO8eds2DSCKUAJvpmy1TP4YE9VcuJTb3Nh0EEAS5ycLAPrkstT5c+Ula8Js9hn6A3yvpmu9zExPC9n2jrjmxqYDq8AMinTZokZdIl1vjE1HURw2m5B9/yFhFdg8gN4MhYxXUXZqzYptCcoNs9tD2faO+CVYAqeJHn99plLOU5eelPgUhT8VCzN0fqR1Km3FeuWGqTIVIWVniv6byi1FUezWKWHt5WsMADmAWE6TC4AuW6UMKT1d9E/FthxFmRofj6i/ekNFCymAGE7TL4LlMMqwkuJCsU9RlInR0ciGyupMAMql7cwdDSNx0lTm72N2FBcdF/sURRn58lXy6NZtWlyzAIg4MFrpdfsLciN8jqJ8M1tint2pofuLVn8hB+agitG95nMUxWI0xTbV1tMTmaNlraEcGO2Zer+gKP09uriXDxrcFdOy1mAOzOY3FMX4qSvhVcNDeuditKz17/7rVxSlt6Mz6fUTLcFUWtbq9njzlrnp6W5tS+HxeYuFmgqnlrWaAgJF6XrXksrjC3CivMzp9+njprulNRlAckChll82Awq1nG2Up9lGeZptlKfZRnkaQs0JgoPnAwHDFwjIMU+oyZQMxUgAmJCqzCDHBKHM6qqbg2nZzPCS1Oeh69L1yUGelSd59H2/KScwGwwVgw7bzBpG4vgNW+QCMFG9CqIAAAAASUVORK5CYII=') round;\n border-image-slice: 30 20 4 4;\n border-image-width: 30px 20px 4px 4px;\n border-image-repeat: stretch stretch;\n border-radius: 6px;\n}\n[data-prefers-color='dark'] .container .tbody .tr.active::before {\n background-color: rgba(140, 75, 102, 0.43);\n border-width: 30px 20px 4px 4px;\n border-style: solid;\n -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADCklEQVRYhe3Y3U+SURwH8C8vpigogqKR6ZIpZiVqZDd1W9kLrb+gpjfedN8f0Gq5Ws2cOZFlunK1uS6cXXRrOd82eXEqK9oqyTDlJXgeUEHaD7E9c+iQuQcu/N7+OOd8dg7POWdH0Gv2AEAuAA2AQgBi7D8+AAsAmB0tawCok+gtDIAgjladnBXHQfrl/r6qkONrSTQcFu2XJKmqXlLdaZECsAFwc0p2AMImy8c2pff33d3aRwUClskt+DCqNzw3WbzTIkPbvZrl/pe6oN2uxuamMIVZQti9Kgva56Wyc+epfQhAgFNecZZqfip9rqgkFGhK1F4AZB3ZCNUeXfle8EOttVInhSGHQ5UKhpt1p1PpfPyoHkAtgOOcUhTA3ITuUo9bXtK1Vx95rK8ZgIJQ4lSWLFHCHo9s8cH9RvfI8EUA5ZyfbAKYndBdNnoKVN27tRdEoxIAopSWa69EmICEMZvV7pHhCwlgtvH6K0ZPfrFxrz4OHBUbnWUkjHmmLAEsAsA63tDc48kv7uUVtQVjsxmz+VgcVsYp0edvJphPVtTHK2oLxuSwNivtU9U79qsYbKzxardPphzgFUWJ+P0SZ/tDHQAtgFJOaQPAzFjjta6/UsUbXlGUsM8ndT5prwNwEkARp7ROsM9nr3f68wrf8YqKwdzu/F8dT08DOBU/zmJp1cnXaCk/6W90BPLkQ7yiKBsul3zpRSdtrmcAyDiwIM3YqN7wjHcUZX1xschlMtL/i3Z/CQfG0oyRnXcUJfTNUbo88Iq+yAaTxZvNgdGZaU4LihJcmFf/GXwdmzGTxZvFgfnThqKws7aylbeDdOfSmSze/+dvWlEUxmopX30/RLA6k8Ub86RyyzzwBKanTgiEwqji5q01k8U7lxEoin9yohIiERTXDWtpXz5uAlOTFQAqMgq1fdnMKNR2DlHJ5hCVbA5RyeYQlWwIFRaIxZFMwAhEInJECOXJqax0ZYAJORoNOdyEcqhut3yRaLVLcSnvoXFpfHKQZ+dLnoJePdLgosmgxzZHq07O/gOunBqGRVCGdAAAAABJRU5ErkJggg==') round;\n border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADCklEQVRYhe3Y3U+SURwH8C8vpigogqKR6ZIpZiVqZDd1W9kLrb+gpjfedN8f0Gq5Ws2cOZFlunK1uS6cXXRrOd82eXEqK9oqyTDlJXgeUEHaD7E9c+iQuQcu/N7+OOd8dg7POWdH0Gv2AEAuAA2AQgBi7D8+AAsAmB0tawCok+gtDIAgjladnBXHQfrl/r6qkONrSTQcFu2XJKmqXlLdaZECsAFwc0p2AMImy8c2pff33d3aRwUClskt+DCqNzw3WbzTIkPbvZrl/pe6oN2uxuamMIVZQti9Kgva56Wyc+epfQhAgFNecZZqfip9rqgkFGhK1F4AZB3ZCNUeXfle8EOttVInhSGHQ5UKhpt1p1PpfPyoHkAtgOOcUhTA3ITuUo9bXtK1Vx95rK8ZgIJQ4lSWLFHCHo9s8cH9RvfI8EUA5ZyfbAKYndBdNnoKVN27tRdEoxIAopSWa69EmICEMZvV7pHhCwlgtvH6K0ZPfrFxrz4OHBUbnWUkjHmmLAEsAsA63tDc48kv7uUVtQVjsxmz+VgcVsYp0edvJphPVtTHK2oLxuSwNivtU9U79qsYbKzxardPphzgFUWJ+P0SZ/tDHQAtgFJOaQPAzFjjta6/UsUbXlGUsM8ndT5prwNwEkARp7ROsM9nr3f68wrf8YqKwdzu/F8dT08DOBU/zmJp1cnXaCk/6W90BPLkQ7yiKBsul3zpRSdtrmcAyDiwIM3YqN7wjHcUZX1xschlMtL/i3Z/CQfG0oyRnXcUJfTNUbo88Iq+yAaTxZvNgdGZaU4LihJcmFf/GXwdmzGTxZvFgfnThqKws7aylbeDdOfSmSze/+dvWlEUxmopX30/RLA6k8Ub86RyyzzwBKanTgiEwqji5q01k8U7lxEoin9yohIiERTXDWtpXz5uAlOTFQAqMgq1fdnMKNR2DlHJ5hCVbA5RyeYQlWwIFRaIxZFMwAhEInJECOXJqax0ZYAJORoNOdyEcqhut3yRaLVLcSnvoXFpfHKQZ+dLnoJePdLgosmgxzZHq07O/gOunBqGRVCGdAAAAABJRU5ErkJggg==') round;\n border-image-slice: 30 20 4 4;\n border-image-width: 30px 20px 4px 4px;\n border-image-repeat: stretch stretch;\n border-radius: 6px;\n}\n[data-prefers-color='dark'] .container .tbody .tr.active .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n[data-prefers-color='dark'] .container .tbody .tr .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n[data-prefers-color='dark'] .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,\n[data-prefers-color='dark'] .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {\n color: #9cd0ef;\n}\n[data-prefers-color='dark'] .ant-pagination-item-active {\n background: transparent;\n}\n[data-prefers-color='dark'] .ant-form-item-label > label {\n font-size: 16px;\n color: #4281a1;\n}\n[data-prefers-color='dark'] .ant-spin-container::after {\n background-color: transparent;\n}\n[data-prefers-color='light'] .container {\n position: relative;\n}\n[data-prefers-color='light'] .container .theader .th {\n padding-left: 4px;\n display: flex;\n position: relative;\n border-radius: 4px;\n align-items: center;\n}\n[data-prefers-color='light'] .container .theader .th::before {\n background-color: #192547;\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-width: 30px 20px 4px 4px;\n border-style: solid;\n -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAtCAYAAADLEbkXAAADGklEQVRYhe3Ya0hTYRzH8d+OSmhejscLM29FZWaXFVSYd7AwlYJICiLQWtFAlFARIwhrTBASlpqJlxgEvQiKXlVv8m29KPJSppZYWzkVpzO347acJ/4x43BQGdG2N+f7cs+5fHjO2Z6do+jpnweAMADbAUQDCIZ3LQAYAWCXbJ0OYIsXR1gGQCcfV6tYPtiDONRWU1c1O2kuWXG7w7xhxCUmPqvWt+gBDAGYEw2NAmD6Xr/RTM9aqtbbX6FQ8JHh4c9LCvLaegesb4NOaRrS22rqGmZM388IghDi5WyAX1xMf/eqb0f2ydJhAA4ANtHw7LbkJNOMZU6wLy0dWecQIU6XK8NknorauTV1kKHLMTtpPuEtQNzPubmcpgr1PQAZAJJFQwKA4cKszK74mJiODY9hsxUD4AgS7O3lWKsluz1De6HcYNDqagGkiDZZAfChMCuzO47jOtfbXxCEUABBzL8CxLmczmTj6FiZQaurWQMzdCz7aHcsF9290TH+C4T65XQmGkfHzq2BcQMYPJ6d1RXLRff4HOLBKI2jY2c9mCTREH1V+wnDsazB5xAPJsE09vk0gDTJ78kfTFFudifHRj30OYRyORwpuvJL9wHsAqAUOwG8L8rN6YiOinzkcwjl4Pm0pouXWwHsBhArdhLmRF5uOxsZ8djnEGrJZtvbfEXTDGCPZ/lYzUmXqTg/rzUqIuKJzyGUzWo9fEdTeQvAPgARYifNTElBnt4vEGrBYsnXV1+rB3AAQKhoiKeZoXvHLxDKYp4qba+trwZwEMCm1c/VKpbWqH6/Qahpo7Gso76h0jMzfxdYtYpd9CuEMk98Pd95/YYGgIrWmNXP/Q6hfnwZr+i52agGsL93wMoEDEJ9+zSiedB4mzDpvQPWwEGoiY/DlQat7ir9TQ0oxIOhWUkNOGTF7d6MQN4j0mSINBkiTYZIkyHSZIg0GSJNhkiTIdJkiDSCLDNBQXzAAAxDD+NugszHKJUvAwWJSUh4QS+MCTJerW+5G5+c9JRhGL/NDJ2LzknnJoP0XTwnfh71cfS2kV6dj6tVLP8bs14HzBvq8vEAAAAASUVORK5CYII=') round;\n border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAtCAYAAADLEbkXAAADGklEQVRYhe3Ya0hTYRzH8d+OSmhejscLM29FZWaXFVSYd7AwlYJICiLQWtFAlFARIwhrTBASlpqJlxgEvQiKXlVv8m29KPJSppZYWzkVpzO347acJ/4x43BQGdG2N+f7cs+5fHjO2Z6do+jpnweAMADbAUQDCIZ3LQAYAWCXbJ0OYIsXR1gGQCcfV6tYPtiDONRWU1c1O2kuWXG7w7xhxCUmPqvWt+gBDAGYEw2NAmD6Xr/RTM9aqtbbX6FQ8JHh4c9LCvLaegesb4NOaRrS22rqGmZM388IghDi5WyAX1xMf/eqb0f2ydJhAA4ANtHw7LbkJNOMZU6wLy0dWecQIU6XK8NknorauTV1kKHLMTtpPuEtQNzPubmcpgr1PQAZAJJFQwKA4cKszK74mJiODY9hsxUD4AgS7O3lWKsluz1De6HcYNDqagGkiDZZAfChMCuzO47jOtfbXxCEUABBzL8CxLmczmTj6FiZQaurWQMzdCz7aHcsF9290TH+C4T65XQmGkfHzq2BcQMYPJ6d1RXLRff4HOLBKI2jY2c9mCTREH1V+wnDsazB5xAPJsE09vk0gDTJ78kfTFFudifHRj30OYRyORwpuvJL9wHsAqAUOwG8L8rN6YiOinzkcwjl4Pm0pouXWwHsBhArdhLmRF5uOxsZ8djnEGrJZtvbfEXTDGCPZ/lYzUmXqTg/rzUqIuKJzyGUzWo9fEdTeQvAPgARYifNTElBnt4vEGrBYsnXV1+rB3AAQKhoiKeZoXvHLxDKYp4qba+trwZwEMCm1c/VKpbWqH6/Qahpo7Gso76h0jMzfxdYtYpd9CuEMk98Pd95/YYGgIrWmNXP/Q6hfnwZr+i52agGsL93wMoEDEJ9+zSiedB4mzDpvQPWwEGoiY/DlQat7ir9TQ0oxIOhWUkNOGTF7d6MQN4j0mSINBkiTYZIkyHSZIg0GSJNhkiTIdJkiDSCLDNBQXzAAAxDD+NugszHKJUvAwWJSUh4QS+MCTJerW+5G5+c9JRhGL/NDJ2LzknnJoP0XTwnfh71cfS2kV6dj6tVLP8bs14HzBvq8vEAAAAASUVORK5CYII=') round;\n border-image-slice: 30 20 4 4;\n border-image-width: 30px 20px 4px 4px;\n border-image-repeat: stretch stretch;\n border-radius: 4px;\n}\n[data-prefers-color='light'] .container .theader .th .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n height: 32px;\n}\n[data-prefers-color='light'] .container .tbody {\n overflow: auto;\n padding-top: 5px;\n margin-top: 19px;\n}\n[data-prefers-color='light'] .container .tbody .tr {\n padding-left: 6px;\n width: 100%;\n height: 32px;\n display: flex;\n margin-bottom: 17px;\n position: relative;\n border-radius: 6px;\n}\n[data-prefers-color='light'] .container .tbody .tr::before {\n background-color: rgba(25, 37, 71, 0.43);\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-width: 30px 20px 4px 4px;\n border-style: solid;\n -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADKUlEQVRYhe3YX0hTURwH8K/b/DNzblMp828ac87prppKD0VERA+FD5JhpUxZVFD0h0gUgl4CKVMCoShaD2YEPfUiRIQKmZaY23VuiLL50B/R/DPdXK75J35L42Yqc+i2B7+vZ+fcz37n3nPuPUFP9ZMAEA5gLwApAAE2nikA/QBmVvRMBxDnwWhzAAhi1jASB6EIlPf8Xp3M3GfcNedy8TdKkqmyhtXVlYMADAAmOE1BABQDg5bwx9oX42v1l4gjeceOHoooyMsWA+jmF16sSm+8e58Z0LNxCwsLPC+qhImRUVF/jz4i/8hh6j8LwM5pHouOlkbtSU4UfdYZfq7Wf9bpXDSaBpziSFFQQvxuCQ0itRhNO73BcPN9aCi67sr1bAAZABI5TYsATHJZquu85mzUemO8eds2DSCKUAJvpmy1TP4YE9VcuJTb3Nh0EEAS5ycLAPrkstT5c+Ula8Js9hn6A3yvpmu9zExPC9n2jrjmxqYDq8AMinTZokZdIl1vjE1HURw2m5B9/yFhFdg8gN4MhYxXUXZqzYptCcoNs9tD2faO+CVYAqeJHn99plLOU5eelPgUhT8VCzN0fqR1Km3FeuWGqTIVIWVniv6byi1FUezWKWHt5WsMADmAWE6TC4AuW6UMKT1d9E/FthxFmRofj6i/ekNFCymAGE7TL4LlMMqwkuJCsU9RlInR0ciGyupMAMql7cwdDSNx0lTm72N2FBcdF/sURRn58lXy6NZtWlyzAIg4MFrpdfsLciN8jqJ8M1tint2pofuLVn8hB+agitG95nMUxWI0xTbV1tMTmaNlraEcGO2Zer+gKP09uriXDxrcFdOy1mAOzOY3FMX4qSvhVcNDeuditKz17/7rVxSlt6Mz6fUTLcFUWtbq9njzlrnp6W5tS+HxeYuFmgqnlrWaAgJF6XrXksrjC3CivMzp9+njprulNRlAckChll82Awq1nG2Up9lGeZptlKfZRnkaQs0JgoPnAwHDFwjIMU+oyZQMxUgAmJCqzCDHBKHM6qqbg2nZzPCS1Oeh69L1yUGelSd59H2/KScwGwwVgw7bzBpG4vgNW+QCMFG9CqIAAAAASUVORK5CYII=') round;\n border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADKUlEQVRYhe3YX0hTURwH8K/b/DNzblMp828ac87prppKD0VERA+FD5JhpUxZVFD0h0gUgl4CKVMCoShaD2YEPfUiRIQKmZaY23VuiLL50B/R/DPdXK75J35L42Yqc+i2B7+vZ+fcz37n3nPuPUFP9ZMAEA5gLwApAAE2nikA/QBmVvRMBxDnwWhzAAhi1jASB6EIlPf8Xp3M3GfcNedy8TdKkqmyhtXVlYMADAAmOE1BABQDg5bwx9oX42v1l4gjeceOHoooyMsWA+jmF16sSm+8e58Z0LNxCwsLPC+qhImRUVF/jz4i/8hh6j8LwM5pHouOlkbtSU4UfdYZfq7Wf9bpXDSaBpziSFFQQvxuCQ0itRhNO73BcPN9aCi67sr1bAAZABI5TYsATHJZquu85mzUemO8eds2DSCKUAJvpmy1TP4YE9VcuJTb3Nh0EEAS5ycLAPrkstT5c+Ula8Js9hn6A3yvpmu9zExPC9n2jrjmxqYDq8AMinTZokZdIl1vjE1HURw2m5B9/yFhFdg8gN4MhYxXUXZqzYptCcoNs9tD2faO+CVYAqeJHn99plLOU5eelPgUhT8VCzN0fqR1Km3FeuWGqTIVIWVniv6byi1FUezWKWHt5WsMADmAWE6TC4AuW6UMKT1d9E/FthxFmRofj6i/ekNFCymAGE7TL4LlMMqwkuJCsU9RlInR0ciGyupMAMql7cwdDSNx0lTm72N2FBcdF/sURRn58lXy6NZtWlyzAIg4MFrpdfsLciN8jqJ8M1tint2pofuLVn8hB+agitG95nMUxWI0xTbV1tMTmaNlraEcGO2Zer+gKP09uriXDxrcFdOy1mAOzOY3FMX4qSvhVcNDeuditKz17/7rVxSlt6Mz6fUTLcFUWtbq9njzlrnp6W5tS+HxeYuFmgqnlrWaAgJF6XrXksrjC3CivMzp9+njprulNRlAckChll82Awq1nG2Up9lGeZptlKfZRnkaQs0JgoPnAwHDFwjIMU+oyZQMxUgAmJCqzCDHBKHM6qqbg2nZzPCS1Oeh69L1yUGelSd59H2/KScwGwwVgw7bzBpG4vgNW+QCMFG9CqIAAAAASUVORK5CYII=') round;\n border-image-slice: 30 20 4 4;\n border-image-width: 30px 20px 4px 4px;\n border-image-repeat: stretch stretch;\n border-radius: 6px;\n}\n[data-prefers-color='light'] .container .tbody .tr.active::before {\n background-color: rgba(140, 75, 102, 0.43);\n border-width: 30px 20px 4px 4px;\n border-style: solid;\n -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADCklEQVRYhe3Y3U+SURwH8C8vpigogqKR6ZIpZiVqZDd1W9kLrb+gpjfedN8f0Gq5Ws2cOZFlunK1uS6cXXRrOd82eXEqK9oqyTDlJXgeUEHaD7E9c+iQuQcu/N7+OOd8dg7POWdH0Gv2AEAuAA2AQgBi7D8+AAsAmB0tawCok+gtDIAgjladnBXHQfrl/r6qkONrSTQcFu2XJKmqXlLdaZECsAFwc0p2AMImy8c2pff33d3aRwUClskt+DCqNzw3WbzTIkPbvZrl/pe6oN2uxuamMIVZQti9Kgva56Wyc+epfQhAgFNecZZqfip9rqgkFGhK1F4AZB3ZCNUeXfle8EOttVInhSGHQ5UKhpt1p1PpfPyoHkAtgOOcUhTA3ITuUo9bXtK1Vx95rK8ZgIJQ4lSWLFHCHo9s8cH9RvfI8EUA5ZyfbAKYndBdNnoKVN27tRdEoxIAopSWa69EmICEMZvV7pHhCwlgtvH6K0ZPfrFxrz4OHBUbnWUkjHmmLAEsAsA63tDc48kv7uUVtQVjsxmz+VgcVsYp0edvJphPVtTHK2oLxuSwNivtU9U79qsYbKzxardPphzgFUWJ+P0SZ/tDHQAtgFJOaQPAzFjjta6/UsUbXlGUsM8ndT5prwNwEkARp7ROsM9nr3f68wrf8YqKwdzu/F8dT08DOBU/zmJp1cnXaCk/6W90BPLkQ7yiKBsul3zpRSdtrmcAyDiwIM3YqN7wjHcUZX1xschlMtL/i3Z/CQfG0oyRnXcUJfTNUbo88Iq+yAaTxZvNgdGZaU4LihJcmFf/GXwdmzGTxZvFgfnThqKws7aylbeDdOfSmSze/+dvWlEUxmopX30/RLA6k8Ub86RyyzzwBKanTgiEwqji5q01k8U7lxEoin9yohIiERTXDWtpXz5uAlOTFQAqMgq1fdnMKNR2DlHJ5hCVbA5RyeYQlWwIFRaIxZFMwAhEInJECOXJqax0ZYAJORoNOdyEcqhut3yRaLVLcSnvoXFpfHKQZ+dLnoJePdLgosmgxzZHq07O/gOunBqGRVCGdAAAAABJRU5ErkJggg==') round;\n border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADCklEQVRYhe3Y3U+SURwH8C8vpigogqKR6ZIpZiVqZDd1W9kLrb+gpjfedN8f0Gq5Ws2cOZFlunK1uS6cXXRrOd82eXEqK9oqyTDlJXgeUEHaD7E9c+iQuQcu/N7+OOd8dg7POWdH0Gv2AEAuAA2AQgBi7D8+AAsAmB0tawCok+gtDIAgjladnBXHQfrl/r6qkONrSTQcFu2XJKmqXlLdaZECsAFwc0p2AMImy8c2pff33d3aRwUClskt+DCqNzw3WbzTIkPbvZrl/pe6oN2uxuamMIVZQti9Kgva56Wyc+epfQhAgFNecZZqfip9rqgkFGhK1F4AZB3ZCNUeXfle8EOttVInhSGHQ5UKhpt1p1PpfPyoHkAtgOOcUhTA3ITuUo9bXtK1Vx95rK8ZgIJQ4lSWLFHCHo9s8cH9RvfI8EUA5ZyfbAKYndBdNnoKVN27tRdEoxIAopSWa69EmICEMZvV7pHhCwlgtvH6K0ZPfrFxrz4OHBUbnWUkjHmmLAEsAsA63tDc48kv7uUVtQVjsxmz+VgcVsYp0edvJphPVtTHK2oLxuSwNivtU9U79qsYbKzxardPphzgFUWJ+P0SZ/tDHQAtgFJOaQPAzFjjta6/UsUbXlGUsM8ndT5prwNwEkARp7ROsM9nr3f68wrf8YqKwdzu/F8dT08DOBU/zmJp1cnXaCk/6W90BPLkQ7yiKBsul3zpRSdtrmcAyDiwIM3YqN7wjHcUZX1xschlMtL/i3Z/CQfG0oyRnXcUJfTNUbo88Iq+yAaTxZvNgdGZaU4LihJcmFf/GXwdmzGTxZvFgfnThqKws7aylbeDdOfSmSze/+dvWlEUxmopX30/RLA6k8Ub86RyyzzwBKanTgiEwqji5q01k8U7lxEoin9yohIiERTXDWtpXz5uAlOTFQAqMgq1fdnMKNR2DlHJ5hCVbA5RyeYQlWwIFRaIxZFMwAhEInJECOXJqax0ZYAJORoNOdyEcqhut3yRaLVLcSnvoXFpfHKQZ+dLnoJePdLgosmgxzZHq07O/gOunBqGRVCGdAAAAABJRU5ErkJggg==') round;\n border-image-slice: 30 20 4 4;\n border-image-width: 30px 20px 4px 4px;\n border-image-repeat: stretch stretch;\n border-radius: 6px;\n}\n[data-prefers-color='light'] .container .tbody .tr.active .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n[data-prefers-color='light'] .container .tbody .tr .td {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n[data-prefers-color='light'] .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,\n[data-prefers-color='light'] .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {\n color: #9cd0ef;\n}\n[data-prefers-color='light'] .ant-pagination-item-active {\n background: transparent;\n}\n[data-prefers-color='light'] .ant-form-item-label > label {\n font-size: 16px;\n color: #4281a1;\n}\n[data-prefers-color='light'] .ant-spin-container::after {\n background-color: transparent;\n}\n.w-frame-box-table.container .theader .th {\n background-color: rgba(22, 93, 134, 0.49);\n background: rgba(22, 28, 38, 0.7);\n border-top: 1px solid rgba(118, 214, 255, 0.4);\n border-bottom: 1px solid rgba(118, 214, 255, 0.4);\n border-radius: 0px;\n}\n.w-frame-box-table.container .theader .th::before {\n content: none;\n height: 28px;\n}\n.w-frame-box-table.container .tbody {\n margin-top: 8px;\n}\n.w-frame-box-table.container .tbody .frame {\n height: 28px;\n margin-bottom: 8px;\n}\n.w-frame-box-table.container .tbody .frame .tr {\n height: 28px;\n margin-bottom: 0;\n background: rgba(16, 97, 139, 0.1);\n}\n.w-frame-box-table.container .tbody .frame .tr::before {\n content: none;\n}\n.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background-color: transparent;\n color: #4383a4;\n border: 1px solid #4383a4;\n height: 28px;\n}\n.ant-select:not(.ant-select-disabled):hover .ant-select-selector {\n border: 1px solid #4383a4;\n}\n.ant-select-arrow {\n color: #4383a4;\n}\n.ant-select-clear {\n background: transparent;\n color: #4383a4;\n}\n.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background: rgba(79, 87, 96, 0.2);\n color: #4383a4;\n}\n.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {\n border-color: #4383a4;\n outline: 0;\n box-shadow: 0 0 0 0.01042rem rgba(156, 208, 239, 0.2);\n}\n.ant-select-dropdown {\n background-color: #0a1432;\n border: 1px solid #4383a4;\n color: #4383a4;\n}\n.ant-select-item-option-active:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n.ant-select-item {\n color: #4383a4;\n}\n.ant-select-single .ant-select-selector .ant-select-selection-item,\n.ant-select-single .ant-select-selector .ant-select-selection-placeholder {\n line-height: 26px;\n}\n[data-prefers-color='dark'] .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background-color: transparent;\n color: #4383a4;\n border: 1px solid #4383a4;\n height: 28px;\n}\n[data-prefers-color='dark'] .ant-select:not(.ant-select-disabled):hover .ant-select-selector {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-arrow {\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-clear {\n background: transparent;\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background: rgba(79, 87, 96, 0.2);\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {\n border-color: #4383a4;\n outline: 0;\n box-shadow: 0 0 0 0.01042rem rgba(156, 208, 239, 0.2);\n}\n[data-prefers-color='dark'] .ant-select-dropdown {\n background-color: #0a1432;\n border: 1px solid #4383a4;\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-item-option-active:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-item {\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-single .ant-select-selector .ant-select-selection-item,\n[data-prefers-color='dark'] .ant-select-single .ant-select-selector .ant-select-selection-placeholder {\n display: flex;\n align-items: center;\n}\n[data-prefers-color='light'] .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background-color: transparent;\n color: #4383a4;\n border: 1px solid #4383a4;\n height: 28px;\n}\n[data-prefers-color='light'] .ant-select:not(.ant-select-disabled):hover .ant-select-selector {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='light'] .ant-select-arrow {\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-clear {\n background: transparent;\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background: rgba(79, 87, 96, 0.2);\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {\n border-color: #4383a4;\n outline: 0;\n box-shadow: 0 0 0 0.01042rem rgba(156, 208, 239, 0.2);\n}\n[data-prefers-color='light'] .ant-select-dropdown {\n background-color: #0a1432;\n border: 1px solid #4383a4;\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-item-option-active:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-item {\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-single .ant-select-selector .ant-select-selection-item,\n[data-prefers-color='light'] .ant-select-single .ant-select-selector .ant-select-selection-placeholder {\n line-height: 26px;\n}\n[data-prefers-color='dark'] .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background-color: transparent;\n color: #4383a4;\n border: 1px solid #4383a4;\n height: 28px;\n}\n[data-prefers-color='dark'] .ant-select:not(.ant-select-disabled):hover .ant-select-selector {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-arrow {\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-clear {\n background: transparent;\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background: rgba(79, 87, 96, 0.2);\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {\n border-color: #4383a4;\n outline: 0;\n box-shadow: 0 0 0 0.01042rem rgba(156, 208, 239, 0.2);\n}\n[data-prefers-color='dark'] .ant-select-dropdown {\n background-color: #0a1432;\n border: 1px solid #4383a4;\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-item-option-active:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-item {\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-single .ant-select-selector .ant-select-selection-item,\n[data-prefers-color='dark'] .ant-select-single .ant-select-selector .ant-select-selection-placeholder {\n line-height: 26px;\n}\n[data-prefers-color='dark'] .ant-select-tree {\n background-color: transparent;\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected,\n[data-prefers-color='dark'] .ant-select-tree .ant-select-tree-node-content-wrapper:hover {\n background-color: #104873;\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background-color: transparent;\n color: #4383a4;\n border: 1px solid #4383a4;\n height: 28px;\n}\n[data-prefers-color='light'] .ant-select:not(.ant-select-disabled):hover .ant-select-selector {\n border: 1px solid #4383a4;\n}\n[data-prefers-color='light'] .ant-select-arrow {\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-clear {\n background: transparent;\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background: rgba(79, 87, 96, 0.2);\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {\n border-color: #4383a4;\n outline: 0;\n box-shadow: 0 0 0 0.01042rem rgba(156, 208, 239, 0.2);\n}\n[data-prefers-color='light'] .ant-select-dropdown {\n background-color: #0a1432;\n border: 1px solid #4383a4;\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-item-option-active:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-item {\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-select-single .ant-select-selector .ant-select-selection-item,\n[data-prefers-color='light'] .ant-select-single .ant-select-selector .ant-select-selection-placeholder {\n line-height: 26px;\n}\n[data-prefers-color='light'] .ant-select-tree {\n background-color: transparent;\n}\n[data-prefers-color='light'] .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected,\n[data-prefers-color='light'] .ant-select-tree .ant-select-tree-node-content-wrapper:hover {\n background-color: #104873;\n color: #4383a4;\n}\n.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background-color: transparent;\n color: #4383a4;\n border: 1px solid #4383a4;\n height: 28px;\n}\n.ant-select:not(.ant-select-disabled):hover .ant-select-selector {\n border: 1px solid #4383a4;\n}\n.ant-select-arrow {\n color: #4383a4;\n}\n.ant-select-clear {\n background: transparent;\n color: #4383a4;\n}\n.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n background: rgba(79, 87, 96, 0.2);\n color: #4383a4;\n}\n.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {\n border-color: #4383a4;\n outline: 0;\n box-shadow: 0 0 0 0.01042rem rgba(156, 208, 239, 0.2);\n}\n.ant-select-dropdown {\n background-color: #0a1432;\n border: 1px solid #4383a4;\n color: #4383a4;\n}\n.ant-select-item-option-active:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background-color: #104873;\n color: #4383a4;\n}\n.ant-select-item {\n color: #4383a4;\n}\n.ant-select-single .ant-select-selector .ant-select-selection-item,\n.ant-select-single .ant-select-selector .ant-select-selection-placeholder {\n line-height: 26px;\n}\n.ant-select-tree {\n background-color: transparent;\n color: #4383a4;\n}\n.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected,\n.ant-select-tree .ant-select-tree-node-content-wrapper:hover {\n background-color: #104873;\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n background: rgba(156, 208, 239, 0.2) !important;\n border: 1px solid #9cd0ef !important;\n font-size: 14px;\n font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;\n font-weight: 400;\n color: #9cd0ef !important;\n}\n[data-prefers-color='dark'] .ant-radio-button-wrapper {\n background: #1d2c4a !important;\n font-size: 14px;\n font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;\n font-weight: 400;\n color: #4383a4 !important;\n}\n.ant-picker-input input::-webkit-input-placeholder {\n color: #4383a4;\n}\n.ant-picker-input input {\n color: #4383a4 !important;\n}\n.ant-picker {\n border-color: #4383a4 !important;\n}\n.ant-picker-range {\n background: rgba(6, 15, 41, 0.4) !important;\n}\n.ant-picker-panel-container {\n background: #0d1633 !important;\n}\n.ant-picker-clear {\n background: transparent;\n color: rgba(255, 255, 255, 0.4) !important;\n}\n.ant-picker-clear:hover {\n color: rgba(255, 255, 255, 0.5) !important;\n}\n.ant-picker-header {\n color: #9cd0ef !important;\n}\n.ant-picker-range-arrow::after {\n border-color: #0d1633 #0d1633 transparent transparent !important;\n}\n.ant-picker-header {\n border-bottom-color: rgba(156, 208, 239, 0.2) !important;\n}\n.ant-picker-panel {\n border-bottom-color: rgba(156, 208, 239, 0.2) !important;\n}\n.ant-picker-header button {\n color: #9cd0ef !important;\n}\n.ant-picker-cell {\n color: rgba(255, 255, 255, 0.25) !important;\n}\n.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,\n.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {\n background: rgba(67, 131, 164, 0.08) !important;\n}\n.ant-picker-cell-in-view.ant-picker-cell-in-range::before {\n background: rgba(67, 131, 164, 0.08) !important;\n}\n.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,\n.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {\n background: rgba(67, 131, 164, 0.08) !important;\n}\n.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,\n.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,\n.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n color: #0a1937 !important;\n background: #9cd0ef !important;\n}\n.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,\n.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {\n background: #9cd0ef !important;\n}\n.ant-picker-cell-range-hover-start {\n color: #0a1937 !important;\n background: transparent !important;\n}\n.ant-picker-content th {\n color: #9cd0ef !important;\n}\n.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {\n color: #9cd0ef !important;\n}\n.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background-color: rgba(67, 131, 164, 0.08) !important;\n}\ndiv.ant-picker {\n background-color: transparent;\n height: 28px;\n}\ndiv.ant-picker.ant-picker-focused {\n border-color: transparent;\n}\n.ant-picker-focused {\n background-color: transparent;\n box-shadow: none;\n}\n.ant-picker-datetime-panel .ant-picker-time-panel,\n.ant-picker-panel .ant-picker-footer {\n border-color: rgba(156, 208, 239, 0.2) !important;\n}\n.ant-picker-time-panel-column:not(:first-child) {\n border-color: rgba(156, 208, 239, 0.2) !important;\n}\n.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background-color: #9cd0ef !important;\n}\n[data-prefers-color='dark'] .ant-picker-input input::-webkit-input-placeholder {\n color: #4383a4;\n}\n[data-prefers-color='dark'] .ant-picker-input input {\n color: #4383a4 !important;\n}\n[data-prefers-color='dark'] .ant-picker {\n border-color: #4383a4 !important;\n}\n[data-prefers-color='dark'] .ant-picker-range {\n background: rgba(6, 15, 41, 0.4) !important;\n}\n[data-prefers-color='dark'] .ant-picker-panel-container {\n background: #0d1633 !important;\n}\n[data-prefers-color='dark'] .ant-picker-clear {\n background: transparent;\n color: rgba(255, 255, 255, 0.4) !important;\n}\n[data-prefers-color='dark'] .ant-picker-clear:hover {\n color: rgba(255, 255, 255, 0.5) !important;\n}\n[data-prefers-color='dark'] .ant-picker-header {\n color: #9cd0ef !important;\n}\n[data-prefers-color='dark'] .ant-picker-range-arrow::after {\n border-color: #0d1633 #0d1633 transparent transparent !important;\n}\n[data-prefers-color='dark'] .ant-picker-header {\n border-bottom-color: rgba(156, 208, 239, 0.2) !important;\n}\n[data-prefers-color='dark'] .ant-picker-panel {\n border-bottom-color: rgba(156, 208, 239, 0.2) !important;\n}\n[data-prefers-color='dark'] .ant-picker-header button {\n color: #9cd0ef !important;\n}\n[data-prefers-color='dark'] .ant-picker-cell {\n color: rgba(255, 255, 255, 0.25) !important;\n}\n[data-prefers-color='dark'] .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,\n[data-prefers-color='dark'] .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {\n background: rgba(67, 131, 164, 0.08) !important;\n}\n[data-prefers-color='dark'] .ant-picker-cell-in-view.ant-picker-cell-in-range::before {\n background: rgba(67, 131, 164, 0.08) !important;\n}\n[data-prefers-color='dark'] .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,\n[data-prefers-color='dark'] .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {\n background: rgba(67, 131, 164, 0.08) !important;\n}\n[data-prefers-color='dark'] .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,\n[data-prefers-color='dark'] .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,\n[data-prefers-color='dark'] .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n color: #0a1937 !important;\n background: #9cd0ef !important;\n}\n[data-prefers-color='dark'] .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,\n[data-prefers-color='dark'] .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {\n background: #9cd0ef !important;\n}\n[data-prefers-color='dark'] .ant-picker-cell-range-hover-start {\n color: #0a1937 !important;\n background: transparent !important;\n}\n[data-prefers-color='dark'] .ant-picker-content th {\n color: #9cd0ef !important;\n}\n[data-prefers-color='dark'] .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background-color: rgba(67, 131, 164, 0.08) !important;\n}\n[data-prefers-color='dark'] div.ant-picker {\n background-color: transparent;\n height: 28px;\n}\n[data-prefers-color='dark'] div.ant-picker.ant-picker-focused {\n border-color: transparent;\n}\n[data-prefers-color='dark'] .ant-picker-focused {\n background-color: transparent;\n box-shadow: none;\n}\n[data-prefers-color='dark'] .ant-picker-datetime-panel .ant-picker-time-panel,\n[data-prefers-color='dark'] .ant-picker-panel .ant-picker-footer {\n border-color: rgba(156, 208, 239, 0.2) !important;\n}\n[data-prefers-color='dark'] .ant-picker-time-panel-column:not(:first-child) {\n border-color: rgba(156, 208, 239, 0.2) !important;\n}\n[data-prefers-color='dark'] .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background-color: #9cd0ef !important;\n}\n[data-prefers-color='light'] .ant-picker-input input::-webkit-input-placeholder {\n color: #4383a4;\n}\n[data-prefers-color='light'] .ant-picker-input input {\n color: #4383a4 !important;\n}\n[data-prefers-color='light'] .ant-picker {\n border-color: #4383a4 !important;\n}\n[data-prefers-color='light'] .ant-picker-range {\n background: rgba(6, 15, 41, 0.4) !important;\n}\n[data-prefers-color='light'] .ant-picker-panel-container {\n background: #0d1633 !important;\n}\n[data-prefers-color='light'] .ant-picker-clear {\n background: transparent;\n color: rgba(255, 255, 255, 0.4) !important;\n}\n[data-prefers-color='light'] .ant-picker-clear:hover {\n color: rgba(255, 255, 255, 0.5) !important;\n}\n[data-prefers-color='light'] .ant-picker-header {\n color: #9cd0ef !important;\n}\n[data-prefers-color='light'] .ant-picker-range-arrow::after {\n border-color: #0d1633 #0d1633 transparent transparent !important;\n}\n[data-prefers-color='light'] .ant-picker-header {\n border-bottom-color: rgba(156, 208, 239, 0.2) !important;\n}\n[data-prefers-color='light'] .ant-picker-panel {\n border-bottom-color: rgba(156, 208, 239, 0.2) !important;\n}\n[data-prefers-color='light'] .ant-picker-header button {\n color: #9cd0ef !important;\n}\n[data-prefers-color='light'] .ant-picker-cell {\n color: rgba(255, 255, 255, 0.25) !important;\n}\n[data-prefers-color='light'] .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,\n[data-prefers-color='light'] .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {\n background: rgba(67, 131, 164, 0.08) !important;\n}\n[data-prefers-color='light'] .ant-picker-cell-in-view.ant-picker-cell-in-range::before {\n background: rgba(67, 131, 164, 0.08) !important;\n}\n[data-prefers-color='light'] .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,\n[data-prefers-color='light'] .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {\n background: rgba(67, 131, 164, 0.08) !important;\n}\n[data-prefers-color='light'] .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,\n[data-prefers-color='light'] .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,\n[data-prefers-color='light'] .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n color: #0a1937 !important;\n background: #9cd0ef !important;\n}\n[data-prefers-color='light'] .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,\n[data-prefers-color='light'] .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {\n background: #9cd0ef !important;\n}\n[data-prefers-color='light'] .ant-picker-cell-range-hover-start {\n color: #0a1937 !important;\n background: transparent !important;\n}\n[data-prefers-color='light'] .ant-picker-content th {\n color: #9cd0ef !important;\n}\n[data-prefers-color='light'] .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {\n color: #9cd0ef !important;\n}\n[data-prefers-color='light'] .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background-color: rgba(67, 131, 164, 0.08) !important;\n}\n[data-prefers-color='light'] div.ant-picker {\n background-color: transparent;\n height: 28px;\n}\n[data-prefers-color='light'] div.ant-picker.ant-picker-focused {\n border-color: transparent;\n}\n[data-prefers-color='light'] .ant-picker-focused {\n background-color: transparent;\n box-shadow: none;\n}\n[data-prefers-color='light'] .ant-picker-datetime-panel .ant-picker-time-panel,\n[data-prefers-color='light'] .ant-picker-panel .ant-picker-footer {\n border-color: rgba(156, 208, 239, 0.2) !important;\n}\n[data-prefers-color='light'] .ant-picker-time-panel-column:not(:first-child) {\n border-color: rgba(156, 208, 239, 0.2) !important;\n}\n[data-prefers-color='light'] .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background-color: #9cd0ef !important;\n}\n[data-prefers-color='dark'] .ant-form-item-label > label {\n font-size: 16px;\n color: #4281a1;\n}\n[data-prefers-color='light'] .ant-form-item-label > label {\n font-size: 16px;\n color: #4281a1;\n}\n[data-prefers-color='dark'] .number-page {\n width: 19px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n[data-prefers-color='dark'] .number-page .number-page-div {\n width: 100%;\n height: 100%;\n overflow: hidden;\n display: flex;\n}\n[data-prefers-color='dark'] .number-page .number-page-div .scroll-bg {\n width: 100%;\n height: auto;\n}\n[data-prefers-color='dark'] .number-page .number-page-div .scroll-bg .number-page-item {\n width: 100%;\n height: auto;\n}\n[data-prefers-color='dark'] .number-page .number-page-div .scroll-bg .number-page-item > div {\n width: 100%;\n height: 30px;\n background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAoCAYAAADt5povAAABrElEQVRYhb3WMW4TQRQG4P//d2bX69gUVClzBFLRcIFUNCg0VNBFaXOK3CAFDQoSLeICQaShokSi4AYg2XG88Trz0PMmDf2+V2wzo/30z5vRDN99+VkDOAfwBsBTjFN/AXwAcJaUqtPfP74fXX96P+9ulqNok9l89uL47dHB4fNfSrnG18uL/e5mmUdKB//31ceL/SrlRik3q75bz8fCHsuN3DQrKedubOyxlPKtSK6jQIidSMUlpDpRgQnJtUDexXnsHAxbUlJ33sPYhFRcQm+fAG7iPG08YRgIwhMqDhR7keijPEK9QIWBALd+Du/DPGErAHEgeB8LcgfKwkDABCIQpCkOG8rXk1GYAfKEVShoQAoEK5nFJQSQPWEdpVlBVrE4sACNYGiiQBhqFWAS5RWg9U3TRoFWMPEehoEPCW0aBVqxVqUgDgSnKohLWKxMfdMEgpip35YqTdrF2Fhq2sWmL9KmL8vD45Pr3O7djoXVe09Wz16ffOu35Q9fXa0zDGcEXhow9+uRtF2H/Uvu7kuz/98Fwy3KYdBnD7tiGNjNJh9eEwYsCHw2w/k/mOud24oxaJIAAAAASUVORK5CYII=') no-repeat center center;\n background-size: cover;\n border-radius: 3px;\n display: flex;\n justify-content: center;\n font-size: 30px;\n font-family: zcoolqingkehuangyouti Regular, zcoolqingkehuangyouti Regular-Regular;\n font-weight: 400;\n text-align: center;\n color: #76d6ff;\n align-items: baseline;\n}\n.number-page {\n width: 19px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.number-page .number-page-div {\n width: 100%;\n height: 100%;\n overflow: hidden;\n display: flex;\n}\n.number-page .number-page-div .scroll-bg {\n width: 100%;\n height: auto;\n}\n.number-page .number-page-div .scroll-bg .number-page-item {\n width: 100%;\n height: auto;\n}\n.number-page .number-page-div .scroll-bg .number-page-item > div {\n width: 100%;\n height: 30px;\n background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAoCAYAAADt5povAAABrElEQVRYhb3WMW4TQRQG4P//d2bX69gUVClzBFLRcIFUNCg0VNBFaXOK3CAFDQoSLeICQaShokSi4AYg2XG88Trz0PMmDf2+V2wzo/30z5vRDN99+VkDOAfwBsBTjFN/AXwAcJaUqtPfP74fXX96P+9ulqNok9l89uL47dHB4fNfSrnG18uL/e5mmUdKB//31ceL/SrlRik3q75bz8fCHsuN3DQrKedubOyxlPKtSK6jQIidSMUlpDpRgQnJtUDexXnsHAxbUlJ33sPYhFRcQm+fAG7iPG08YRgIwhMqDhR7keijPEK9QIWBALd+Du/DPGErAHEgeB8LcgfKwkDABCIQpCkOG8rXk1GYAfKEVShoQAoEK5nFJQSQPWEdpVlBVrE4sACNYGiiQBhqFWAS5RWg9U3TRoFWMPEehoEPCW0aBVqxVqUgDgSnKohLWKxMfdMEgpip35YqTdrF2Fhq2sWmL9KmL8vD45Pr3O7djoXVe09Wz16ffOu35Q9fXa0zDGcEXhow9+uRtF2H/Uvu7kuz/98Fwy3KYdBnD7tiGNjNJh9eEwYsCHw2w/k/mOud24oxaJIAAAAASUVORK5CYII=') no-repeat center center;\n background-size: cover;\n border-radius: 3px;\n display: flex;\n justify-content: center;\n font-size: 30px;\n font-family: zcoolqingkehuangyouti Regular, zcoolqingkehuangyouti Regular-Regular;\n font-weight: 400;\n text-align: center;\n color: #76d6ff;\n align-items: baseline;\n}\n.autoScroll-outer {\n overflow: hidden;\n height: 100px;\n}\n@font-face {\n font-family: 'swiper-icons';\n src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');\n font-weight: 400;\n font-style: normal;\n}\n:root {\n --swiper-theme-color: #007aff;\n}\n.swiper-container {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n /* Fix of Webkit flickering */\n z-index: 1;\n}\n.swiper-container-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.swiper-container-android .swiper-slide,\n.swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.swiper-container-multirow > .swiper-wrapper {\n flex-wrap: wrap;\n}\n.swiper-container-multirow-column > .swiper-wrapper {\n flex-wrap: wrap;\n flex-direction: column;\n}\n.swiper-container-free-mode > .swiper-wrapper {\n transition-timing-function: ease-out;\n margin: 0 auto;\n}\n.swiper-container-pointer-events {\n touch-action: pan-y;\n}\n.swiper-container-pointer-events.swiper-container-vertical {\n touch-action: pan-x;\n}\n.swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n.swiper-slide-invisible-blank {\n visibility: hidden;\n}\n/* Auto Height */\n.swiper-container-autoheight,\n.swiper-container-autoheight .swiper-slide {\n height: auto;\n}\n.swiper-container-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n/* 3D Effects */\n.swiper-container-3d {\n perspective: 1200px;\n}\n.swiper-container-3d .swiper-wrapper,\n.swiper-container-3d .swiper-slide,\n.swiper-container-3d .swiper-slide-shadow-left,\n.swiper-container-3d .swiper-slide-shadow-right,\n.swiper-container-3d .swiper-slide-shadow-top,\n.swiper-container-3d .swiper-slide-shadow-bottom,\n.swiper-container-3d .swiper-cube-shadow {\n transform-style: preserve-3d;\n}\n.swiper-container-3d .swiper-slide-shadow-left,\n.swiper-container-3d .swiper-slide-shadow-right,\n.swiper-container-3d .swiper-slide-shadow-top,\n.swiper-container-3d .swiper-slide-shadow-bottom {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 10;\n}\n.swiper-container-3d .swiper-slide-shadow-left {\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.swiper-container-3d .swiper-slide-shadow-right {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.swiper-container-3d .swiper-slide-shadow-top {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.swiper-container-3d .swiper-slide-shadow-bottom {\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n/* CSS Mode */\n.swiper-container-css-mode > .swiper-wrapper {\n overflow: auto;\n scrollbar-width: none;\n /* For Firefox */\n -ms-overflow-style: none;\n /* For Internet Explorer and Edge */\n}\n.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {\n display: none;\n}\n.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n}\n.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {\n -ms-scroll-snap-type: x mandatory;\n scroll-snap-type: x mandatory;\n}\n.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {\n -ms-scroll-snap-type: y mandatory;\n scroll-snap-type: y mandatory;\n}\n:root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n}\n.swiper-button-prev,\n.swiper-button-next {\n position: absolute;\n top: 50%;\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.swiper-button-prev.swiper-button-disabled,\n.swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n.swiper-button-prev:after,\n.swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n text-transform: none !important;\n letter-spacing: 0;\n text-transform: none;\n font-variant: initial;\n line-height: 1;\n}\n.swiper-button-prev,\n.swiper-container-rtl .swiper-button-next {\n left: 10px;\n right: auto;\n}\n.swiper-button-prev:after,\n.swiper-container-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.swiper-button-next,\n.swiper-container-rtl .swiper-button-prev {\n right: 10px;\n left: auto;\n}\n.swiper-button-next:after,\n.swiper-container-rtl .swiper-button-prev:after {\n content: 'next';\n}\n.swiper-button-prev.swiper-button-white,\n.swiper-button-next.swiper-button-white {\n --swiper-navigation-color: #ffffff;\n}\n.swiper-button-prev.swiper-button-black,\n.swiper-button-next.swiper-button-black {\n --swiper-navigation-color: #000000;\n}\n.swiper-button-lock {\n display: none;\n}\n:root {\n /*\n --swiper-pagination-color: var(--swiper-theme-color);\n */\n}\n.swiper-pagination {\n position: absolute;\n text-align: center;\n transition: 300ms opacity;\n transform: translate3d(0, 0, 0);\n z-index: 10;\n}\n.swiper-pagination.swiper-pagination-hidden {\n opacity: 0;\n}\n/* Common Styles */\n.swiper-pagination-fraction,\n.swiper-pagination-custom,\n.swiper-container-horizontal > .swiper-pagination-bullets {\n bottom: 10px;\n left: 0;\n width: 100%;\n}\n/* Bullets */\n.swiper-pagination-bullets-dynamic {\n overflow: hidden;\n font-size: 0;\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transform: scale(0.33);\n position: relative;\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n transform: scale(1);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n transform: scale(1);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n transform: scale(0.66);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n transform: scale(0.33);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n transform: scale(0.66);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n transform: scale(0.33);\n}\n.swiper-pagination-bullet {\n width: 8px;\n height: 8px;\n display: inline-block;\n border-radius: 50%;\n background: #000;\n opacity: 0.2;\n}\nbutton.swiper-pagination-bullet {\n border: none;\n margin: 0;\n padding: 0;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.swiper-pagination-clickable .swiper-pagination-bullet {\n cursor: pointer;\n}\n.swiper-pagination-bullet:only-child {\n display: none !important;\n}\n.swiper-pagination-bullet-active {\n opacity: 1;\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n.swiper-container-vertical > .swiper-pagination-bullets {\n right: 10px;\n top: 50%;\n transform: translate3d(0px, -50%, 0);\n}\n.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 6px 0;\n display: block;\n}\n.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n}\n.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n display: inline-block;\n transition: 200ms transform, 200ms top;\n}\n.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 0 4px;\n}\n.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n}\n.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transition: 200ms transform, 200ms left;\n}\n.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transition: 200ms transform, 200ms right;\n}\n/* Progress */\n.swiper-pagination-progressbar {\n background: rgba(0, 0, 0, 0.25);\n position: absolute;\n}\n.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n transform: scale(0);\n transform-origin: left top;\n}\n.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n transform-origin: right top;\n}\n.swiper-container-horizontal > .swiper-pagination-progressbar,\n.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n width: 100%;\n height: 4px;\n left: 0;\n top: 0;\n}\n.swiper-container-vertical > .swiper-pagination-progressbar,\n.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n width: 4px;\n height: 100%;\n left: 0;\n top: 0;\n}\n.swiper-pagination-white {\n --swiper-pagination-color: #ffffff;\n}\n.swiper-pagination-black {\n --swiper-pagination-color: #000000;\n}\n.swiper-pagination-lock {\n display: none;\n}\n.mySwiper.swiper-container {\n width: 100%;\n height: 100%;\n padding: 0 30px;\n}\n.mySwiper.swiper-container .swiper-button-prev {\n left: 0px;\n}\n.mySwiper.swiper-container .swiper-button-prev:after {\n content: '';\n background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAACU0lEQVQ4jaWUz2sTQRTHv7M7G0UrihSUHrx4qiBBVNpL1HoRrAqeetGqJJio0IMXcxECXnr0KP5AjCAeRC96aKUh9SAaGi+KxT9BsFhqEtPsmxnZ7GwyG7ebVB88XpjJfObte983DAD4V4W2CQDkuQJc+N5SQMuM+newv+6ehOKnIHDLQ1A+AQv/YJR2GCRNQKl3sPgChLtM+YRF+UQ7yU1BaYozCJrgD1uLsHgJjKWg1HdZmn2hWYNDadL2Yc/dRdgaFlirVpTzd5QBZbFQOm75sNf0N8w3V1aeFL22mAlGQumohpXFRjDfmmtz8tXNleCztakQlA4yH1YR5VhYcPpbqWgAlfbOAuOf3RNQdgGCHRtIUvXGMs3sPAugBqDh5a0FqTrFRaNuQcm4xCIrZbjks95t3ZpaNLbrPSX5OfWlch7Nxoe+uMS2UXvm7WE9MjL4dBgy8KINwBEXx6qUGppW88+uoLZajeOyfUcubQSNNFG4UKXJ3Vflmwc51H5+ivzTlqHTdvrlSO+ypW+Q+kYX3Xase1HezVVoajgr5+5fw6+VXjhn+1MZc5rMTKUuuAf7DaCuu1oPOivvXf9ImT1ZWX6URWN1qZvtjsvWeGarCWVGNGvbrq/2hHdUR0dPD+z00yQbPZODtX0caz+yVBh5HEgq9PTRATYI3NHr3iHXvrGQZHuTKbo9nNflk5HvKR3qC3f0njRK1tRQYc5spGpi4LbeE0Zj25nyPlBleKCQQCW2oZ5Aq6FGDWpm5t0R94Ed3yy0tyyhJ898qf7XwnAAfwBKMQuP709g4gAAAABJRU5ErkJggg==') center center no-repeat;\n width: 21px;\n height: 22px;\n}\n.mySwiper.swiper-container .swiper-button-next {\n right: 0px;\n}\n.mySwiper.swiper-container .swiper-button-next:after {\n content: '';\n background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAACc0lEQVQ4jZ2UT2gTQRTGv5lsEhT/0GqQSjFg8FK8CEXQiwcP3gRBKBQ8qVj1XOxFQaFYLYgg2rSgRutFBLFqwB7aoxfRi7bQNoJRY6spFC2VZv/Mk9nMJLObNG0c+Jhh9+1vvpn39jEAsKYJahyHhzdwYcMlwEFZNgG2Oau1fu8Q4MGX2xcDlyy3gzEpCHEQwAyEOEffcnH85+DqM+mYU+HLCIB2cJ5m7akZuE4PFZqHcwWUinjHUkU49svyNiwJKzrEdiv4j43DeWht0dzHB4EIDW9LzcJzemhhfbgJLbvt6nwPuzRVE8nYHkSiQ2yXgv/6vCZcQnXq9cwpP/tkTRsantgr4eepWAvXTiVQKJG4evoVhLfU8Ixl+D22U8EXq/AwVFabS1Pv/mJl+VNDaBB+m7Ume92+mJ94H2pNUwDKz15uxZbth9cFEjkoLT+muckD7qXNgyovsMwQDeZdF0+BsUhD2O/5F2Ji+K7I9ucArCqWf31WOJwdPRFFS6Lbf10HRsV8lp4P3heTw18VzKz1Gqf+DUWupE+C8wQEBWE/81l6eiMjxke+yytSf72r5GmXYSj3ta3lTAC2kM/S6EBGvK7AXFTbSknJVs+rx/ebiXQ5njsEK9oJhxwUC2Pi4c2MeHZnXifQgJnSTgNutcu49WHlkfV2aZRfuHYEQAeA/WreByAJoA3ADgBbAWwCEJN/ob5Xa0DuUT2+75Qmxq57vd1/5AYqmOo4NJ2Rf9xbNlWeGBnjate4kt7M0226LiztUL0mbUIlKKpmbrisgZn3Vm9oR7rwdQbl0L1gw7BKXRqzLuJKQTULC0PDaw1tfgD4B0kdPOIaMRPzAAAAAElFTkSuQmCC') center center no-repeat;\n width: 21px;\n height: 22px;\n}\n.swiper-slide {\n text-align: center;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n.swiper-slide img {\n display: block;\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.card-container {\n position: absolute;\n z-index: 2;\n border-width: 63px 124px 63px 124px;\n border-style: solid;\n -o-border-image: url('data:image/png;base64,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') round;\n border-image: url('data:image/png;base64,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') round;\n border-image-slice: 63 124 63 124;\n border-image-width: 63px 124px 63px 124px;\n border-image-repeat: stretch stretch;\n min-width: 400px;\n min-height: 100px;\n}\n.card-container .container-in {\n position: absolute;\n width: calc(100% + 248px);\n height: calc(100% + 125px);\n left: 0;\n top: 0;\n transform: translate(-124px, -63px);\n padding: 12px 6px;\n}\n.card-container .container-in::before {\n content: '';\n position: absolute;\n width: 70px;\n height: 4px;\n background: #51bef6;\n top: 5px;\n left: 50%;\n transform: translateX(-50%);\n}\n.card-container .container-in::after {\n content: '';\n position: absolute;\n width: 70px;\n height: 4px;\n background: #51bef6;\n bottom: 5px;\n left: 50%;\n transform: translateX(-50%);\n}\n.card-container .container-in .container-in-border {\n width: 100%;\n height: 100%;\n border: 1px solid #113c54;\n background: rgba(22, 28, 38, 0.7);\n padding: 8px 4px;\n display: flex;\n flex-direction: column;\n}\n.card-container .container-in .container-in-border .header {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n height: 24px;\n background: linear-gradient(to right, #10618b 0%, #113c54 34%, #132237 100%);\n padding: 0 10px;\n}\n.card-container .container-in .container-in-border .header .title {\n font-size: 14px;\n font-family: Microsoft YaHei Bold, Microsoft YaHei Bold-Bold;\n font-weight: 700;\n font-style: italic;\n text-align: center;\n color: linear-gradient(#cffaff 0%, #4fc2ff 100%);\n line-height: 41px;\n text-shadow: 2px 3px 2px 0px rgba(15, 22, 27, 0.8);\n display: flex;\n align-items: center;\n}\n.card-container .container-in .container-in-border .header .title .dot {\n width: 6px;\n height: 6px;\n background: #e0ac64;\n border-radius: 50%;\n margin-right: 6px;\n}\n.card-container .container-in .container-in-border .body {\n flex: 1;\n}\n";
|
71
|
-
styleInject(css_248z);
|
42
|
+
import ReactDOM from 'react-dom';
|
43
|
+
import 'antd/es/modal/style';
|
44
|
+
import _Modal from 'antd/es/modal';
|
45
|
+
import ProTable from '@ant-design/pro-table';
|
72
46
|
|
73
47
|
function ownKeys(object, enumerableOnly) {
|
74
48
|
var keys = Object.keys(object);
|
@@ -576,7 +550,16 @@ var WSelect = function WSelect(props) {
|
|
576
550
|
|
577
551
|
if (valueEnum) {
|
578
552
|
for (var key in valueEnum) {
|
579
|
-
var text =
|
553
|
+
var text = '';
|
554
|
+
|
555
|
+
if (typeof valueEnum[key] === 'string') {
|
556
|
+
text = valueEnum[key];
|
557
|
+
} else {
|
558
|
+
var _valueEnum$key;
|
559
|
+
|
560
|
+
text = (_valueEnum$key = valueEnum[key]) === null || _valueEnum$key === void 0 ? void 0 : _valueEnum$key.text;
|
561
|
+
}
|
562
|
+
|
580
563
|
options.push({
|
581
564
|
label: text,
|
582
565
|
value: key
|
@@ -6549,9 +6532,6 @@ hooks.HTML5_FMT = {
|
|
6549
6532
|
MONTH: 'YYYY-MM', // <input type="month" />
|
6550
6533
|
};
|
6551
6534
|
|
6552
|
-
var css_248z$1 = ".frame {\n width: 40px;\n height: 40px;\n background: rgba(15, 72, 114, 0.1);\n border: 1px solid rgba(156, 208, 239, 0.4);\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.frame .framelt {\n position: absolute;\n top: 0;\n left: 0;\n width: 6px;\n height: 2px;\n opacity: 1;\n background: #9cd0ef;\n}\n.frame .framert {\n position: absolute;\n top: 0;\n right: 0;\n width: 6px;\n height: 2px;\n opacity: 1;\n background: #9cd0ef;\n}\n.frame .framelb {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 6px;\n height: 2px;\n opacity: 1;\n background: #9cd0ef;\n}\n.frame .framerb {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 6px;\n height: 2px;\n opacity: 1;\n background: #9cd0ef;\n}\n";
|
6553
|
-
styleInject(css_248z$1);
|
6554
|
-
|
6555
6535
|
var _excluded$3 = ["className", "frameStyle", "style", "direction", "children"];
|
6556
6536
|
function FrameBox(_ref) {
|
6557
6537
|
var _classnames;
|
@@ -6594,7 +6574,7 @@ function FrameBox(_ref) {
|
|
6594
6574
|
}), children);
|
6595
6575
|
}
|
6596
6576
|
|
6597
|
-
var _excluded$4 = ["columns", "dataSource", "request", "onLoad", "params", "onSubmit", "rowKey", "onRow", "className", "rowClassName", "rowSelection", "style", "tbodyStyle", "thStyle", "border", "scroll", "pagination", "search", "frameBoxTable"];
|
6577
|
+
var _excluded$4 = ["columns", "dataSource", "request", "onLoad", "params", "onSubmit", "rowKey", "onRow", "className", "rowClassName", "rowSelection", "style", "tbodyStyle", "thStyle", "border", "scroll", "pagination", "search", "frameBoxTable", "frameBoxDirection"];
|
6598
6578
|
var RangePicker$1 = Index$1.RangePicker;
|
6599
6579
|
function Table(_ref) {
|
6600
6580
|
var _classnames2;
|
@@ -6622,6 +6602,8 @@ function Table(_ref) {
|
|
6622
6602
|
search = _ref$search === void 0 ? false : _ref$search,
|
6623
6603
|
_ref$frameBoxTable = _ref.frameBoxTable,
|
6624
6604
|
frameBoxTable = _ref$frameBoxTable === void 0 ? false : _ref$frameBoxTable,
|
6605
|
+
_ref$frameBoxDirectio = _ref.frameBoxDirection,
|
6606
|
+
frameBoxDirection = _ref$frameBoxDirectio === void 0 ? 'out' : _ref$frameBoxDirectio,
|
6625
6607
|
props = _objectWithoutProperties(_ref, _excluded$4);
|
6626
6608
|
|
6627
6609
|
var _useState = useState(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || [])),
|
@@ -7517,6 +7499,8 @@ function Table(_ref) {
|
|
7517
7499
|
}, dataSource.map(function (record, index) {
|
7518
7500
|
var key = typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey];
|
7519
7501
|
return frameBoxTable ? /*#__PURE__*/React.createElement(FrameBox, {
|
7502
|
+
key: key,
|
7503
|
+
direction: frameBoxDirection,
|
7520
7504
|
style: {
|
7521
7505
|
width: '100%'
|
7522
7506
|
}
|
@@ -7536,7 +7520,7 @@ Table.defaultProps = {
|
|
7536
7520
|
rowKey: 'key'
|
7537
7521
|
};
|
7538
7522
|
|
7539
|
-
var _excluded$5 = ["columns", "className", "style", "search"];
|
7523
|
+
var _excluded$5 = ["columns", "className", "style", "search", "disabled", "onSubmit", "onReset"];
|
7540
7524
|
var RangePicker$2 = Index$1.RangePicker;
|
7541
7525
|
|
7542
7526
|
var WForm = function WForm(props, ref) {
|
@@ -7544,6 +7528,9 @@ var WForm = function WForm(props, ref) {
|
|
7544
7528
|
className = props.className,
|
7545
7529
|
style = props.style,
|
7546
7530
|
search = props.search,
|
7531
|
+
disabled = props.disabled,
|
7532
|
+
onSubmit = props.onSubmit,
|
7533
|
+
onReset = props.onReset,
|
7547
7534
|
extraProps = _objectWithoutProperties(props, _excluded$5);
|
7548
7535
|
|
7549
7536
|
var _Form$useForm = _Form.useForm(),
|
@@ -7552,11 +7539,18 @@ var WForm = function WForm(props, ref) {
|
|
7552
7539
|
|
7553
7540
|
var _useState = useState({}),
|
7554
7541
|
_useState2 = _slicedToArray(_useState, 2),
|
7555
|
-
|
7556
|
-
|
7542
|
+
changedValues = _useState2[0],
|
7543
|
+
setchangedValues = _useState2[1];
|
7544
|
+
|
7545
|
+
var _useState3 = useState({}),
|
7546
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
7547
|
+
columnsFields = _useState4[0],
|
7548
|
+
setColumnsFields = _useState4[1];
|
7557
7549
|
|
7558
7550
|
var filterFormColumns = columns.filter(function (c) {
|
7559
7551
|
return !c.hideInSearch;
|
7552
|
+
}).sort(function (a, b) {
|
7553
|
+
return (b.order || 0) - (a.order || 0);
|
7560
7554
|
});
|
7561
7555
|
var filterForm = useMemo(function () {
|
7562
7556
|
return filterFormColumns.map(function (c) {
|
@@ -7605,6 +7599,7 @@ var WForm = function WForm(props, ref) {
|
|
7605
7599
|
labelCol: labelCol
|
7606
7600
|
}), /*#__PURE__*/React.createElement(Index, _objectSpread2(_objectSpread2({
|
7607
7601
|
placeholder: "\u8BF7\u9009\u62E9",
|
7602
|
+
disabled: disabled,
|
7608
7603
|
onLoad: function onLoad(opt) {
|
7609
7604
|
setColumnsFields(function (preColumnsFields) {
|
7610
7605
|
return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
|
@@ -7640,6 +7635,7 @@ var WForm = function WForm(props, ref) {
|
|
7640
7635
|
label: c.title,
|
7641
7636
|
labelCol: _labelCol
|
7642
7637
|
}), /*#__PURE__*/React.createElement(Index$4, _objectSpread2(_objectSpread2({
|
7638
|
+
disabled: disabled,
|
7643
7639
|
placeholder: "\u8BF7\u9009\u62E9",
|
7644
7640
|
onLoad: function onLoad(opt) {}
|
7645
7641
|
}, c.fieldProps), _extraProps2))));
|
@@ -7689,6 +7685,7 @@ var WForm = function WForm(props, ref) {
|
|
7689
7685
|
label: c.title,
|
7690
7686
|
labelCol: _labelCol2
|
7691
7687
|
}), /*#__PURE__*/React.createElement(Index$1, _objectSpread2(_objectSpread2(_objectSpread2({
|
7688
|
+
disabled: disabled,
|
7692
7689
|
placeholder: "\u8BF7\u8F93\u5165"
|
7693
7690
|
}, picker), showTime), c.fieldProps))));
|
7694
7691
|
} else if (c.valueType === 'dateRange' || c.valueType === 'dateTimeRange') {
|
@@ -7723,7 +7720,9 @@ var WForm = function WForm(props, ref) {
|
|
7723
7720
|
name: c.dataIndex,
|
7724
7721
|
label: c.title,
|
7725
7722
|
labelCol: _labelCol3
|
7726
|
-
}), /*#__PURE__*/React.createElement(RangePicker$2, _objectSpread2(_objectSpread2({
|
7723
|
+
}), /*#__PURE__*/React.createElement(RangePicker$2, _objectSpread2(_objectSpread2({
|
7724
|
+
disabled: disabled
|
7725
|
+
}, _showTime), c.fieldProps))));
|
7727
7726
|
} else if (c.valueType === 'checkbox') {
|
7728
7727
|
var options = [];
|
7729
7728
|
|
@@ -7766,6 +7765,7 @@ var WForm = function WForm(props, ref) {
|
|
7766
7765
|
label: c.title,
|
7767
7766
|
labelCol: _labelCol4
|
7768
7767
|
}), /*#__PURE__*/React.createElement(Index$3.Group, _objectSpread2({
|
7768
|
+
disabled: disabled,
|
7769
7769
|
options: options
|
7770
7770
|
}, c.fieldProps))));
|
7771
7771
|
} else if (c.valueType === 'radio' || c.valueType === 'radioButton') {
|
@@ -7819,7 +7819,9 @@ var WForm = function WForm(props, ref) {
|
|
7819
7819
|
name: c.dataIndex,
|
7820
7820
|
label: c.title,
|
7821
7821
|
labelCol: _labelCol5
|
7822
|
-
}), /*#__PURE__*/React.createElement(Index$2.Group, _objectSpread2(_objectSpread2({
|
7822
|
+
}), /*#__PURE__*/React.createElement(Index$2.Group, _objectSpread2(_objectSpread2({
|
7823
|
+
disabled: disabled
|
7824
|
+
}, radioButtonProps), {}, {
|
7823
7825
|
options: _options
|
7824
7826
|
}, c.fieldProps))));
|
7825
7827
|
} else if (c.valueType === 'switch') {
|
@@ -7861,7 +7863,9 @@ var WForm = function WForm(props, ref) {
|
|
7861
7863
|
name: c.dataIndex,
|
7862
7864
|
label: c.title,
|
7863
7865
|
labelCol: _labelCol6
|
7864
|
-
}), /*#__PURE__*/React.createElement(WSwitch, _objectSpread2({
|
7866
|
+
}), /*#__PURE__*/React.createElement(WSwitch, _objectSpread2({
|
7867
|
+
disabled: disabled
|
7868
|
+
}, c.fieldProps))));
|
7865
7869
|
} else if (c.valueType === 'digit') {
|
7866
7870
|
var _labelCol7 = {};
|
7867
7871
|
|
@@ -7885,9 +7889,10 @@ var WForm = function WForm(props, ref) {
|
|
7885
7889
|
label: c.title,
|
7886
7890
|
labelCol: _labelCol7
|
7887
7891
|
}), /*#__PURE__*/React.createElement(NumericInput, _objectSpread2({
|
7892
|
+
disabled: disabled,
|
7888
7893
|
placeholder: "\u8BF7\u8F93\u5165\u53C2\u6570(double/int)"
|
7889
7894
|
}, c.fieldProps))));
|
7890
|
-
} else if (c.
|
7895
|
+
} else if (c.renderFormItem) {
|
7891
7896
|
var _labelCol8 = {};
|
7892
7897
|
|
7893
7898
|
if (search && search.labelWidth) {
|
@@ -7896,7 +7901,11 @@ var WForm = function WForm(props, ref) {
|
|
7896
7901
|
};
|
7897
7902
|
}
|
7898
7903
|
|
7899
|
-
|
7904
|
+
var baseitem = c.renderFormItem(c, _objectSpread2(_objectSpread2({}, c), {}, {
|
7905
|
+
formItemProps: c.formItemProps,
|
7906
|
+
fieldProps: c.fieldProps
|
7907
|
+
}), form);
|
7908
|
+
return baseitem ? /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
|
7900
7909
|
style: {
|
7901
7910
|
paddingLeft: '12px',
|
7902
7911
|
paddingRight: '12px'
|
@@ -7909,12 +7918,36 @@ var WForm = function WForm(props, ref) {
|
|
7909
7918
|
name: c.dataIndex,
|
7910
7919
|
label: c.title,
|
7911
7920
|
labelCol: _labelCol8
|
7921
|
+
}), baseitem)) : null;
|
7922
|
+
} else {
|
7923
|
+
var _labelCol9 = {};
|
7924
|
+
|
7925
|
+
if (search && search.labelWidth) {
|
7926
|
+
_labelCol9.style = {
|
7927
|
+
width: search.labelWidth
|
7928
|
+
};
|
7929
|
+
}
|
7930
|
+
|
7931
|
+
return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
|
7932
|
+
style: {
|
7933
|
+
paddingLeft: '12px',
|
7934
|
+
paddingRight: '12px'
|
7935
|
+
}
|
7936
|
+
}, colProps), {}, {
|
7937
|
+
key: c.dataIndex
|
7938
|
+
}), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
|
7939
|
+
initialValue: c.initialValue
|
7940
|
+
}, c.formItemProps), {}, {
|
7941
|
+
name: c.dataIndex,
|
7942
|
+
label: c.title,
|
7943
|
+
labelCol: _labelCol9
|
7912
7944
|
}), /*#__PURE__*/React.createElement(WInput, _objectSpread2({
|
7945
|
+
disabled: disabled,
|
7913
7946
|
placeholder: "\u8BF7\u8F93\u5165"
|
7914
7947
|
}, c.fieldProps))));
|
7915
7948
|
}
|
7916
7949
|
});
|
7917
|
-
}, []);
|
7950
|
+
}, [changedValues, disabled, JSON.stringify(form.getFieldsValue())]);
|
7918
7951
|
|
7919
7952
|
var handleSearch = function handleSearch(v) {
|
7920
7953
|
var searchForm = form.getFieldsValue();
|
@@ -7922,50 +7955,59 @@ var WForm = function WForm(props, ref) {
|
|
7922
7955
|
if (c.search && c.search.transform) {
|
7923
7956
|
searchForm = _objectSpread2(_objectSpread2({}, searchForm), c.search.transform(searchForm[c.dataIndex]));
|
7924
7957
|
delete searchForm[c.dataIndex];
|
7958
|
+
return false;
|
7925
7959
|
}
|
7926
7960
|
|
7927
7961
|
if (c.valueType && ['date', 'dateTime', 'dateMonth', 'dateYear', 'dateRange', 'dateTimeRange'].includes(c.valueType)) {
|
7928
7962
|
if (c.valueType === 'date' && searchForm[c.dataIndex]) {
|
7929
|
-
searchForm[c.dataIndex] = hooks(searchForm[c.dataIndex]).format('YYYY-MM-DD');
|
7963
|
+
searchForm[c.dataIndex] = searchForm[c.dataIndex] && hooks(searchForm[c.dataIndex]).format('YYYY-MM-DD');
|
7930
7964
|
}
|
7931
7965
|
|
7932
7966
|
if (c.valueType === 'dateTime' && searchForm[c.dataIndex]) {
|
7933
|
-
searchForm[c.dataIndex] = hooks(searchForm[c.dataIndex]).format('YYYY-MM-DD HH:mm:ss');
|
7967
|
+
searchForm[c.dataIndex] = searchForm[c.dataIndex] && hooks(searchForm[c.dataIndex]).format('YYYY-MM-DD HH:mm:ss');
|
7934
7968
|
}
|
7935
7969
|
|
7936
7970
|
if (c.valueType === 'dateMonth' && searchForm[c.dataIndex]) {
|
7937
|
-
searchForm[c.dataIndex] = hooks(searchForm[c.dataIndex]).format('YYYY-MM');
|
7971
|
+
searchForm[c.dataIndex] = searchForm[c.dataIndex] && hooks(searchForm[c.dataIndex]).format('YYYY-MM');
|
7938
7972
|
}
|
7939
7973
|
|
7940
7974
|
if (c.valueType === 'dateYear' && searchForm[c.dataIndex]) {
|
7941
|
-
searchForm[c.dataIndex] = hooks(searchForm[c.dataIndex]).format('YYYY');
|
7975
|
+
searchForm[c.dataIndex] = searchForm[c.dataIndex] && hooks(searchForm[c.dataIndex]).format('YYYY');
|
7942
7976
|
}
|
7943
7977
|
|
7944
7978
|
if (c.valueType === 'dateRange' && searchForm[c.dataIndex]) {
|
7945
|
-
searchForm[c.dataIndex] = searchForm[c.dataIndex].map(function (
|
7946
|
-
return
|
7979
|
+
searchForm[c.dataIndex] = searchForm[c.dataIndex].map(function (item) {
|
7980
|
+
return item && searchForm[c.dataIndex] && hooks(item).format('YYYY-MM-DD');
|
7947
7981
|
});
|
7948
7982
|
}
|
7949
7983
|
|
7950
7984
|
if (c.valueType === 'dateTimeRange' && searchForm[c.dataIndex]) {
|
7951
|
-
searchForm[c.dataIndex] = searchForm[c.dataIndex].map(function (
|
7952
|
-
return
|
7985
|
+
searchForm[c.dataIndex] = searchForm[c.dataIndex].map(function (item) {
|
7986
|
+
return item && hooks(item).format('YYYY-MM-DD HH:mm:ss');
|
7953
7987
|
});
|
7954
7988
|
}
|
7955
7989
|
}
|
7956
7990
|
});
|
7957
|
-
|
7991
|
+
onSubmit && onSubmit(filterObj(searchForm) || {});
|
7958
7992
|
return filterObj(searchForm);
|
7959
7993
|
};
|
7960
7994
|
|
7961
7995
|
var handleRest = function handleRest() {
|
7996
|
+
onReset && onReset();
|
7962
7997
|
form.resetFields();
|
7963
7998
|
};
|
7964
7999
|
|
8000
|
+
var setFieldsValue = function setFieldsValue(record) {
|
8001
|
+
form.setFieldsValue(record);
|
8002
|
+
};
|
8003
|
+
|
7965
8004
|
useImperativeHandle(ref, function () {
|
7966
8005
|
return {
|
7967
8006
|
form: form,
|
7968
|
-
handleSubmit:
|
8007
|
+
handleSubmit: form.submit,
|
8008
|
+
handleRest: handleRest,
|
8009
|
+
resetFields: handleRest,
|
8010
|
+
setFieldsValue: setFieldsValue
|
7969
8011
|
};
|
7970
8012
|
});
|
7971
8013
|
return /*#__PURE__*/React.createElement(_Form, _objectSpread2({
|
@@ -7973,6 +8015,9 @@ var WForm = function WForm(props, ref) {
|
|
7973
8015
|
marginBottom: '20px'
|
7974
8016
|
},
|
7975
8017
|
onFinish: handleSearch,
|
8018
|
+
onValuesChange: function onValuesChange(changedValues, allValues) {
|
8019
|
+
setchangedValues(changedValues);
|
8020
|
+
},
|
7976
8021
|
form: form
|
7977
8022
|
}, extraProps), /*#__PURE__*/React.createElement(_Row, null, filterForm), search && search.hideSubmit ? null : /*#__PURE__*/React.createElement(_Row, {
|
7978
8023
|
justify: "end"
|
@@ -8030,7 +8075,7 @@ var WForm = function WForm(props, ref) {
|
|
8030
8075
|
}, "\u91CD\u7F6E")) : null)))));
|
8031
8076
|
};
|
8032
8077
|
|
8033
|
-
var
|
8078
|
+
var WForm$1 = /*#__PURE__*/React.forwardRef(WForm);
|
8034
8079
|
|
8035
8080
|
var _excluded$6 = ["height", "width", "count", "style", "numberStyle"],
|
8036
8081
|
_excluded2$1 = ["count", "width", "height", "marginRight"];
|
@@ -9044,20 +9089,742 @@ var Index$a = function Index(_ref) {
|
|
9044
9089
|
return /*#__PURE__*/React.createElement("div", _objectSpread2({
|
9045
9090
|
className: classnames((_classNames = {}, _defineProperty(_classNames, 'card-container', true), _defineProperty(_classNames, className, true), _classNames))
|
9046
9091
|
}, props), /*#__PURE__*/React.createElement("div", {
|
9047
|
-
className:
|
9092
|
+
className: "container-in"
|
9048
9093
|
}, /*#__PURE__*/React.createElement("div", {
|
9049
|
-
className:
|
9094
|
+
className: "container-in-border"
|
9050
9095
|
}, /*#__PURE__*/React.createElement("div", {
|
9051
|
-
className:
|
9096
|
+
className: "header"
|
9052
9097
|
}, /*#__PURE__*/React.createElement("div", {
|
9053
|
-
className:
|
9098
|
+
className: "title"
|
9054
9099
|
}, /*#__PURE__*/React.createElement("span", {
|
9055
|
-
className:
|
9100
|
+
className: "dot"
|
9056
9101
|
}), title), headerCenter, headerTail), /*#__PURE__*/React.createElement("div", {
|
9057
|
-
className:
|
9102
|
+
className: "body"
|
9058
9103
|
}, props.children))));
|
9059
9104
|
};
|
9060
9105
|
|
9061
9106
|
Index$a.defaultProps = {};
|
9062
9107
|
|
9063
|
-
|
9108
|
+
var controlShow = function controlShow(f1, f2, value, timer) {
|
9109
|
+
f1(value);
|
9110
|
+
return setTimeout(function () {
|
9111
|
+
f2(value);
|
9112
|
+
}, timer);
|
9113
|
+
};
|
9114
|
+
|
9115
|
+
function DialogModel(props) {
|
9116
|
+
var width = props.width,
|
9117
|
+
visible = props.visible,
|
9118
|
+
closeCb = props.closeCb,
|
9119
|
+
onClose = props.onClose,
|
9120
|
+
_props$className = props.className,
|
9121
|
+
className = _props$className === void 0 ? 'default-dialog' : _props$className,
|
9122
|
+
style = props.style;
|
9123
|
+
|
9124
|
+
var _useState = useState(visible),
|
9125
|
+
_useState2 = _slicedToArray(_useState, 2),
|
9126
|
+
modelShow = _useState2[0],
|
9127
|
+
setModelShow = _useState2[1];
|
9128
|
+
|
9129
|
+
var _useState3 = useState(visible),
|
9130
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
9131
|
+
modelShowAync = _useState4[0],
|
9132
|
+
setModelShowAync = _useState4[1];
|
9133
|
+
|
9134
|
+
var _useState5 = useState(visible),
|
9135
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
9136
|
+
flag = _useState6[0],
|
9137
|
+
setFlag = _useState6[1];
|
9138
|
+
|
9139
|
+
var renderChildren = useMemo(function () {
|
9140
|
+
var _classNames;
|
9141
|
+
|
9142
|
+
return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("div", {
|
9143
|
+
className: "w100p h100p pa ",
|
9144
|
+
style: {
|
9145
|
+
display: modelShow ? 'block' : 'none',
|
9146
|
+
overflow: 'hidden',
|
9147
|
+
top: 0,
|
9148
|
+
left: 0
|
9149
|
+
}
|
9150
|
+
}, /*#__PURE__*/React.createElement("div", {
|
9151
|
+
className: classnames((_classNames = {}, _defineProperty(_classNames, className, true), _defineProperty(_classNames, 'model_container', true), _defineProperty(_classNames, "animate__animated", true), _defineProperty(_classNames, flag ? 'animate__bounceInDown' : 'animate__fadeOutRightBig', true), _classNames)),
|
9152
|
+
style: _objectSpread2({
|
9153
|
+
opacity: modelShowAync ? 1 : 0,
|
9154
|
+
width: typeof width == 'number' ? width + 'px' : width
|
9155
|
+
}, style)
|
9156
|
+
}, /*#__PURE__*/React.createElement("div", {
|
9157
|
+
className: 'model_wrap'
|
9158
|
+
}, /*#__PURE__*/React.createElement("div", {
|
9159
|
+
style: {
|
9160
|
+
width: '100%',
|
9161
|
+
height: '100%',
|
9162
|
+
position: 'relative'
|
9163
|
+
}
|
9164
|
+
}, ' ', props.children, ' '))), /*#__PURE__*/React.createElement("div", {
|
9165
|
+
className: 'mask',
|
9166
|
+
onClick: function onClick() {
|
9167
|
+
return onClose && onClose();
|
9168
|
+
},
|
9169
|
+
style: {
|
9170
|
+
opacity: modelShowAync ? 0.6 : 0
|
9171
|
+
}
|
9172
|
+
})), document.body);
|
9173
|
+
}, [modelShowAync, modelShow, props]);
|
9174
|
+
useEffect(function () {
|
9175
|
+
var timer;
|
9176
|
+
setFlag(visible);
|
9177
|
+
|
9178
|
+
if (visible) {
|
9179
|
+
timer = controlShow(setModelShow, setModelShowAync, visible, 30);
|
9180
|
+
} else {
|
9181
|
+
timer = controlShow(setModelShowAync, setModelShow, visible, 1000);
|
9182
|
+
}
|
9183
|
+
|
9184
|
+
return function () {
|
9185
|
+
timer && clearTimeout(timer);
|
9186
|
+
};
|
9187
|
+
}, [visible]);
|
9188
|
+
useEffect(function () {
|
9189
|
+
!modelShow && typeof closeCb === 'function' && closeCb();
|
9190
|
+
}, [modelShow]);
|
9191
|
+
return renderChildren;
|
9192
|
+
}
|
9193
|
+
|
9194
|
+
var _excluded$c = ["visible"];
|
9195
|
+
|
9196
|
+
var Modal = /*#__PURE__*/function (_React$PureComponent) {
|
9197
|
+
_inherits(Modal, _React$PureComponent);
|
9198
|
+
|
9199
|
+
var _super = _createSuper(Modal);
|
9200
|
+
|
9201
|
+
function Modal() {
|
9202
|
+
var _this;
|
9203
|
+
|
9204
|
+
_classCallCheck(this, Modal);
|
9205
|
+
|
9206
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
9207
|
+
args[_key] = arguments[_key];
|
9208
|
+
}
|
9209
|
+
|
9210
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
9211
|
+
|
9212
|
+
_this.renderFooter = function () {
|
9213
|
+
var _this$props = _this.props,
|
9214
|
+
onOk = _this$props.onOk,
|
9215
|
+
onCancel = _this$props.onCancel,
|
9216
|
+
cancelText = _this$props.cancelText,
|
9217
|
+
okText = _this$props.okText,
|
9218
|
+
footer = _this$props.footer;
|
9219
|
+
if (footer && /*#__PURE__*/React.isValidElement(footer)) return footer;
|
9220
|
+
if (footer === false) return null;
|
9221
|
+
return /*#__PURE__*/React.createElement("div", {
|
9222
|
+
className: "model_bottom"
|
9223
|
+
}, /*#__PURE__*/React.createElement("div", {
|
9224
|
+
className: "model_btn_box"
|
9225
|
+
}, /*#__PURE__*/React.createElement("button", {
|
9226
|
+
className: "searchbtn",
|
9227
|
+
onClick: function onClick(e) {
|
9228
|
+
onOk && onOk(e);
|
9229
|
+
}
|
9230
|
+
}, okText || '确定'), /*#__PURE__*/React.createElement("button", {
|
9231
|
+
className: "concellbtn",
|
9232
|
+
onClick: function onClick(e) {
|
9233
|
+
onCancel && onCancel(e);
|
9234
|
+
}
|
9235
|
+
}, cancelText || '取消')));
|
9236
|
+
};
|
9237
|
+
|
9238
|
+
_this.renderTop = function () {
|
9239
|
+
var _this$props2 = _this.props,
|
9240
|
+
title = _this$props2.title,
|
9241
|
+
onClose = _this$props2.onClose;
|
9242
|
+
return /*#__PURE__*/React.createElement("div", {
|
9243
|
+
className: "model-header"
|
9244
|
+
}, /*#__PURE__*/React.createElement("div", {
|
9245
|
+
className: "model-title"
|
9246
|
+
}, title), /*#__PURE__*/React.createElement(CloseCircleOutlined, {
|
9247
|
+
className: "model-closeIcon",
|
9248
|
+
onClick: function onClick() {
|
9249
|
+
return onClose && onClose();
|
9250
|
+
}
|
9251
|
+
}));
|
9252
|
+
};
|
9253
|
+
|
9254
|
+
_this.renderContent = function () {
|
9255
|
+
var _this$props3 = _this.props,
|
9256
|
+
content = _this$props3.content,
|
9257
|
+
children = _this$props3.children;
|
9258
|
+
return /*#__PURE__*/React.isValidElement(content) ? content : children ? children : null;
|
9259
|
+
};
|
9260
|
+
|
9261
|
+
return _this;
|
9262
|
+
}
|
9263
|
+
|
9264
|
+
_createClass(Modal, [{
|
9265
|
+
key: "render",
|
9266
|
+
value: function render() {
|
9267
|
+
var _this$props4 = this.props,
|
9268
|
+
visible = _this$props4.visible,
|
9269
|
+
width = _this$props4.width,
|
9270
|
+
closeCb = _this$props4.closeCb,
|
9271
|
+
onClose = _this$props4.onClose,
|
9272
|
+
className = _this$props4.className,
|
9273
|
+
style = _this$props4.style;
|
9274
|
+
return /*#__PURE__*/React.createElement(DialogModel, {
|
9275
|
+
closeCb: closeCb,
|
9276
|
+
onClose: onClose,
|
9277
|
+
visible: visible,
|
9278
|
+
width: width,
|
9279
|
+
className: className,
|
9280
|
+
style: style
|
9281
|
+
}, this.renderTop(), /*#__PURE__*/React.createElement("div", {
|
9282
|
+
className: "model-content"
|
9283
|
+
}, this.renderContent()), this.renderFooter());
|
9284
|
+
}
|
9285
|
+
}]);
|
9286
|
+
|
9287
|
+
return Modal;
|
9288
|
+
}(React.PureComponent);
|
9289
|
+
|
9290
|
+
Modal.show = void 0;
|
9291
|
+
Modal.hidden = void 0;
|
9292
|
+
var ModalContainer = null;
|
9293
|
+
var modelSysbol = Symbol('$$__model__Container_hidden');
|
9294
|
+
|
9295
|
+
Modal.show = function (config) {
|
9296
|
+
if (ModalContainer) return;
|
9297
|
+
|
9298
|
+
var props = _objectSpread2(_objectSpread2({}, config), {}, {
|
9299
|
+
visible: true
|
9300
|
+
});
|
9301
|
+
|
9302
|
+
var container = ModalContainer = document.createElement('div');
|
9303
|
+
var manager = container[modelSysbol] = {
|
9304
|
+
setShow: null,
|
9305
|
+
mounted: false,
|
9306
|
+
hidden: function hidden() {
|
9307
|
+
var setShow = manager.setShow;
|
9308
|
+
setShow && setShow(false);
|
9309
|
+
},
|
9310
|
+
destory: function destory() {
|
9311
|
+
ReactDOM.unmountComponentAtNode(container);
|
9312
|
+
document.body.removeChild(container);
|
9313
|
+
ModalContainer = null;
|
9314
|
+
}
|
9315
|
+
};
|
9316
|
+
|
9317
|
+
var ModelApp = function ModelApp(props) {
|
9318
|
+
var _useState = useState(false),
|
9319
|
+
_useState2 = _slicedToArray(_useState, 2),
|
9320
|
+
show = _useState2[0],
|
9321
|
+
setShow = _useState2[1];
|
9322
|
+
|
9323
|
+
manager.setShow = setShow;
|
9324
|
+
|
9325
|
+
var visible = props.visible,
|
9326
|
+
trueProps = _objectWithoutProperties(props, _excluded$c);
|
9327
|
+
|
9328
|
+
useEffect(function () {
|
9329
|
+
manager.mounted = true;
|
9330
|
+
setShow(visible);
|
9331
|
+
}, []);
|
9332
|
+
return /*#__PURE__*/React.createElement(Modal, _objectSpread2(_objectSpread2({}, trueProps), {}, {
|
9333
|
+
closeCb: function closeCb() {
|
9334
|
+
return manager.mounted && manager.destory();
|
9335
|
+
},
|
9336
|
+
visible: show
|
9337
|
+
}));
|
9338
|
+
};
|
9339
|
+
|
9340
|
+
document.body.appendChild(container);
|
9341
|
+
ReactDOM.render( /*#__PURE__*/React.createElement(ModelApp, _objectSpread2({}, props)), container);
|
9342
|
+
return manager;
|
9343
|
+
};
|
9344
|
+
|
9345
|
+
Modal.hidden = function () {
|
9346
|
+
if (!ModalContainer) return;
|
9347
|
+
ModalContainer[modelSysbol] && ModalContainer[modelSysbol].hidden();
|
9348
|
+
};
|
9349
|
+
|
9350
|
+
var _excluded$d = ["columns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record"];
|
9351
|
+
|
9352
|
+
var ModalForm = function ModalForm(props, ref) {
|
9353
|
+
var columns = props.columns,
|
9354
|
+
search = props.search,
|
9355
|
+
visible = props.visible,
|
9356
|
+
setVisible = props.setVisible,
|
9357
|
+
disabled = props.disabled,
|
9358
|
+
submitMethod = props.submitMethod,
|
9359
|
+
onSubmitSuccess = props.onSubmitSuccess,
|
9360
|
+
title = props.title,
|
9361
|
+
record = props.record,
|
9362
|
+
extraProps = _objectWithoutProperties(props, _excluded$d);
|
9363
|
+
|
9364
|
+
var formRef = useRef(null);
|
9365
|
+
|
9366
|
+
var _useState = useState(false),
|
9367
|
+
_useState2 = _slicedToArray(_useState, 2),
|
9368
|
+
confirmLoading = _useState2[0],
|
9369
|
+
setConfirmLoading = _useState2[1];
|
9370
|
+
|
9371
|
+
var handleSubmit = function handleSubmit() {
|
9372
|
+
var _formRef$current;
|
9373
|
+
|
9374
|
+
if (formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.handleSubmit) {
|
9375
|
+
formRef.current.handleSubmit();
|
9376
|
+
}
|
9377
|
+
};
|
9378
|
+
|
9379
|
+
var resetFields = function resetFields() {
|
9380
|
+
var _formRef$current2;
|
9381
|
+
|
9382
|
+
if (formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.resetFields) {
|
9383
|
+
formRef.current.resetFields();
|
9384
|
+
}
|
9385
|
+
};
|
9386
|
+
|
9387
|
+
var setFieldsValue = function setFieldsValue(record) {
|
9388
|
+
var _formRef$current3;
|
9389
|
+
|
9390
|
+
if (formRef === null || formRef === void 0 ? void 0 : (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.setFieldsValue) {
|
9391
|
+
formRef.current.setFieldsValue(record);
|
9392
|
+
}
|
9393
|
+
};
|
9394
|
+
|
9395
|
+
var done = function done() {
|
9396
|
+
setVisible(false);
|
9397
|
+
};
|
9398
|
+
|
9399
|
+
useImperativeHandle(ref, function () {
|
9400
|
+
return {
|
9401
|
+
formRef: formRef,
|
9402
|
+
onSubmit: onSubmit,
|
9403
|
+
done: done // resetFields,
|
9404
|
+
// setFieldsValue,
|
9405
|
+
|
9406
|
+
};
|
9407
|
+
});
|
9408
|
+
|
9409
|
+
var handleOk = /*#__PURE__*/function () {
|
9410
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
9411
|
+
return regeneratorRuntime.wrap(function _callee$(_context) {
|
9412
|
+
while (1) {
|
9413
|
+
switch (_context.prev = _context.next) {
|
9414
|
+
case 0:
|
9415
|
+
handleSubmit();
|
9416
|
+
|
9417
|
+
case 1:
|
9418
|
+
case "end":
|
9419
|
+
return _context.stop();
|
9420
|
+
}
|
9421
|
+
}
|
9422
|
+
}, _callee);
|
9423
|
+
}));
|
9424
|
+
|
9425
|
+
return function handleOk() {
|
9426
|
+
return _ref.apply(this, arguments);
|
9427
|
+
};
|
9428
|
+
}();
|
9429
|
+
|
9430
|
+
var handleCancel = function handleCancel() {
|
9431
|
+
setVisible(false);
|
9432
|
+
};
|
9433
|
+
|
9434
|
+
var onSubmit = /*#__PURE__*/function () {
|
9435
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(values) {
|
9436
|
+
var res;
|
9437
|
+
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
9438
|
+
while (1) {
|
9439
|
+
switch (_context2.prev = _context2.next) {
|
9440
|
+
case 0:
|
9441
|
+
setConfirmLoading(true);
|
9442
|
+
res = {};
|
9443
|
+
|
9444
|
+
if (!submitMethod) {
|
9445
|
+
_context2.next = 6;
|
9446
|
+
break;
|
9447
|
+
}
|
9448
|
+
|
9449
|
+
_context2.next = 5;
|
9450
|
+
return submitMethod(values, function () {
|
9451
|
+
setConfirmLoading(false);
|
9452
|
+
setVisible(false);
|
9453
|
+
});
|
9454
|
+
|
9455
|
+
case 5:
|
9456
|
+
res = _context2.sent;
|
9457
|
+
|
9458
|
+
case 6:
|
9459
|
+
case "end":
|
9460
|
+
return _context2.stop();
|
9461
|
+
}
|
9462
|
+
}
|
9463
|
+
}, _callee2);
|
9464
|
+
}));
|
9465
|
+
|
9466
|
+
return function onSubmit(_x) {
|
9467
|
+
return _ref2.apply(this, arguments);
|
9468
|
+
};
|
9469
|
+
}();
|
9470
|
+
|
9471
|
+
useEffect(function () {
|
9472
|
+
if (visible) {
|
9473
|
+
resetFields();
|
9474
|
+
setFieldsValue(record);
|
9475
|
+
}
|
9476
|
+
}, [visible, record]);
|
9477
|
+
return /*#__PURE__*/React.createElement(_Modal, _objectSpread2(_objectSpread2({
|
9478
|
+
title: title,
|
9479
|
+
visible: visible
|
9480
|
+
}, disabled ? {
|
9481
|
+
footer: null
|
9482
|
+
} : {}), {}, {
|
9483
|
+
onOk: handleOk,
|
9484
|
+
confirmLoading: confirmLoading,
|
9485
|
+
onCancel: handleCancel
|
9486
|
+
}, extraProps), /*#__PURE__*/React.createElement(WForm$1, {
|
9487
|
+
ref: formRef,
|
9488
|
+
disabled: disabled,
|
9489
|
+
onSubmit: onSubmit,
|
9490
|
+
search: search,
|
9491
|
+
columns: columns
|
9492
|
+
}));
|
9493
|
+
};
|
9494
|
+
|
9495
|
+
var ModalForm$1 = /*#__PURE__*/React.forwardRef(ModalForm);
|
9496
|
+
|
9497
|
+
var _excluded$e = ["columns", "request", "modalFormSearch", "tableAction", "renderTableBar", "className", "style", "modalConfig"];
|
9498
|
+
|
9499
|
+
var TabelCard = function TabelCard(props, ref) {
|
9500
|
+
var columns = props.columns,
|
9501
|
+
request = props.request,
|
9502
|
+
modalFormSearch = props.modalFormSearch,
|
9503
|
+
tableAction = props.tableAction,
|
9504
|
+
renderTableBar = props.renderTableBar,
|
9505
|
+
className = props.className,
|
9506
|
+
style = props.style,
|
9507
|
+
modalConfig = props.modalConfig,
|
9508
|
+
extraProps = _objectWithoutProperties(props, _excluded$e);
|
9509
|
+
|
9510
|
+
var actionRef = useRef();
|
9511
|
+
var formRef = useRef(null);
|
9512
|
+
|
9513
|
+
var _useState = useState(false),
|
9514
|
+
_useState2 = _slicedToArray(_useState, 2),
|
9515
|
+
visible = _useState2[0],
|
9516
|
+
setVisible = _useState2[1];
|
9517
|
+
|
9518
|
+
var _useState3 = useState({}),
|
9519
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
9520
|
+
modalFormConfig = _useState4[0],
|
9521
|
+
setModalFormConfig = _useState4[1];
|
9522
|
+
|
9523
|
+
var _useState5 = useState({}),
|
9524
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
9525
|
+
submitValues = _useState6[0],
|
9526
|
+
setSubmitValues = _useState6[1];
|
9527
|
+
|
9528
|
+
useImperativeHandle(ref, function () {
|
9529
|
+
return {};
|
9530
|
+
});
|
9531
|
+
|
9532
|
+
var openFormModel = function openFormModel(options) {
|
9533
|
+
setVisible(true);
|
9534
|
+
setModalFormConfig(options);
|
9535
|
+
};
|
9536
|
+
|
9537
|
+
var tableActionDom = function tableActionDom(record, index) {
|
9538
|
+
return tableAction === null || tableAction === void 0 ? void 0 : tableAction.map(function (item) {
|
9539
|
+
if (item.type === 'edit') {
|
9540
|
+
return /*#__PURE__*/React.createElement(_Tooltip, {
|
9541
|
+
title: "\u7F16\u8F91",
|
9542
|
+
key: "edit"
|
9543
|
+
}, /*#__PURE__*/React.createElement("a", {
|
9544
|
+
key: "editable",
|
9545
|
+
onClick: function onClick() {
|
9546
|
+
return openFormModel({
|
9547
|
+
type: '编辑',
|
9548
|
+
record: record,
|
9549
|
+
modalOnOk: function () {
|
9550
|
+
var _modalOnOk = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(values) {
|
9551
|
+
return regeneratorRuntime.wrap(function _callee$(_context) {
|
9552
|
+
while (1) {
|
9553
|
+
switch (_context.prev = _context.next) {
|
9554
|
+
case 0:
|
9555
|
+
if (!item.actionMethod) {
|
9556
|
+
_context.next = 3;
|
9557
|
+
break;
|
9558
|
+
}
|
9559
|
+
|
9560
|
+
_context.next = 3;
|
9561
|
+
return item.actionMethod(values, function () {
|
9562
|
+
var _actionRef$current;
|
9563
|
+
|
9564
|
+
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : _actionRef$current.reload();
|
9565
|
+
});
|
9566
|
+
|
9567
|
+
case 3:
|
9568
|
+
case "end":
|
9569
|
+
return _context.stop();
|
9570
|
+
}
|
9571
|
+
}
|
9572
|
+
}, _callee);
|
9573
|
+
}));
|
9574
|
+
|
9575
|
+
function modalOnOk(_x) {
|
9576
|
+
return _modalOnOk.apply(this, arguments);
|
9577
|
+
}
|
9578
|
+
|
9579
|
+
return modalOnOk;
|
9580
|
+
}(),
|
9581
|
+
index: index
|
9582
|
+
});
|
9583
|
+
}
|
9584
|
+
}, /*#__PURE__*/React.createElement(EditOutlined, null), " \u7F16\u8F91"));
|
9585
|
+
} else if (item.type === 'view') {
|
9586
|
+
return /*#__PURE__*/React.createElement(_Tooltip, {
|
9587
|
+
title: "\u67E5\u770B",
|
9588
|
+
key: "view"
|
9589
|
+
}, /*#__PURE__*/React.createElement("a", {
|
9590
|
+
onClick: function onClick() {
|
9591
|
+
return openFormModel({
|
9592
|
+
type: '查看',
|
9593
|
+
record: record,
|
9594
|
+
modalOnOk: function () {
|
9595
|
+
var _modalOnOk2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
9596
|
+
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
9597
|
+
while (1) {
|
9598
|
+
switch (_context2.prev = _context2.next) {
|
9599
|
+
case 0:
|
9600
|
+
case "end":
|
9601
|
+
return _context2.stop();
|
9602
|
+
}
|
9603
|
+
}
|
9604
|
+
}, _callee2);
|
9605
|
+
}));
|
9606
|
+
|
9607
|
+
function modalOnOk() {
|
9608
|
+
return _modalOnOk2.apply(this, arguments);
|
9609
|
+
}
|
9610
|
+
|
9611
|
+
return modalOnOk;
|
9612
|
+
}(),
|
9613
|
+
index: index
|
9614
|
+
});
|
9615
|
+
},
|
9616
|
+
key: "view"
|
9617
|
+
}, /*#__PURE__*/React.createElement(EyeOutlined, null), " \u67E5\u770B"));
|
9618
|
+
} else if (item.type === 'delete') {
|
9619
|
+
return /*#__PURE__*/React.createElement(_Tooltip, {
|
9620
|
+
title: "\u5220\u9664",
|
9621
|
+
key: "delete"
|
9622
|
+
}, /*#__PURE__*/React.createElement("a", {
|
9623
|
+
onClick: function onClick() {
|
9624
|
+
return _Modal.confirm({
|
9625
|
+
title: '删除',
|
9626
|
+
icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
|
9627
|
+
content: '是否确定要删除吗?',
|
9628
|
+
okText: '确认',
|
9629
|
+
cancelText: '取消',
|
9630
|
+
onOk: function () {
|
9631
|
+
var _onOk = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
|
9632
|
+
return regeneratorRuntime.wrap(function _callee3$(_context3) {
|
9633
|
+
while (1) {
|
9634
|
+
switch (_context3.prev = _context3.next) {
|
9635
|
+
case 0:
|
9636
|
+
if (!item.actionMethod) {
|
9637
|
+
_context3.next = 3;
|
9638
|
+
break;
|
9639
|
+
}
|
9640
|
+
|
9641
|
+
_context3.next = 3;
|
9642
|
+
return item.actionMethod(record, function () {
|
9643
|
+
var _actionRef$current2;
|
9644
|
+
|
9645
|
+
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : _actionRef$current2.reload();
|
9646
|
+
});
|
9647
|
+
|
9648
|
+
case 3:
|
9649
|
+
case "end":
|
9650
|
+
return _context3.stop();
|
9651
|
+
}
|
9652
|
+
}
|
9653
|
+
}, _callee3);
|
9654
|
+
}));
|
9655
|
+
|
9656
|
+
function onOk() {
|
9657
|
+
return _onOk.apply(this, arguments);
|
9658
|
+
}
|
9659
|
+
|
9660
|
+
return onOk;
|
9661
|
+
}()
|
9662
|
+
});
|
9663
|
+
},
|
9664
|
+
key: "del"
|
9665
|
+
}, /*#__PURE__*/React.createElement(DeleteOutlined, null), " \u5220\u9664"));
|
9666
|
+
} else if (item.type === 'extraAction') {
|
9667
|
+
var _item$actionRender;
|
9668
|
+
|
9669
|
+
return (_item$actionRender = item.actionRender) === null || _item$actionRender === void 0 ? void 0 : _item$actionRender.call(item, record, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
|
9670
|
+
return regeneratorRuntime.wrap(function _callee4$(_context4) {
|
9671
|
+
while (1) {
|
9672
|
+
switch (_context4.prev = _context4.next) {
|
9673
|
+
case 0:
|
9674
|
+
if (!item.actionMethod) {
|
9675
|
+
_context4.next = 3;
|
9676
|
+
break;
|
9677
|
+
}
|
9678
|
+
|
9679
|
+
_context4.next = 3;
|
9680
|
+
return item.actionMethod(record, function () {
|
9681
|
+
var _actionRef$current3;
|
9682
|
+
|
9683
|
+
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : _actionRef$current3.reload();
|
9684
|
+
});
|
9685
|
+
|
9686
|
+
case 3:
|
9687
|
+
case "end":
|
9688
|
+
return _context4.stop();
|
9689
|
+
}
|
9690
|
+
}
|
9691
|
+
}, _callee4);
|
9692
|
+
})), index);
|
9693
|
+
}
|
9694
|
+
});
|
9695
|
+
};
|
9696
|
+
|
9697
|
+
var tableBarDom = useMemo(function () {
|
9698
|
+
return renderTableBar === null || renderTableBar === void 0 ? void 0 : renderTableBar.map(function (item) {
|
9699
|
+
if (item.type === 'add') {
|
9700
|
+
return /*#__PURE__*/React.createElement(_Tooltip, {
|
9701
|
+
title: "\u65B0\u589E",
|
9702
|
+
key: "add"
|
9703
|
+
}, /*#__PURE__*/React.createElement(_Button, {
|
9704
|
+
key: "add",
|
9705
|
+
type: "primary",
|
9706
|
+
onClick: function onClick() {
|
9707
|
+
return openFormModel({
|
9708
|
+
type: '新增',
|
9709
|
+
record: {},
|
9710
|
+
modalOnOk: function () {
|
9711
|
+
var _modalOnOk3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(values) {
|
9712
|
+
return regeneratorRuntime.wrap(function _callee5$(_context5) {
|
9713
|
+
while (1) {
|
9714
|
+
switch (_context5.prev = _context5.next) {
|
9715
|
+
case 0:
|
9716
|
+
if (!item.actionMethod) {
|
9717
|
+
_context5.next = 3;
|
9718
|
+
break;
|
9719
|
+
}
|
9720
|
+
|
9721
|
+
_context5.next = 3;
|
9722
|
+
return item.actionMethod(values, function () {
|
9723
|
+
var _actionRef$current4;
|
9724
|
+
|
9725
|
+
return actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : _actionRef$current4.reload();
|
9726
|
+
});
|
9727
|
+
|
9728
|
+
case 3:
|
9729
|
+
case "end":
|
9730
|
+
return _context5.stop();
|
9731
|
+
}
|
9732
|
+
}
|
9733
|
+
}, _callee5);
|
9734
|
+
}));
|
9735
|
+
|
9736
|
+
function modalOnOk(_x2) {
|
9737
|
+
return _modalOnOk3.apply(this, arguments);
|
9738
|
+
}
|
9739
|
+
|
9740
|
+
return modalOnOk;
|
9741
|
+
}()
|
9742
|
+
});
|
9743
|
+
}
|
9744
|
+
}, /*#__PURE__*/React.createElement(PlusOutlined, null), " \u65B0\u589E"));
|
9745
|
+
} else if (item.type === 'extraAction') {
|
9746
|
+
var _item$actionRender2;
|
9747
|
+
|
9748
|
+
return (_item$actionRender2 = item.actionRender) === null || _item$actionRender2 === void 0 ? void 0 : _item$actionRender2.call(item, actionRef, function () {
|
9749
|
+
item.actionMethod && item.actionMethod(actionRef, function () {
|
9750
|
+
var _actionRef$current5;
|
9751
|
+
|
9752
|
+
return actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : _actionRef$current5.reload();
|
9753
|
+
});
|
9754
|
+
});
|
9755
|
+
}
|
9756
|
+
});
|
9757
|
+
}, [submitValues, actionRef]);
|
9758
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ModalForm$1, _objectSpread2(_objectSpread2({
|
9759
|
+
ref: formRef,
|
9760
|
+
title: modalFormConfig.type || '新增',
|
9761
|
+
visible: visible,
|
9762
|
+
record: modalFormConfig.record,
|
9763
|
+
disabled: modalFormConfig.type == '查看',
|
9764
|
+
setVisible: setVisible,
|
9765
|
+
submitMethod: function () {
|
9766
|
+
var _submitMethod = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(values, loading) {
|
9767
|
+
return regeneratorRuntime.wrap(function _callee6$(_context6) {
|
9768
|
+
while (1) {
|
9769
|
+
switch (_context6.prev = _context6.next) {
|
9770
|
+
case 0:
|
9771
|
+
if (!modalFormConfig.modalOnOk) {
|
9772
|
+
_context6.next = 4;
|
9773
|
+
break;
|
9774
|
+
}
|
9775
|
+
|
9776
|
+
_context6.next = 3;
|
9777
|
+
return modalFormConfig.modalOnOk(values);
|
9778
|
+
|
9779
|
+
case 3:
|
9780
|
+
loading();
|
9781
|
+
|
9782
|
+
case 4:
|
9783
|
+
case "end":
|
9784
|
+
return _context6.stop();
|
9785
|
+
}
|
9786
|
+
}
|
9787
|
+
}, _callee6);
|
9788
|
+
}));
|
9789
|
+
|
9790
|
+
function submitMethod(_x3, _x4) {
|
9791
|
+
return _submitMethod.apply(this, arguments);
|
9792
|
+
}
|
9793
|
+
|
9794
|
+
return submitMethod;
|
9795
|
+
}(),
|
9796
|
+
search: modalFormSearch
|
9797
|
+
}, modalConfig), {}, {
|
9798
|
+
columns: (columns || []).filter(function (item) {
|
9799
|
+
return !item.hiddenInModalForm;
|
9800
|
+
})
|
9801
|
+
})), /*#__PURE__*/React.createElement(ProTable, _objectSpread2({
|
9802
|
+
actionRef: actionRef,
|
9803
|
+
rowKey: "id",
|
9804
|
+
bordered: true,
|
9805
|
+
options: false,
|
9806
|
+
toolBarRender: false,
|
9807
|
+
request: request,
|
9808
|
+
columns: [].concat(_toConsumableArray(columns || []), [{
|
9809
|
+
title: '操作',
|
9810
|
+
dataIndex: 'option',
|
9811
|
+
valueType: 'option',
|
9812
|
+
render: function render(_, record, index) {
|
9813
|
+
return tableActionDom(record, index);
|
9814
|
+
}
|
9815
|
+
}]),
|
9816
|
+
search: {
|
9817
|
+
labelWidth: 'auto',
|
9818
|
+
optionRender: function optionRender(searchConfig, formProps, dom) {
|
9819
|
+
return [].concat(_toConsumableArray(dom.reverse()), [tableBarDom]);
|
9820
|
+
}
|
9821
|
+
},
|
9822
|
+
pagination: {
|
9823
|
+
pageSize: 20
|
9824
|
+
}
|
9825
|
+
}, extraProps)));
|
9826
|
+
};
|
9827
|
+
|
9828
|
+
var index$1 = /*#__PURE__*/React.forwardRef(TabelCard);
|
9829
|
+
|
9830
|
+
export { Index$7 as AutoScroll, Index$9 as Breadcrumb, WButton as Button, Index$a as Card, Index$3 as Checkbox, Index$6 as CountUp, Index$1 as DatePicker, index as IconFont, WInput as Input, Modal, ModalForm$1 as ModalForm, Index$5 as Number, NumericInput, Index$2 as Radio, Index as Select, Index$8 as Swiper, WSwitch as Switch, index$1 as TabelCard, Table, Index$4 as TreeSelect, WForm$1 as WForm };
|