wargerm 0.6.0 → 0.6.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.
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from 'react';
2
+ import './index.less';
3
+ declare type Props = {
4
+ className?: string;
5
+ frameStyle?: Record<string, any>;
6
+ style?: Record<string, any>;
7
+ children: ReactNode;
8
+ direction?: 'in' | 'out';
9
+ };
10
+ export default function FrameBox({ className, frameStyle, style, direction, children, ...props }: Props): JSX.Element;
11
+ export {};
@@ -0,0 +1,97 @@
1
+ import React from 'react';
2
+ import { ReactNode } from 'react';
3
+ import { FormProps } from 'antd';
4
+ import { Isearch } from '../WForm';
5
+ interface ColumnProps {
6
+ title: string;
7
+ dataIndex: string;
8
+ key?: string | number;
9
+ width?: number;
10
+ ellipsis?: Boolean;
11
+ showTitle?: Boolean;
12
+ copyable?: Boolean;
13
+ fixed?: 'left' | 'right';
14
+ hideInTable?: boolean;
15
+ hideInSearch?: boolean;
16
+ search?: {
17
+ transform?: (value: any) => Record<string, any>;
18
+ };
19
+ valueType?: 'text' | 'select' | 'date' | 'dateTime' | 'dateMonth' | 'dateYear' | 'dateRange' | 'dateTimeRange' | 'checkbox' | 'radio' | 'radioButton' | 'switch' | 'digit' | 'treeSelect' | 'image';
20
+ valueEnum?: Record<string, any>;
21
+ children?: ColumnProps[];
22
+ fieldProps?: Record<string, any>;
23
+ formItemProps?: Record<string, any>;
24
+ order?: number;
25
+ colSize?: number;
26
+ initialValue?: any;
27
+ request?: () => Promise<any>;
28
+ render?: (text: string, record: Record<string, any>, index: number) => ReactNode;
29
+ }
30
+ interface IRowSelection {
31
+ type: 'checkbox' | 'radio';
32
+ selectedRowKeys?: Array<string | number>;
33
+ defaultSelectedRowKeys?: Array<string | number>;
34
+ /**
35
+ * 选中项发生变化时的回调
36
+ */
37
+ onChange?: (selectedRowKeys: Array<string | number>, selectedRows: Array<Record<string, any>>) => void;
38
+ /**
39
+ * 用户手动选择/取消选择某行的回调
40
+ */
41
+ onSelect?: (record: Record<string, any>, selected: boolean, selectedRows: Record<string, any>[], nativeEvent: MouseEvent) => void;
42
+ /**
43
+ * 用户手动选择/取消选择所有行的回调
44
+ */
45
+ onSelectAll?: (selected: boolean, selectedRows: Record<string, any>[], changeRows: Record<string, any>[]) => void;
46
+ }
47
+ interface Iscroll {
48
+ /**
49
+ * 当分页、排序、筛选变化后是否滚动到表格顶部
50
+ */
51
+ scrollToFirstRowOnChange?: boolean;
52
+ /**
53
+ * 设置横向滚动,也可用于指定滚动区域的宽,可以设置为像素值,百分比,true 和 'max-content'
54
+ */
55
+ x?: string | number;
56
+ /**
57
+ * 设置纵向滚动,也可用于指定滚动区域的高,可以设置为像素值
58
+ */
59
+ y?: string | number;
60
+ }
61
+ declare type Props = {
62
+ className?: string;
63
+ rowClassName?: (record: Record<string, any>, index: number) => string;
64
+ style?: React.CSSProperties;
65
+ tbodyStyle?: React.CSSProperties;
66
+ thStyle?: React.CSSProperties;
67
+ columns: ColumnProps[];
68
+ border?: Boolean;
69
+ params?: Record<string, any>;
70
+ dataSource?: Record<string, any>[];
71
+ request?: (params?: {
72
+ pageSize?: number;
73
+ current?: number;
74
+ }, sort?: any, filter?: any) => Promise<any>;
75
+ onLoad?: (dataSource: Record<string, any>[]) => void;
76
+ onSubmit?: (params: Record<string, any>) => void;
77
+ onReset?: () => void;
78
+ rowKey: ((record: Record<string, any>) => number | string) | string;
79
+ onRow?: (record: Record<string, any>, index: any) => Record<string, any>;
80
+ rowSelection?: IRowSelection;
81
+ scroll?: Iscroll;
82
+ pagination?: false | Record<string, any>;
83
+ formRef?: any;
84
+ children?: ReactNode;
85
+ form?: FormProps;
86
+ search?: Isearch | false;
87
+ frameBoxTable?: boolean;
88
+ frameBoxDirection?: 'in' | 'out';
89
+ none?: ReactNode;
90
+ };
91
+ declare function NtTable({ columns, dataSource: tableList, request, onLoad, params, onSubmit, rowKey, onRow, className, rowClassName, rowSelection, style, tbodyStyle, thStyle, border, scroll, pagination, search, frameBoxTable, frameBoxDirection, formRef, none, ...props }: Props): JSX.Element;
92
+ declare namespace NtTable {
93
+ var defaultProps: {
94
+ rowKey: string;
95
+ };
96
+ }
97
+ export default NtTable;
package/dist/index.css CHANGED
@@ -12584,6 +12584,9 @@ button.swiper-pagination-bullet {
12584
12584
  width: 100%;
12585
12585
  height: 100%;
12586
12586
  }
12587
+ .noneborder {
12588
+ border: none;
12589
+ }
12587
12590
  .activeCamera {
12588
12591
  border: 1px solid red;
12589
12592
  }
@@ -14351,6 +14354,9 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
14351
14354
  width: 100%;
14352
14355
  height: 100%;
14353
14356
  }
14357
+ [data-prefers-color='dark'] .noneborder {
14358
+ border: none;
14359
+ }
14354
14360
  [data-prefers-color='dark'] .activeCamera {
14355
14361
  border: 1px solid red;
14356
14362
  }
@@ -14406,6 +14412,219 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
14406
14412
  [data-prefers-color='dark'] .xgplayer-skin-default {
14407
14413
  height: 100% !important;
14408
14414
  }
14415
+ [data-prefers-color='dark'] .container {
14416
+ position: relative;
14417
+ width: 100%;
14418
+ overflow: auto;
14419
+ }
14420
+ [data-prefers-color='dark'] .container .theader {
14421
+ position: -webkit-sticky;
14422
+ position: sticky;
14423
+ top: 0;
14424
+ z-index: 4;
14425
+ }
14426
+ [data-prefers-color='dark'] .container .theader .th {
14427
+ padding-left: 4px;
14428
+ display: flex;
14429
+ position: relative;
14430
+ border-radius: 4px;
14431
+ align-items: center;
14432
+ }
14433
+ [data-prefers-color='dark'] .container .theader .th::before {
14434
+ background-color: #192547;
14435
+ content: '';
14436
+ position: absolute;
14437
+ left: 0;
14438
+ top: 0;
14439
+ width: 100%;
14440
+ height: 100%;
14441
+ border-width: 30px 20px 4px 4px;
14442
+ border-style: solid;
14443
+ -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;
14444
+ 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;
14445
+ border-image-slice: 30 20 4 4;
14446
+ border-image-width: 30px 20px 4px 4px;
14447
+ border-image-repeat: stretch stretch;
14448
+ border-radius: 4px;
14449
+ }
14450
+ [data-prefers-color='dark'] .container .theader .th .td {
14451
+ flex: 1;
14452
+ display: flex;
14453
+ align-items: center;
14454
+ justify-content: center;
14455
+ text-align: center;
14456
+ position: relative;
14457
+ z-index: 2;
14458
+ min-height: 32px;
14459
+ }
14460
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody {
14461
+ padding-top: 5px;
14462
+ margin-top: 19px;
14463
+ }
14464
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody .tr {
14465
+ padding-left: 6px;
14466
+ width: 100%;
14467
+ min-height: 32px;
14468
+ display: flex;
14469
+ margin-bottom: 17px;
14470
+ position: relative;
14471
+ border-radius: 6px;
14472
+ }
14473
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody .tr::before {
14474
+ background-color: rgba(25, 37, 71, 0.43);
14475
+ content: '';
14476
+ position: absolute;
14477
+ left: 0;
14478
+ top: 0;
14479
+ width: 100%;
14480
+ height: 100%;
14481
+ border-width: 30px 20px 4px 4px;
14482
+ border-style: solid;
14483
+ -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;
14484
+ 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;
14485
+ border-image-slice: 30 20 4 4;
14486
+ border-image-width: 30px 20px 4px 4px;
14487
+ border-image-repeat: stretch stretch;
14488
+ border-radius: 6px;
14489
+ }
14490
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody .tr.active::before {
14491
+ background-color: rgba(140, 75, 102, 0.43);
14492
+ border-width: 30px 20px 4px 4px;
14493
+ border-style: solid;
14494
+ -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;
14495
+ 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;
14496
+ border-image-slice: 30 20 4 4;
14497
+ border-image-width: 30px 20px 4px 4px;
14498
+ border-image-repeat: stretch stretch;
14499
+ border-radius: 6px;
14500
+ }
14501
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody .tr.active .td {
14502
+ flex: 1;
14503
+ display: flex;
14504
+ align-items: center;
14505
+ justify-content: center;
14506
+ text-align: center;
14507
+ position: relative;
14508
+ z-index: 2;
14509
+ }
14510
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody .tr .td {
14511
+ flex: 1;
14512
+ display: flex;
14513
+ align-items: center;
14514
+ justify-content: center;
14515
+ text-align: center;
14516
+ position: relative;
14517
+ z-index: 2;
14518
+ }
14519
+ [data-prefers-color='dark'] .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
14520
+ [data-prefers-color='dark'] .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
14521
+ color: #fff;
14522
+ }
14523
+ [data-prefers-color='dark'] .ant-pagination {
14524
+ color: #fff;
14525
+ }
14526
+ [data-prefers-color='dark'] .ant-pagination .ant-select-selection-item {
14527
+ color: #fff;
14528
+ }
14529
+ [data-prefers-color='dark'] .ant-pagination .anticon-right {
14530
+ color: #fff;
14531
+ }
14532
+ [data-prefers-color='dark'] .ant-pagination .anticon-left {
14533
+ color: #fff;
14534
+ }
14535
+ [data-prefers-color='dark'] .ant-pagination-prev {
14536
+ color: #fff;
14537
+ }
14538
+ [data-prefers-color='dark'] .ant-pagination-total-text {
14539
+ color: #fff;
14540
+ }
14541
+ [data-prefers-color='dark'] .ant-pagination-item a {
14542
+ color: #fff;
14543
+ }
14544
+ [data-prefers-color='dark'] .ant-pagination-item-active {
14545
+ background: transparent;
14546
+ }
14547
+ [data-prefers-color='dark'] .ant-form-item-label > label {
14548
+ font-size: 16px;
14549
+ color: #fff;
14550
+ }
14551
+ [data-prefers-color='dark'] .ant-spin-container::after {
14552
+ background-color: transparent;
14553
+ }
14554
+ [data-prefers-color='dark'] .w-frame-box-table.container .theader .th {
14555
+ border-radius: 0px;
14556
+ border: none;
14557
+ background: rgba(64, 140, 171, 0.45);
14558
+ }
14559
+ [data-prefers-color='dark'] .w-frame-box-table.container .theader .th::before {
14560
+ content: none;
14561
+ height: 28px;
14562
+ }
14563
+ [data-prefers-color='dark'] .w-frame-box-table.container .tbody {
14564
+ margin-top: 8px;
14565
+ }
14566
+ [data-prefers-color='dark'] .w-frame-box-table.container .tbody .frame {
14567
+ min-height: 28px;
14568
+ margin-bottom: 8px;
14569
+ border: none;
14570
+ }
14571
+ [data-prefers-color='dark'] .w-frame-box-table.container .tbody .frame .tr {
14572
+ min-height: 28px;
14573
+ margin-bottom: 0;
14574
+ background: rgba(16, 97, 139, 0);
14575
+ }
14576
+ [data-prefers-color='dark'] .w-frame-box-table.container .tbody .frame .tr::before {
14577
+ content: none;
14578
+ }
14579
+ [data-prefers-color='dark'] .th .fixedLeft,
14580
+ [data-prefers-color='dark'] .th .fixedRight {
14581
+ position: -webkit-sticky !important;
14582
+ position: sticky !important;
14583
+ z-index: 4 !important;
14584
+ }
14585
+ [data-prefers-color='dark'] .th .fixedLeft.td,
14586
+ [data-prefers-color='dark'] .th .fixedRight.td {
14587
+ background-color: #192547;
14588
+ transition: all 0.3s;
14589
+ }
14590
+ [data-prefers-color='dark'] .th .fixedRight:first-child:after {
14591
+ box-shadow: inset -10px 0 8px -8px #00000026;
14592
+ position: absolute;
14593
+ top: 0;
14594
+ bottom: -1px;
14595
+ left: 0;
14596
+ width: 30px;
14597
+ transform: translate(-100%);
14598
+ transition: box-shadow 0.3s;
14599
+ content: '';
14600
+ pointer-events: none;
14601
+ }
14602
+ [data-prefers-color='dark'] .th .fixedLeft:last-child:after {
14603
+ box-shadow: inset -10px 0 8px -8px #00000026;
14604
+ position: absolute;
14605
+ top: 0;
14606
+ right: 0;
14607
+ bottom: -1px;
14608
+ width: 30px;
14609
+ transform: translate(100%);
14610
+ transition: box-shadow 0.3s;
14611
+ content: '';
14612
+ pointer-events: none;
14613
+ }
14614
+ [data-prefers-color='dark'] .tr .fixedLeft,
14615
+ [data-prefers-color='dark'] .tr .fixedRight {
14616
+ position: -webkit-sticky !important;
14617
+ position: sticky !important;
14618
+ z-index: 3 !important;
14619
+ }
14620
+ [data-prefers-color='dark'] .tr .fixedLeft.td,
14621
+ [data-prefers-color='dark'] .tr .fixedRight.td {
14622
+ background: #233b62;
14623
+ transition: all 0.3s;
14624
+ }
14625
+ [data-prefers-color='dark'] .th .fixedRight:nth-of-type(1) {
14626
+ background: red !important;
14627
+ }
14409
14628
 
14410
14629
  /* Color
14411
14630
  ----------------------- */
@@ -28070,6 +28289,9 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
28070
28289
  width: 100%;
28071
28290
  height: 100%;
28072
28291
  }
28292
+ [data-prefers-color='light'] .noneborder {
28293
+ border: none;
28294
+ }
28073
28295
  [data-prefers-color='light'] .activeCamera {
28074
28296
  border: 1px solid red;
28075
28297
  }
@@ -40907,3 +41129,17 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
40907
41129
  opacity: 1;
40908
41130
  background: #9cd0ef;
40909
41131
  }
41132
+
41133
+ .frame {
41134
+ width: 40px;
41135
+ background: rgba(0, 0, 0, 0.1);
41136
+ border: 1px solid rgba(0, 0, 0, 0) !important;
41137
+ position: relative;
41138
+ display: flex;
41139
+ justify-content: center;
41140
+ align-items: center;
41141
+ }
41142
+ .frame:hover {
41143
+ background: rgba(64, 140, 171, 0.45);
41144
+ border: 1px solid #62d1ff !important;
41145
+ }
package/dist/index.d.ts CHANGED
@@ -36,5 +36,6 @@ export { default as Calendar } from './components/Calendar';
36
36
  export { default as WebsocketHeart } from './components/WebsocketHeart';
37
37
  export { default as VideoPlayer } from './components/VideoPlayer';
38
38
  export { default as Video } from './components/Video';
39
+ export { default as NtTable } from './components/NtTable';
39
40
  export { default as LineEcharts } from './components/Wcharts/LineEcharts';
40
41
  export { default as WaterLevelCharts } from './components/Wcharts/WaterLevelCharts';
@@ -12584,6 +12584,9 @@ button.swiper-pagination-bullet {
12584
12584
  width: 100%;
12585
12585
  height: 100%;
12586
12586
  }
12587
+ .noneborder {
12588
+ border: none;
12589
+ }
12587
12590
  .activeCamera {
12588
12591
  border: 1px solid red;
12589
12592
  }
@@ -14351,6 +14354,9 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
14351
14354
  width: 100%;
14352
14355
  height: 100%;
14353
14356
  }
14357
+ [data-prefers-color='dark'] .noneborder {
14358
+ border: none;
14359
+ }
14354
14360
  [data-prefers-color='dark'] .activeCamera {
14355
14361
  border: 1px solid red;
14356
14362
  }
@@ -14406,6 +14412,219 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
14406
14412
  [data-prefers-color='dark'] .xgplayer-skin-default {
14407
14413
  height: 100% !important;
14408
14414
  }
14415
+ [data-prefers-color='dark'] .container {
14416
+ position: relative;
14417
+ width: 100%;
14418
+ overflow: auto;
14419
+ }
14420
+ [data-prefers-color='dark'] .container .theader {
14421
+ position: -webkit-sticky;
14422
+ position: sticky;
14423
+ top: 0;
14424
+ z-index: 4;
14425
+ }
14426
+ [data-prefers-color='dark'] .container .theader .th {
14427
+ padding-left: 4px;
14428
+ display: flex;
14429
+ position: relative;
14430
+ border-radius: 4px;
14431
+ align-items: center;
14432
+ }
14433
+ [data-prefers-color='dark'] .container .theader .th::before {
14434
+ background-color: #192547;
14435
+ content: '';
14436
+ position: absolute;
14437
+ left: 0;
14438
+ top: 0;
14439
+ width: 100%;
14440
+ height: 100%;
14441
+ border-width: 30px 20px 4px 4px;
14442
+ border-style: solid;
14443
+ -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;
14444
+ 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;
14445
+ border-image-slice: 30 20 4 4;
14446
+ border-image-width: 30px 20px 4px 4px;
14447
+ border-image-repeat: stretch stretch;
14448
+ border-radius: 4px;
14449
+ }
14450
+ [data-prefers-color='dark'] .container .theader .th .td {
14451
+ flex: 1;
14452
+ display: flex;
14453
+ align-items: center;
14454
+ justify-content: center;
14455
+ text-align: center;
14456
+ position: relative;
14457
+ z-index: 2;
14458
+ min-height: 32px;
14459
+ }
14460
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody {
14461
+ padding-top: 5px;
14462
+ margin-top: 19px;
14463
+ }
14464
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody .tr {
14465
+ padding-left: 6px;
14466
+ width: 100%;
14467
+ min-height: 32px;
14468
+ display: flex;
14469
+ margin-bottom: 17px;
14470
+ position: relative;
14471
+ border-radius: 6px;
14472
+ }
14473
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody .tr::before {
14474
+ background-color: rgba(25, 37, 71, 0.43);
14475
+ content: '';
14476
+ position: absolute;
14477
+ left: 0;
14478
+ top: 0;
14479
+ width: 100%;
14480
+ height: 100%;
14481
+ border-width: 30px 20px 4px 4px;
14482
+ border-style: solid;
14483
+ -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;
14484
+ 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;
14485
+ border-image-slice: 30 20 4 4;
14486
+ border-image-width: 30px 20px 4px 4px;
14487
+ border-image-repeat: stretch stretch;
14488
+ border-radius: 6px;
14489
+ }
14490
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody .tr.active::before {
14491
+ background-color: rgba(140, 75, 102, 0.43);
14492
+ border-width: 30px 20px 4px 4px;
14493
+ border-style: solid;
14494
+ -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;
14495
+ 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;
14496
+ border-image-slice: 30 20 4 4;
14497
+ border-image-width: 30px 20px 4px 4px;
14498
+ border-image-repeat: stretch stretch;
14499
+ border-radius: 6px;
14500
+ }
14501
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody .tr.active .td {
14502
+ flex: 1;
14503
+ display: flex;
14504
+ align-items: center;
14505
+ justify-content: center;
14506
+ text-align: center;
14507
+ position: relative;
14508
+ z-index: 2;
14509
+ }
14510
+ [data-prefers-color='dark'] .container .tbodyContainer .tbody .tr .td {
14511
+ flex: 1;
14512
+ display: flex;
14513
+ align-items: center;
14514
+ justify-content: center;
14515
+ text-align: center;
14516
+ position: relative;
14517
+ z-index: 2;
14518
+ }
14519
+ [data-prefers-color='dark'] .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
14520
+ [data-prefers-color='dark'] .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
14521
+ color: #fff;
14522
+ }
14523
+ [data-prefers-color='dark'] .ant-pagination {
14524
+ color: #fff;
14525
+ }
14526
+ [data-prefers-color='dark'] .ant-pagination .ant-select-selection-item {
14527
+ color: #fff;
14528
+ }
14529
+ [data-prefers-color='dark'] .ant-pagination .anticon-right {
14530
+ color: #fff;
14531
+ }
14532
+ [data-prefers-color='dark'] .ant-pagination .anticon-left {
14533
+ color: #fff;
14534
+ }
14535
+ [data-prefers-color='dark'] .ant-pagination-prev {
14536
+ color: #fff;
14537
+ }
14538
+ [data-prefers-color='dark'] .ant-pagination-total-text {
14539
+ color: #fff;
14540
+ }
14541
+ [data-prefers-color='dark'] .ant-pagination-item a {
14542
+ color: #fff;
14543
+ }
14544
+ [data-prefers-color='dark'] .ant-pagination-item-active {
14545
+ background: transparent;
14546
+ }
14547
+ [data-prefers-color='dark'] .ant-form-item-label > label {
14548
+ font-size: 16px;
14549
+ color: #fff;
14550
+ }
14551
+ [data-prefers-color='dark'] .ant-spin-container::after {
14552
+ background-color: transparent;
14553
+ }
14554
+ [data-prefers-color='dark'] .w-frame-box-table.container .theader .th {
14555
+ border-radius: 0px;
14556
+ border: none;
14557
+ background: rgba(64, 140, 171, 0.45);
14558
+ }
14559
+ [data-prefers-color='dark'] .w-frame-box-table.container .theader .th::before {
14560
+ content: none;
14561
+ height: 28px;
14562
+ }
14563
+ [data-prefers-color='dark'] .w-frame-box-table.container .tbody {
14564
+ margin-top: 8px;
14565
+ }
14566
+ [data-prefers-color='dark'] .w-frame-box-table.container .tbody .frame {
14567
+ min-height: 28px;
14568
+ margin-bottom: 8px;
14569
+ border: none;
14570
+ }
14571
+ [data-prefers-color='dark'] .w-frame-box-table.container .tbody .frame .tr {
14572
+ min-height: 28px;
14573
+ margin-bottom: 0;
14574
+ background: rgba(16, 97, 139, 0);
14575
+ }
14576
+ [data-prefers-color='dark'] .w-frame-box-table.container .tbody .frame .tr::before {
14577
+ content: none;
14578
+ }
14579
+ [data-prefers-color='dark'] .th .fixedLeft,
14580
+ [data-prefers-color='dark'] .th .fixedRight {
14581
+ position: -webkit-sticky !important;
14582
+ position: sticky !important;
14583
+ z-index: 4 !important;
14584
+ }
14585
+ [data-prefers-color='dark'] .th .fixedLeft.td,
14586
+ [data-prefers-color='dark'] .th .fixedRight.td {
14587
+ background-color: #192547;
14588
+ transition: all 0.3s;
14589
+ }
14590
+ [data-prefers-color='dark'] .th .fixedRight:first-child:after {
14591
+ box-shadow: inset -10px 0 8px -8px #00000026;
14592
+ position: absolute;
14593
+ top: 0;
14594
+ bottom: -1px;
14595
+ left: 0;
14596
+ width: 30px;
14597
+ transform: translate(-100%);
14598
+ transition: box-shadow 0.3s;
14599
+ content: '';
14600
+ pointer-events: none;
14601
+ }
14602
+ [data-prefers-color='dark'] .th .fixedLeft:last-child:after {
14603
+ box-shadow: inset -10px 0 8px -8px #00000026;
14604
+ position: absolute;
14605
+ top: 0;
14606
+ right: 0;
14607
+ bottom: -1px;
14608
+ width: 30px;
14609
+ transform: translate(100%);
14610
+ transition: box-shadow 0.3s;
14611
+ content: '';
14612
+ pointer-events: none;
14613
+ }
14614
+ [data-prefers-color='dark'] .tr .fixedLeft,
14615
+ [data-prefers-color='dark'] .tr .fixedRight {
14616
+ position: -webkit-sticky !important;
14617
+ position: sticky !important;
14618
+ z-index: 3 !important;
14619
+ }
14620
+ [data-prefers-color='dark'] .tr .fixedLeft.td,
14621
+ [data-prefers-color='dark'] .tr .fixedRight.td {
14622
+ background: #233b62;
14623
+ transition: all 0.3s;
14624
+ }
14625
+ [data-prefers-color='dark'] .th .fixedRight:nth-of-type(1) {
14626
+ background: red !important;
14627
+ }
14409
14628
 
14410
14629
  /* Color
14411
14630
  ----------------------- */
@@ -28070,6 +28289,9 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
28070
28289
  width: 100%;
28071
28290
  height: 100%;
28072
28291
  }
28292
+ [data-prefers-color='light'] .noneborder {
28293
+ border: none;
28294
+ }
28073
28295
  [data-prefers-color='light'] .activeCamera {
28074
28296
  border: 1px solid red;
28075
28297
  }
@@ -40907,3 +41129,17 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
40907
41129
  opacity: 1;
40908
41130
  background: #9cd0ef;
40909
41131
  }
41132
+
41133
+ .frame {
41134
+ width: 40px;
41135
+ background: rgba(0, 0, 0, 0.1);
41136
+ border: 1px solid rgba(0, 0, 0, 0) !important;
41137
+ position: relative;
41138
+ display: flex;
41139
+ justify-content: center;
41140
+ align-items: center;
41141
+ }
41142
+ .frame:hover {
41143
+ background: rgba(64, 140, 171, 0.45);
41144
+ border: 1px solid #62d1ff !important;
41145
+ }