zmdms-webui 2.3.0 → 2.3.1
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/es/canvastable/canvasTable.js +367 -0
- package/dist/es/canvastable/components/BadgePopover.js +27 -0
- package/dist/es/canvastable/components/CanvasTableMenu.js +74 -0
- package/dist/es/canvastable/components/CellOverlay.js +49 -0
- package/dist/es/canvastable/components/ColumnDynamic.js +12 -0
- package/dist/es/canvastable/components/EmptyPlaceholder.js +20 -0
- package/dist/es/canvastable/components/FilterPopover.js +274 -0
- package/dist/es/canvastable/components/HeaderOverlay.js +22 -0
- package/dist/es/canvastable/components/Tooltip.js +27 -0
- package/dist/es/canvastable/hooks/useClickOutside.js +30 -0
- package/dist/es/canvastable/hooks/useColumnResize.js +130 -0
- package/dist/es/canvastable/hooks/useContainerSize.js +40 -0
- package/dist/es/canvastable/hooks/useCopyToClipboard.js +150 -0
- package/dist/es/canvastable/hooks/useHeaderHeight.js +103 -0
- package/dist/es/canvastable/hooks/useMergeCells.js +111 -0
- package/dist/es/canvastable/hooks/useOverlays.js +364 -0
- package/dist/es/canvastable/hooks/usePopovers.js +93 -0
- package/dist/es/canvastable/hooks/useProcessedColumns.js +94 -0
- package/dist/es/canvastable/hooks/useScroll.js +251 -0
- package/dist/es/canvastable/hooks/useSummaryRow.js +81 -0
- package/dist/es/canvastable/hooks/useTableInteraction.js +804 -0
- package/dist/es/canvastable/hooks/useTableRender.js +1289 -0
- package/dist/es/canvastable/hooks/useTableSelection.js +57 -0
- package/dist/es/canvastable/hooks/useTableState.js +218 -0
- package/dist/es/canvastable/index.js +5 -0
- package/dist/es/canvastable/utils/canvasDrawHelpers.js +156 -0
- package/dist/es/canvastable/utils/cellHelpers.js +121 -0
- package/dist/es/canvastable/utils/columnHelpers.js +67 -0
- package/dist/es/canvastable/utils/constants.js +42 -0
- package/dist/es/canvastable/utils/formatHelpers.js +60 -0
- package/dist/es/canvastable/utils/interactionHelpers.js +176 -0
- package/dist/es/canvastable/utils/multiHeaderHelpers.js +82 -0
- package/dist/es/canvastable/utils/tableCalculations.js +100 -0
- package/dist/index.es.css +1 -1
- package/dist/less/components/CanvasTable/style/index.less +106 -0
- package/package.json +1 -1
- package/dist/es/cascader/index.css +0 -1
- package/dist/es/collapse/index.css +0 -1
- package/dist/es/container/index.css +0 -1
- package/dist/es/datepicker/index.css +0 -1
- package/dist/es/descriptions/index.css +0 -1
- package/dist/es/detaillist/index.css +0 -1
- package/dist/es/differences/index.css +0 -1
- package/dist/es/dynamicsetting/index.css +0 -1
- package/dist/es/electronsignatures/index.css +0 -1
- package/dist/es/footer/index.css +0 -1
- package/dist/es/form/index.css +0 -1
- package/dist/es/formitem/index.css +0 -1
- package/dist/es/input/index.css +0 -1
- package/dist/es/inputnumber/index.css +0 -1
- package/dist/es/leftcontent/index.css +0 -1
- package/dist/es/message/index.css +0 -1
- package/dist/es/microloading/index.css +0 -1
- package/dist/es/modal/index.css +0 -1
- package/dist/es/notauthpage/index.css +0 -0
- package/dist/es/notroutepage/index.css +0 -0
- package/dist/es/pagination/index.css +0 -1
- package/dist/es/placeholder/index.css +0 -1
- package/dist/es/print/index.css +0 -1
- package/dist/es/select/index.css +0 -1
- package/dist/es/table/index.css +0 -1
- package/dist/es/tabs/index.css +0 -1
- package/dist/es/tag/index.css +0 -1
- package/dist/es/title/index.css +0 -1
- package/dist/es/tree/index.css +0 -1
- package/dist/es/treeselect/index.css +0 -1
- package/dist/es/uploadlist/index.css +0 -1
- package/dist/es/watermark/index.css +0 -1
- package/dist/es/zttransfer/index.css +0 -1
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import dayjs from 'dayjs';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 数据格式化工具函数
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* 格式化数值(千分符)
|
|
8
|
+
*/
|
|
9
|
+
var formatThousand = function (value) {
|
|
10
|
+
if (value === null || value === undefined || value === "")
|
|
11
|
+
return "";
|
|
12
|
+
var num = typeof value === "string" ? parseFloat(value) : value;
|
|
13
|
+
if (isNaN(num))
|
|
14
|
+
return String(value);
|
|
15
|
+
return num.toLocaleString("en-US");
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* 格式化精度
|
|
19
|
+
*/
|
|
20
|
+
var formatPrecision = function (value, precision) {
|
|
21
|
+
if (value === null || value === undefined || value === "")
|
|
22
|
+
return "";
|
|
23
|
+
var num = typeof value === "string" ? parseFloat(value) : value;
|
|
24
|
+
if (isNaN(num))
|
|
25
|
+
return String(value);
|
|
26
|
+
return num.toFixed(precision);
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* 格式化日期
|
|
30
|
+
*/
|
|
31
|
+
var formatDate = function (value, format) {
|
|
32
|
+
if (format === void 0) { format = "YYYY-MM-DD"; }
|
|
33
|
+
if (!value)
|
|
34
|
+
return "";
|
|
35
|
+
var date = dayjs(value);
|
|
36
|
+
return date.isValid() ? date.format(format) : String(value);
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* 格式化单元格值
|
|
40
|
+
*/
|
|
41
|
+
var formatCellValue = function (value, column) {
|
|
42
|
+
if (value === null || value === undefined)
|
|
43
|
+
return "";
|
|
44
|
+
var formattedValue = value;
|
|
45
|
+
// 日期格式化
|
|
46
|
+
if (column.dateFormat) {
|
|
47
|
+
formattedValue = formatDate(formattedValue, column.dateFormat);
|
|
48
|
+
}
|
|
49
|
+
// 数值精度
|
|
50
|
+
if (column.precision !== undefined && typeof formattedValue === "number") {
|
|
51
|
+
formattedValue = formatPrecision(formattedValue, column.precision);
|
|
52
|
+
}
|
|
53
|
+
// 千分符
|
|
54
|
+
if (column.thousand && !isNaN(Number(formattedValue))) {
|
|
55
|
+
formattedValue = formatThousand(formattedValue);
|
|
56
|
+
}
|
|
57
|
+
return String(formattedValue);
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
export { formatCellValue, formatDate, formatPrecision, formatThousand };
|
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 交互相关的辅助函数
|
|
3
|
+
*/
|
|
4
|
+
var calculateIconArea = function (column, cellWidth) {
|
|
5
|
+
var hasOrder = column.isOrder !== false;
|
|
6
|
+
var hasFilter = column.isFilter !== false;
|
|
7
|
+
var iconsWidth = 0;
|
|
8
|
+
if (hasFilter) {
|
|
9
|
+
iconsWidth += 15; // 筛选图标宽度(10px图标 + 5px右边距)
|
|
10
|
+
}
|
|
11
|
+
if (hasOrder) {
|
|
12
|
+
iconsWidth += 15; // 排序图标宽度(10px图标)
|
|
13
|
+
if (hasFilter) {
|
|
14
|
+
iconsWidth += 4; // 排序和筛选之间的间距
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
// 排序图标区域
|
|
18
|
+
var sortIconStart = hasFilter ? cellWidth - 38 : cellWidth - 18;
|
|
19
|
+
var sortIconEnd = hasFilter ? cellWidth - 20 : cellWidth;
|
|
20
|
+
// 筛选图标区域(最右侧20px)
|
|
21
|
+
var filterIconStart = cellWidth - 20;
|
|
22
|
+
var filterIconEnd = cellWidth;
|
|
23
|
+
return {
|
|
24
|
+
hasOrder: hasOrder,
|
|
25
|
+
hasFilter: hasFilter,
|
|
26
|
+
sortIconStart: sortIconStart,
|
|
27
|
+
sortIconEnd: sortIconEnd,
|
|
28
|
+
filterIconStart: filterIconStart,
|
|
29
|
+
filterIconEnd: filterIconEnd,
|
|
30
|
+
iconsWidth: iconsWidth,
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* 判断点击是否在图标区域内
|
|
35
|
+
*/
|
|
36
|
+
var isClickInIconArea = function (relativeX, iconArea, type) {
|
|
37
|
+
if (type === "filter" && iconArea.hasFilter) {
|
|
38
|
+
return (relativeX >= iconArea.filterIconStart &&
|
|
39
|
+
relativeX < iconArea.filterIconEnd);
|
|
40
|
+
}
|
|
41
|
+
if (type === "sort" && iconArea.hasOrder) {
|
|
42
|
+
return (relativeX >= iconArea.sortIconStart && relativeX < iconArea.sortIconEnd);
|
|
43
|
+
}
|
|
44
|
+
return false;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* 计算弹窗位置(确保不超出容器边界)
|
|
48
|
+
*/
|
|
49
|
+
var calculatePopoverPosition = function (columnDrawX, columnWidth, containerWidth, headerHeight, popoverWidth, gap) {
|
|
50
|
+
if (popoverWidth === void 0) { popoverWidth = 180; }
|
|
51
|
+
if (gap === void 0) { gap = 2; }
|
|
52
|
+
// 默认位置:列的右边缘对齐弹窗右边缘
|
|
53
|
+
var popoverX = columnDrawX + columnWidth - popoverWidth;
|
|
54
|
+
// 如果超出左边界,调整位置
|
|
55
|
+
if (popoverX < 8) {
|
|
56
|
+
popoverX = 8; // 留一点边距
|
|
57
|
+
}
|
|
58
|
+
// 如果超出右边界,调整位置
|
|
59
|
+
var maxX = containerWidth - popoverWidth - 8;
|
|
60
|
+
if (popoverX > maxX) {
|
|
61
|
+
popoverX = maxX;
|
|
62
|
+
}
|
|
63
|
+
return {
|
|
64
|
+
x: popoverX,
|
|
65
|
+
y: headerHeight + gap,
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
var calculateSelectionState = function (dataSource, selectedRowKeys, getRowKey, getCheckboxProps) {
|
|
69
|
+
// 获取所有可选择的数据(排除 disabled 的)
|
|
70
|
+
var selectableData = dataSource.filter(function (record) {
|
|
71
|
+
var checkboxProps = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(record)) || {};
|
|
72
|
+
return !checkboxProps.disabled;
|
|
73
|
+
});
|
|
74
|
+
// 计算选中状态
|
|
75
|
+
var selectedCount = selectableData.filter(function (record) {
|
|
76
|
+
var actualIndex = dataSource.indexOf(record);
|
|
77
|
+
return selectedRowKeys.includes(getRowKey(record, actualIndex));
|
|
78
|
+
}).length;
|
|
79
|
+
var isAllSelected = selectableData.length > 0 && selectedCount === selectableData.length;
|
|
80
|
+
var isIndeterminate = selectedCount > 0 && selectedCount < selectableData.length;
|
|
81
|
+
return {
|
|
82
|
+
isAllSelected: isAllSelected,
|
|
83
|
+
isIndeterminate: isIndeterminate,
|
|
84
|
+
selectedCount: selectedCount,
|
|
85
|
+
selectableCount: selectableData.length,
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
/**
|
|
89
|
+
* 切换全选状态
|
|
90
|
+
*/
|
|
91
|
+
var toggleSelectAll = function (dataSource, isAllSelected, getRowKey, getCheckboxProps) {
|
|
92
|
+
if (isAllSelected) {
|
|
93
|
+
return [];
|
|
94
|
+
}
|
|
95
|
+
// 获取所有可选择的数据(排除 disabled 的)
|
|
96
|
+
var selectableData = dataSource.filter(function (record) {
|
|
97
|
+
var checkboxProps = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(record)) || {};
|
|
98
|
+
return !checkboxProps.disabled;
|
|
99
|
+
});
|
|
100
|
+
return selectableData.map(function (record) {
|
|
101
|
+
var actualIndex = dataSource.indexOf(record);
|
|
102
|
+
return getRowKey(record, actualIndex);
|
|
103
|
+
});
|
|
104
|
+
};
|
|
105
|
+
/**
|
|
106
|
+
* 处理排序点击
|
|
107
|
+
*/
|
|
108
|
+
var handleSortClick = function (clickedUpper, currentSortField, currentSortOrder, columnKey) {
|
|
109
|
+
var newOrder = null;
|
|
110
|
+
if (clickedUpper) {
|
|
111
|
+
// 点击上箭头:升序
|
|
112
|
+
if (currentSortField === columnKey && currentSortOrder === "ascend") {
|
|
113
|
+
newOrder = null; // 取消排序
|
|
114
|
+
}
|
|
115
|
+
else {
|
|
116
|
+
newOrder = "ascend";
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
else {
|
|
120
|
+
// 点击下箭头:降序
|
|
121
|
+
if (currentSortField === columnKey && currentSortOrder === "descend") {
|
|
122
|
+
newOrder = null; // 取消排序
|
|
123
|
+
}
|
|
124
|
+
else {
|
|
125
|
+
newOrder = "descend";
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
return {
|
|
129
|
+
sortField: newOrder ? columnKey : null,
|
|
130
|
+
sortOrder: newOrder,
|
|
131
|
+
};
|
|
132
|
+
};
|
|
133
|
+
/**
|
|
134
|
+
* 计算三角形badge的区域判断
|
|
135
|
+
*/
|
|
136
|
+
var isPointInTriangle = function (x, y, cellX, cellY, cellWidth, cellHeight, position, triangleSize) {
|
|
137
|
+
if (triangleSize === void 0) { triangleSize = 12; }
|
|
138
|
+
switch (position) {
|
|
139
|
+
case "top-left":
|
|
140
|
+
return (x >= cellX &&
|
|
141
|
+
x <= cellX + triangleSize &&
|
|
142
|
+
y >= cellY &&
|
|
143
|
+
y <= cellY + triangleSize &&
|
|
144
|
+
x - cellX + (y - cellY) <= triangleSize);
|
|
145
|
+
case "top-right":
|
|
146
|
+
return (x >= cellX + cellWidth - triangleSize &&
|
|
147
|
+
x <= cellX + cellWidth &&
|
|
148
|
+
y >= cellY &&
|
|
149
|
+
y <= cellY + triangleSize &&
|
|
150
|
+
cellX + cellWidth - x + (y - cellY) <= triangleSize);
|
|
151
|
+
case "bottom-left":
|
|
152
|
+
return (x >= cellX &&
|
|
153
|
+
x <= cellX + triangleSize &&
|
|
154
|
+
y >= cellY + cellHeight - triangleSize &&
|
|
155
|
+
y <= cellY + cellHeight &&
|
|
156
|
+
x - cellX + (cellY + cellHeight - y) <= triangleSize);
|
|
157
|
+
case "bottom-right":
|
|
158
|
+
return (x >= cellX + cellWidth - triangleSize &&
|
|
159
|
+
x <= cellX + cellWidth &&
|
|
160
|
+
y >= cellY + cellHeight - triangleSize &&
|
|
161
|
+
y <= cellY + cellHeight &&
|
|
162
|
+
cellX + cellWidth - x + (cellY + cellHeight - y) <= triangleSize);
|
|
163
|
+
default:
|
|
164
|
+
return false;
|
|
165
|
+
}
|
|
166
|
+
};
|
|
167
|
+
/**
|
|
168
|
+
* 计算滚动位置(限制在最大值范围内)
|
|
169
|
+
*/
|
|
170
|
+
var calculateScrollPosition = function (delta, currentScroll, maxScroll, totalSize, dragStart, scrollableSize) {
|
|
171
|
+
var scrollRatio = delta / scrollableSize;
|
|
172
|
+
var newScroll = currentScroll + scrollRatio * totalSize;
|
|
173
|
+
return Math.max(0, Math.min(maxScroll, newScroll));
|
|
174
|
+
};
|
|
175
|
+
|
|
176
|
+
export { calculateIconArea, calculatePopoverPosition, calculateScrollPosition, calculateSelectionState, handleSortClick, isClickInIconArea, isPointInTriangle, toggleSelectAll };
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 多级表头工具函数
|
|
3
|
+
*/
|
|
4
|
+
/**
|
|
5
|
+
* 获取叶子列(没有children的列)
|
|
6
|
+
*/
|
|
7
|
+
function getLeafColumns(columns) {
|
|
8
|
+
var leafColumns = [];
|
|
9
|
+
var walk = function (nodes) {
|
|
10
|
+
var _a;
|
|
11
|
+
(_a = nodes === null || nodes === void 0 ? void 0 : nodes.forEach) === null || _a === void 0 ? void 0 : _a.call(nodes, function (node) {
|
|
12
|
+
if (Array.isArray(node === null || node === void 0 ? void 0 : node.children) && node.children.length > 0) {
|
|
13
|
+
walk(node.children);
|
|
14
|
+
}
|
|
15
|
+
else {
|
|
16
|
+
leafColumns.push(node);
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
walk(columns);
|
|
21
|
+
return leafColumns;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* 获取表头的最大深度
|
|
25
|
+
*/
|
|
26
|
+
function getMaxDepth(columns) {
|
|
27
|
+
var maxDepth = 1;
|
|
28
|
+
var walk = function (nodes, depth) {
|
|
29
|
+
var _a;
|
|
30
|
+
(_a = nodes === null || nodes === void 0 ? void 0 : nodes.forEach) === null || _a === void 0 ? void 0 : _a.call(nodes, function (node) {
|
|
31
|
+
if (depth > maxDepth) {
|
|
32
|
+
maxDepth = depth;
|
|
33
|
+
}
|
|
34
|
+
if (Array.isArray(node === null || node === void 0 ? void 0 : node.children) && node.children.length > 0) {
|
|
35
|
+
walk(node.children, depth + 1);
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
walk(columns, 1);
|
|
40
|
+
return maxDepth;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* 计算列的跨度(colspan)
|
|
44
|
+
*/
|
|
45
|
+
function computeColSpan(column) {
|
|
46
|
+
if (!column.children || column.children.length === 0) {
|
|
47
|
+
return 1;
|
|
48
|
+
}
|
|
49
|
+
return column.children.reduce(function (sum, child) { return sum + computeColSpan(child); }, 0);
|
|
50
|
+
}
|
|
51
|
+
function flattenHeaders(columns) {
|
|
52
|
+
var maxDepth = getMaxDepth(columns);
|
|
53
|
+
var headerRows = Array.from({ length: maxDepth }, function () { return []; });
|
|
54
|
+
var walk = function (nodes, depth, startColIndexRef) {
|
|
55
|
+
nodes.forEach(function (node) {
|
|
56
|
+
var hasChildren = Array.isArray(node.children) && node.children.length > 0;
|
|
57
|
+
var colSpan = computeColSpan(node);
|
|
58
|
+
var rowSpan = hasChildren ? 1 : maxDepth - depth + 1;
|
|
59
|
+
var currentCol = startColIndexRef.value;
|
|
60
|
+
// 添加表头单元格
|
|
61
|
+
headerRows[depth - 1].push({
|
|
62
|
+
column: node,
|
|
63
|
+
rowSpan: rowSpan,
|
|
64
|
+
colSpan: colSpan,
|
|
65
|
+
depth: depth - 1,
|
|
66
|
+
colIndex: currentCol,
|
|
67
|
+
});
|
|
68
|
+
if (hasChildren) {
|
|
69
|
+
var childStartRef = { value: currentCol };
|
|
70
|
+
walk(node.children, depth + 1, childStartRef);
|
|
71
|
+
startColIndexRef.value = currentCol + colSpan;
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
startColIndexRef.value = currentCol + 1;
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
};
|
|
78
|
+
walk(columns, 1, { value: 0 });
|
|
79
|
+
return headerRows;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
export { computeColSpan, flattenHeaders, getLeafColumns, getMaxDepth };
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { DEFAULT_COLUMN_WIDTH } from './constants.js';
|
|
2
|
+
import { getLeafColumns } from './multiHeaderHelpers.js';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* 表格计算工具函数
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* 计算列的渲染信息
|
|
9
|
+
* 注意:多级表头时,只处理叶子列(用于渲染数据)
|
|
10
|
+
*/
|
|
11
|
+
var calculateColumnRenderInfos = function (columns) {
|
|
12
|
+
// 获取叶子列(多级表头时只有叶子列才渲染数据)
|
|
13
|
+
var leafColumns = getLeafColumns(columns);
|
|
14
|
+
var infos = [];
|
|
15
|
+
var currentX = 0;
|
|
16
|
+
var fixedLeftX = 0;
|
|
17
|
+
leafColumns.forEach(function (column) {
|
|
18
|
+
var columnWidth = column.width || DEFAULT_COLUMN_WIDTH;
|
|
19
|
+
var isFixed = column.fixed === "left" || column.fixed === true;
|
|
20
|
+
infos.push({
|
|
21
|
+
column: column,
|
|
22
|
+
x: isFixed ? fixedLeftX : currentX,
|
|
23
|
+
width: columnWidth,
|
|
24
|
+
fixed: isFixed,
|
|
25
|
+
fixedLeft: isFixed ? fixedLeftX : undefined,
|
|
26
|
+
});
|
|
27
|
+
if (isFixed) {
|
|
28
|
+
fixedLeftX += columnWidth;
|
|
29
|
+
}
|
|
30
|
+
currentX += columnWidth;
|
|
31
|
+
});
|
|
32
|
+
return infos;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* 计算总宽度
|
|
36
|
+
*/
|
|
37
|
+
var calculateTotalWidth = function (columnRenderInfos) {
|
|
38
|
+
return columnRenderInfos.reduce(function (sum, info) { return sum + info.width; }, 0);
|
|
39
|
+
};
|
|
40
|
+
/**
|
|
41
|
+
* 计算总高度
|
|
42
|
+
*/
|
|
43
|
+
var calculateTotalHeight = function (headerHeight, dataLength, rowHeight) {
|
|
44
|
+
return headerHeight + dataLength * rowHeight;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* 计算滚动条位置和大小
|
|
48
|
+
*/
|
|
49
|
+
var calculateScrollbarMetrics = function (params) {
|
|
50
|
+
var containerWidth = params.containerWidth, containerHeight = params.containerHeight, totalWidth = params.totalWidth, totalHeight = params.totalHeight, headerHeight = params.headerHeight, scrollbarSize = params.scrollbarSize, minScrollbarSize = params.minScrollbarSize, scrollTop = params.scrollTop, scrollLeft = params.scrollLeft;
|
|
51
|
+
// 是否需要显示滚动条
|
|
52
|
+
var needVerticalScrollbar = totalHeight > containerHeight;
|
|
53
|
+
var needHorizontalScrollbar = totalWidth > containerWidth;
|
|
54
|
+
// 计算可滚动的最大值
|
|
55
|
+
// maxScrollTop 需要考虑水平滚动条占用的空间
|
|
56
|
+
// 当有水平滚动条时,数据可视区域减少了 scrollbarSize 的高度
|
|
57
|
+
var maxScrollTop = Math.max(0, totalHeight -
|
|
58
|
+
containerHeight +
|
|
59
|
+
(needHorizontalScrollbar ? scrollbarSize : 0));
|
|
60
|
+
// maxScrollLeft 需要考虑垂直滚动条占用的空间
|
|
61
|
+
// 当有垂直滚动条时,数据可视区域减少了 scrollbarSize 的宽度
|
|
62
|
+
var maxScrollLeft = Math.max(0, totalWidth - containerWidth + (needVerticalScrollbar ? scrollbarSize : 0));
|
|
63
|
+
// 计算数据区域高度(不包括表头和水平滚动条)
|
|
64
|
+
var dataAreaHeight = containerHeight -
|
|
65
|
+
headerHeight -
|
|
66
|
+
(needHorizontalScrollbar ? scrollbarSize : 0);
|
|
67
|
+
// 计算垂直滚动条高度
|
|
68
|
+
var verticalScrollbarHeight = needVerticalScrollbar
|
|
69
|
+
? Math.max(minScrollbarSize, (dataAreaHeight / totalHeight) * dataAreaHeight)
|
|
70
|
+
: 0;
|
|
71
|
+
// 计算水平滚动条宽度
|
|
72
|
+
var horizontalScrollbarWidth = needHorizontalScrollbar
|
|
73
|
+
? Math.max(minScrollbarSize, ((containerWidth - (needVerticalScrollbar ? scrollbarSize : 0)) /
|
|
74
|
+
totalWidth) *
|
|
75
|
+
(containerWidth - (needVerticalScrollbar ? scrollbarSize : 0)))
|
|
76
|
+
: 0;
|
|
77
|
+
// 计算滚动条位置
|
|
78
|
+
var verticalScrollbarTop = needVerticalScrollbar && maxScrollTop > 0
|
|
79
|
+
? (scrollTop / maxScrollTop) * (dataAreaHeight - verticalScrollbarHeight)
|
|
80
|
+
: 0;
|
|
81
|
+
var horizontalScrollbarLeft = needHorizontalScrollbar && maxScrollLeft > 0
|
|
82
|
+
? (scrollLeft / maxScrollLeft) *
|
|
83
|
+
(containerWidth -
|
|
84
|
+
(needVerticalScrollbar ? scrollbarSize : 0) -
|
|
85
|
+
horizontalScrollbarWidth)
|
|
86
|
+
: 0;
|
|
87
|
+
return {
|
|
88
|
+
needVerticalScrollbar: needVerticalScrollbar,
|
|
89
|
+
needHorizontalScrollbar: needHorizontalScrollbar,
|
|
90
|
+
maxScrollTop: maxScrollTop,
|
|
91
|
+
maxScrollLeft: maxScrollLeft,
|
|
92
|
+
dataAreaHeight: dataAreaHeight,
|
|
93
|
+
verticalScrollbarHeight: verticalScrollbarHeight,
|
|
94
|
+
horizontalScrollbarWidth: horizontalScrollbarWidth,
|
|
95
|
+
verticalScrollbarTop: verticalScrollbarTop,
|
|
96
|
+
horizontalScrollbarLeft: horizontalScrollbarLeft,
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
export { calculateColumnRenderInfos, calculateScrollbarMetrics, calculateTotalHeight, calculateTotalWidth };
|
package/dist/index.es.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--contexify-zIndex:666;--contexify-menu-minWidth:220px;--contexify-menu-padding:6px;--contexify-menu-radius:6px;--contexify-menu-bgColor:#fff;--contexify-menu-shadow:1px 2px 2px #0000001a,2px 4px 4px #0000001a,3px 6px 6px #0000001a;--contexify-menu-negatePadding:var(--contexify-menu-padding);--contexify-separator-color:#0003;--contexify-separator-margin:5px;--contexify-itemContent-padding:6px;--contexify-activeItem-radius:4px;--contexify-item-color:#333;--contexify-activeItem-color:#fff;--contexify-activeItem-bgColor:#3498db;--contexify-rightSlot-color:#6f6e77;--contexify-activeRightSlot-color:#fff;--contexify-arrow-color:#6f6e77;--contexify-activeArrow-color:#fff}@keyframes contexify_feedback{0%{opacity:.4}to{opacity:1}}.contexify{background-color:var(--contexify-menu-bgColor);border-radius:var(--contexify-menu-radius);box-shadow:var(--contexify-menu-shadow);box-sizing:border-box;min-width:var(--contexify-menu-minWidth);opacity:0;padding:var(--contexify-menu-padding);position:fixed;-webkit-user-select:none;user-select:none;z-index:var(--contexify-zIndex)}.contexify_submenu-isOpen,.contexify_submenu-isOpen>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_submenu-isOpen>.contexify_submenu{opacity:1;pointer-events:auto}.contexify .contexify_submenu{left:100%;pointer-events:none;position:absolute;top:calc(var(--contexify-menu-negatePadding)*-1);transition:opacity .265s}.contexify .contexify_submenu-bottom{bottom:calc(var(--contexify-menu-negatePadding)*-1);top:unset}.contexify .contexify_submenu-right{left:unset;right:100%}.contexify_rightSlot{color:var(--contexify-rightSlot-color);display:flex;margin-left:auto}.contexify_separator{background-color:var(--contexify-separator-color);cursor:default;height:1px;margin:var(--contexify-separator-margin)}.contexify_willLeave-disabled{pointer-events:none}.contexify_item{cursor:pointer;position:relative}.contexify_item:focus{outline:0}.contexify_item:focus .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeRightSlot-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup]>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-arrow-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover>.contexify_itemContent .contexify_rightSlot,.contexify_item[aria-haspopup]:focus>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_submenu{opacity:1;pointer-events:auto}.contexify_item-disabled{cursor:default;opacity:.5}.contexify_itemContent{align-items:center;color:var(--contexify-item-color);display:flex;padding:var(--contexify-itemContent-padding);position:relative;white-space:nowrap}.contexify_item-feedback{animation:contexify_feedback .12s both}.contexify_theme-dark{--contexify-menu-bgColor:#282828fa;--contexify-separator-color:#4c4c4c;--contexify-item-color:#fff}.contexify_theme-light{--contexify-separator-color:#eee;--contexify-item-color:#666;--contexify-activeItem-color:#3498db;--contexify-activeItem-bgColor:#e0eefd;--contexify-activeRightSlot-color:#3498db;--contexify-active-arrow-color:#3498db}@keyframes contexify_scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes contexify_scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}.contexify_willEnter-scale{animation:contexify_scaleIn .3s;transform-origin:top left}.contexify_willLeave-scale{animation:contexify_scaleOut .3s;transform-origin:top left}@keyframes contexify_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contexify_fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contexify_willEnter-fade{animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{animation:contexify_fadeOut .3s ease}@keyframes contexify_flipInX{0%{transform:perspective(800px) rotateX(45deg)}to{transform:perspective(800px)}}@keyframes contexify_flipOutX{0%{transform:perspective(800px)}to{opacity:0;transform:perspective(800px) rotateX(45deg)}}.contexify_willEnter-flip{animation:contexify_flipInX .3s}.contexify_willEnter-flip,.contexify_willLeave-flip{backface-visibility:visible!important;transform-origin:top center}.contexify_willLeave-flip{animation:contexify_flipOutX .3s}@keyframes contexify_slideIn{0%{opacity:0;transform:scaleY(.3)}to{opacity:1}}@keyframes contexify_slideOut{0%{opacity:1}to{opacity:0;transform:scaleY(.3)}}.contexify_willEnter-slide{animation:contexify_slideIn .3s;transform-origin:top center}.contexify_willLeave-slide{animation:contexify_slideOut .3s;transform-origin:top center}
|
|
1
|
+
.canvas-table-container{-webkit-overflow-scrolling:auto;background:#fff;border:1px solid #dee9f6;box-sizing:border-box;overflow:hidden;overscroll-behavior:contain;position:relative;touch-action:none}.canvas-table-container canvas{cursor:default;touch-action:none}.canvas-table-container .canvas-table-filter-popover{background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d}.canvas-table-container .canvas-table-filter-popover .ant-checkbox-wrapper{width:100%}.canvas-table-container .canvas-table-filter-popover .ant-checkbox-wrapper:hover{background-color:#f5f5f5}.canvas-table-container .canvas-table-cell-overlay{align-items:center;box-sizing:border-box;display:flex;overflow:hidden;pointer-events:auto;position:absolute}.canvas-table-container .canvas-table-cell-content>*,.canvas-table-container .canvas-table-cell-overlay a,.canvas-table-container .canvas-table-cell-overlay button,.canvas-table-container .canvas-table-cell-overlay input,.canvas-table-container .canvas-table-cell-overlay select,.canvas-table-container .canvas-table-cell-overlay textarea{pointer-events:auto}.canvas-table-container canvas{position:relative;z-index:0}.canvas-table-container.canvas-table--fullscreen{background-color:#fff;bottom:0!important;height:100%!important;left:0!important;margin:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:9999!important}.canvas-table-container .canvas-table--exit-fullscreen{background:#000000b3;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;position:fixed;right:20px;top:20px;transition:background .3s;-webkit-user-select:none;user-select:none;z-index:10000}.canvas-table-container .canvas-table--exit-fullscreen:hover{background:#000000e6}:root{--contexify-zIndex:666;--contexify-menu-minWidth:220px;--contexify-menu-padding:6px;--contexify-menu-radius:6px;--contexify-menu-bgColor:#fff;--contexify-menu-shadow:1px 2px 2px #0000001a,2px 4px 4px #0000001a,3px 6px 6px #0000001a;--contexify-menu-negatePadding:var(--contexify-menu-padding);--contexify-separator-color:#0003;--contexify-separator-margin:5px;--contexify-itemContent-padding:6px;--contexify-activeItem-radius:4px;--contexify-item-color:#333;--contexify-activeItem-color:#fff;--contexify-activeItem-bgColor:#3498db;--contexify-rightSlot-color:#6f6e77;--contexify-activeRightSlot-color:#fff;--contexify-arrow-color:#6f6e77;--contexify-activeArrow-color:#fff}@keyframes contexify_feedback{0%{opacity:.4}to{opacity:1}}.contexify{background-color:var(--contexify-menu-bgColor);border-radius:var(--contexify-menu-radius);box-shadow:var(--contexify-menu-shadow);box-sizing:border-box;min-width:var(--contexify-menu-minWidth);opacity:0;padding:var(--contexify-menu-padding);position:fixed;-webkit-user-select:none;user-select:none;z-index:var(--contexify-zIndex)}.contexify_submenu-isOpen,.contexify_submenu-isOpen>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_submenu-isOpen>.contexify_submenu{opacity:1;pointer-events:auto}.contexify .contexify_submenu{left:100%;pointer-events:none;position:absolute;top:calc(var(--contexify-menu-negatePadding)*-1);transition:opacity .265s}.contexify .contexify_submenu-bottom{bottom:calc(var(--contexify-menu-negatePadding)*-1);top:unset}.contexify .contexify_submenu-right{left:unset;right:100%}.contexify_rightSlot{color:var(--contexify-rightSlot-color);display:flex;margin-left:auto}.contexify_separator{background-color:var(--contexify-separator-color);cursor:default;height:1px;margin:var(--contexify-separator-margin)}.contexify_willLeave-disabled{pointer-events:none}.contexify_item{cursor:pointer;position:relative}.contexify_item:focus{outline:0}.contexify_item:focus .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeRightSlot-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup]>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-arrow-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover>.contexify_itemContent .contexify_rightSlot,.contexify_item[aria-haspopup]:focus>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_submenu{opacity:1;pointer-events:auto}.contexify_item-disabled{cursor:default;opacity:.5}.contexify_itemContent{align-items:center;color:var(--contexify-item-color);display:flex;padding:var(--contexify-itemContent-padding);position:relative;white-space:nowrap}.contexify_item-feedback{animation:contexify_feedback .12s both}.contexify_theme-dark{--contexify-menu-bgColor:#282828fa;--contexify-separator-color:#4c4c4c;--contexify-item-color:#fff}.contexify_theme-light{--contexify-separator-color:#eee;--contexify-item-color:#666;--contexify-activeItem-color:#3498db;--contexify-activeItem-bgColor:#e0eefd;--contexify-activeRightSlot-color:#3498db;--contexify-active-arrow-color:#3498db}@keyframes contexify_scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes contexify_scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}.contexify_willEnter-scale{animation:contexify_scaleIn .3s;transform-origin:top left}.contexify_willLeave-scale{animation:contexify_scaleOut .3s;transform-origin:top left}@keyframes contexify_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contexify_fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contexify_willEnter-fade{animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{animation:contexify_fadeOut .3s ease}@keyframes contexify_flipInX{0%{transform:perspective(800px) rotateX(45deg)}to{transform:perspective(800px)}}@keyframes contexify_flipOutX{0%{transform:perspective(800px)}to{opacity:0;transform:perspective(800px) rotateX(45deg)}}.contexify_willEnter-flip{animation:contexify_flipInX .3s}.contexify_willEnter-flip,.contexify_willLeave-flip{backface-visibility:visible!important;transform-origin:top center}.contexify_willLeave-flip{animation:contexify_flipOutX .3s}@keyframes contexify_slideIn{0%{opacity:0;transform:scaleY(.3)}to{opacity:1}}@keyframes contexify_slideOut{0%{opacity:1}to{opacity:0;transform:scaleY(.3)}}.contexify_willEnter-slide{animation:contexify_slideIn .3s;transform-origin:top center}.contexify_willLeave-slide{animation:contexify_slideOut .3s;transform-origin:top center}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
@prefix: canvas-table;
|
|
2
|
+
|
|
3
|
+
.@{prefix}-container {
|
|
4
|
+
position: relative;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
background: #fff;
|
|
7
|
+
border: 1px solid rgb(222, 233, 246);
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
|
|
10
|
+
// 防止滚动穿透
|
|
11
|
+
touch-action: none;
|
|
12
|
+
overscroll-behavior: contain;
|
|
13
|
+
-webkit-overflow-scrolling: auto;
|
|
14
|
+
|
|
15
|
+
canvas {
|
|
16
|
+
cursor: default;
|
|
17
|
+
touch-action: none;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.@{prefix}-filter-popover {
|
|
21
|
+
background: #fff;
|
|
22
|
+
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
|
|
23
|
+
0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
24
|
+
border-radius: 2px;
|
|
25
|
+
|
|
26
|
+
.ant-checkbox-wrapper {
|
|
27
|
+
width: 100%;
|
|
28
|
+
|
|
29
|
+
&:hover {
|
|
30
|
+
background-color: #f5f5f5;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.@{prefix}-cell-overlay {
|
|
36
|
+
// 覆盖层可以接收用户交互
|
|
37
|
+
pointer-events: auto;
|
|
38
|
+
box-sizing: border-box;
|
|
39
|
+
|
|
40
|
+
// 确保内容在覆盖层内居中对齐
|
|
41
|
+
display: flex;
|
|
42
|
+
align-items: center;
|
|
43
|
+
|
|
44
|
+
// 处理溢出
|
|
45
|
+
overflow: hidden;
|
|
46
|
+
|
|
47
|
+
// 确保覆盖层在Canvas之上,使用绝对定位
|
|
48
|
+
position: absolute;
|
|
49
|
+
|
|
50
|
+
// 固定列覆盖层的z-index会通过内联样式设置为更高值
|
|
51
|
+
|
|
52
|
+
// 覆盖层内的按钮、链接等元素可以正常交互
|
|
53
|
+
a,
|
|
54
|
+
button,
|
|
55
|
+
input,
|
|
56
|
+
select,
|
|
57
|
+
textarea {
|
|
58
|
+
pointer-events: auto;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// 单元格内容容器的直接子元素可以响应事件
|
|
63
|
+
.@{prefix}-cell-content > * {
|
|
64
|
+
pointer-events: auto;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
// Canvas 元素在覆盖层下方
|
|
68
|
+
canvas {
|
|
69
|
+
position: relative;
|
|
70
|
+
z-index: 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
// 全屏样式
|
|
74
|
+
&.@{prefix}--fullscreen {
|
|
75
|
+
position: fixed !important;
|
|
76
|
+
top: 0 !important;
|
|
77
|
+
left: 0 !important;
|
|
78
|
+
right: 0 !important;
|
|
79
|
+
bottom: 0 !important;
|
|
80
|
+
width: 100% !important;
|
|
81
|
+
height: 100% !important;
|
|
82
|
+
z-index: 9999 !important;
|
|
83
|
+
margin: 0 !important;
|
|
84
|
+
background-color: #fff;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
// 退出全屏按钮
|
|
88
|
+
.@{prefix}--exit-fullscreen {
|
|
89
|
+
position: fixed;
|
|
90
|
+
top: 20px;
|
|
91
|
+
right: 20px;
|
|
92
|
+
padding: 8px 16px;
|
|
93
|
+
background: rgba(0, 0, 0, 0.7);
|
|
94
|
+
color: #fff;
|
|
95
|
+
border-radius: 4px;
|
|
96
|
+
cursor: pointer;
|
|
97
|
+
z-index: 10000;
|
|
98
|
+
font-size: 14px;
|
|
99
|
+
user-select: none;
|
|
100
|
+
transition: background 0.3s;
|
|
101
|
+
|
|
102
|
+
&:hover {
|
|
103
|
+
background: rgba(0, 0, 0, 0.9);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-item-loading-icon,.ant-cascader-menus{position:static}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ztxk-collapse{background-color:initial;border:1px solid #ebebeb;border-bottom:none}.ztxk-collapse .ant-collapse-content-box>.ztxk-title,.ztxk-collapse .ant-collapse-header{border:1px solid #ebebeb}.ztxk-collapse .ant-collapse-content-box .ztxk-table{border-radius:0}.ztxk-collapse .ant-collapse-content-box .ztxk-table .ant-table-container{border-top-left-radius:0;border-top-right-radius:0}.ztxk-collapse.ztxk-collapse--non-border{border:none}.ztxk-collapse.ztxk-collapse--non-border .ant-collapse-item{border-bottom:none}.ztxk-collapse.ztxk-collapse--item-margin>.ant-collapse-item{margin-bottom:10px}.ztxk-collapse.ztxk-collapse--item-margin>.ant-collapse-item:last-child{margin-bottom:0}.ztxk-collapse.ztxk-collapse--main-bg_transparent{background-color:initial}.ztxk-collapse.ztxk-collapse--main-bg_white{background-color:#fff}.ztxk-collapse.ztxk-collapse--custom-background .ant-collapse-item .ant-collapse-header{background-color:#eff5fe;padding-left:18px}.ztxk-collapse.ztxk-collapse--custom-background .ant-collapse-item .ant-collapse-header:before{background:#4285f4;border-radius:3px;content:"";display:block;height:16px;left:4px;position:absolute;top:12px;width:6px}.ztxk-collapse .ant-collapse-item.ztxk-collapse--panel-hidden-border{border-bottom:none}.ztxk-collapse .ant-collapse-arrow>svg{transform:rotate(90deg)}.ztxk-collapse .ant-collapse-item-active .ant-collapse-arrow>svg{transform:rotate(270deg)!important}.ztxk-collapse.ztxk-collapse--custom-padding .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:10px}.ztxk-collapse .ant-collapse-item{border-bottom:1px solid #d4dfea}.ztxk-collapse .ant-collapse-item .ant-collapse-header{background:#fafafa;border-bottom:none;height:38px;line-height:38px;padding:0 10px}.ztxk-collapse .ant-collapse-item .ant-collapse-header .zt-collapse--icon{color:#768696}.ztxk-collapse .ant-collapse-item .ant-collapse-header .zt-collapse--icon .zt-collapse--icon-text{font-size:13px;margin-left:5px}.ztxk-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-extra{left:auto;margin:0;position:absolute;right:64px;top:50%;transform:translateY(-50%)}.ztxk-collapse .ant-collapse-item .ant-collapse-content{background:#fff;border-top:none}.ztxk-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ztxk-container{min-height:100px;overflow:auto;position:relative}.ztxk-container .ztxk-container__loading{align-items:center;background-color:#bbc7d366;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100px;position:absolute;right:0;text-align:center;top:0;z-index:10000}.ztxk-container .ztxk-container__content{background-color:#fff;margin:10px;overflow-y:auto;padding:10px}.ztxk-container .ztxk-container__content.ztxk-container__content--flex{display:flex;flex-direction:column}.ztxk-container .ztxk-container__content.ztxk-container__content--title{display:flex;flex-direction:column;padding:0!important}.ztxk-container .ztxk-container__content.ztxk-container__content--title .ztxk-container__content--main{flex-grow:1;overflow-y:auto;padding:10px}.ztxk-container .ztxk-container__content.ztxk-container__content--title .ztxk-container__content--main--flex{display:flex;flex-direction:column}.ztxk-container--btn-wrap.btn-wrap--margin-top{margin-top:10px}.ztxk-container--btn-wrap>button{margin-bottom:10px;margin-right:10px}.ztxk-container--scroll-wrap{overflow-y:auto}.ztxk-container--scroll-wrap.scroll-wrap--margin-top{margin-top:10px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ant-picker-status-error.ant-picker,.ant-picker-status-error.ant-picker:not(.ant-picker-disabled):hover{background-color:#fff;border-color:#ff4d4f}.ant-picker-status-error.ant-picker-focused,.ant-picker-status-error.ant-picker:focus{border-color:#ff7875;border-right-width:1px;box-shadow:0 0 0 2px #ff4d4f33;outline:0}.ant-picker-status-error.ant-picker .ant-picker-active-bar{background:#ff7875}.ant-picker-status-warning.ant-picker,.ant-picker-status-warning.ant-picker:not(.ant-picker-disabled):hover{background-color:#fff;border-color:#faad14}.ant-picker-status-warning.ant-picker-focused,.ant-picker-status-warning.ant-picker:focus{border-color:#ffc53d;border-right-width:1px;box-shadow:0 0 0 2px #faad1433;outline:0}.ant-picker-status-warning.ant-picker .ant-picker-active-bar{background:#ffc53d}.ant-picker{font-feature-settings:"tnum";align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:2px;box-sizing:border-box;color:#000000a6;display:inline-flex;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:4px 11px;position:relative;transition:border .3s,box-shadow .3s}.ant-picker-focused,.ant-picker:hover{border-color:#879fff;border-right-width:1px}.ant-picker-focused{box-shadow:0 0 0 2px #5b76f633;outline:0}.ant-picker.ant-picker-disabled{background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-picker.ant-picker-disabled .ant-picker-suffix{color:#00000040}.ant-picker.ant-picker-borderless{background-color:initial!important;border-color:#0000!important;box-shadow:none!important}.ant-picker-input{align-items:center;display:inline-flex;position:relative;width:100%}.ant-picker-input>input{background-color:#fff;background-image:none;background:#0000;border:0;border-radius:2px;color:#000000a6;display:inline-block;flex:auto;font-size:14px;height:auto;line-height:1.5715;min-width:0;min-width:1px;padding:0;position:relative;transition:all .3s;width:100%}.ant-picker-input>input::placeholder{color:#bfbfbf;-webkit-user-select:none;user-select:none}.ant-picker-input>input:placeholder-shown{text-overflow:ellipsis}.ant-picker-input>input:hover{border-color:#879fff;border-right-width:1px}.ant-picker-input>input-focused,.ant-picker-input>input:focus{border-color:#879fff;border-right-width:1px;box-shadow:0 0 0 2px #5b76f633;outline:0}.ant-picker-input>input-disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:#00000040;cursor:not-allowed;opacity:1}.ant-picker-input>input-disabled:hover{border-color:#d9d9d9;border-right-width:1px}.ant-picker-input>input[disabled]{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:#00000040;cursor:not-allowed;opacity:1}.ant-picker-input>input[disabled]:hover{border-color:#d9d9d9;border-right-width:1px}.ant-picker-input>input-borderless,.ant-picker-input>input-borderless-disabled,.ant-picker-input>input-borderless-focused,.ant-picker-input>input-borderless:focus,.ant-picker-input>input-borderless:hover,.ant-picker-input>input-borderless[disabled]{background-color:initial;border:none;box-shadow:none}textarea.ant-picker-input>input{height:auto;line-height:1.5715;max-width:100%;min-height:32px;transition:all .3s,height 0s;vertical-align:bottom}.ant-picker-input>input-lg{font-size:16px;padding:6.5px 11px}.ant-picker-input>input-sm{padding:0 7px}.ant-picker-input>input:focus{box-shadow:none}.ant-picker-input>input[disabled]{background:#0000}.ant-picker-input:hover .ant-picker-clear{opacity:1}.ant-picker-input-placeholder>input{color:#bfbfbf}.ant-picker-large{padding:6.5px 11px}.ant-picker-large .ant-picker-input>input{font-size:16px}.ant-picker-small{padding:0 7px}.ant-picker-suffix{align-self:center;color:#00000040;display:flex;flex:none;line-height:1;margin-left:4px;pointer-events:none}.ant-picker-suffix>*{vertical-align:top}.ant-picker-suffix>:not(:last-child){margin-right:8px}.ant-picker-clear{background:#fff;color:#00000040;cursor:pointer;line-height:1;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .3s,color .3s}.ant-picker-clear>*{vertical-align:top}.ant-picker-clear:hover{color:#00000073}.ant-picker-separator{color:#00000040;cursor:default;display:inline-block;font-size:16px;height:16px;position:relative;vertical-align:top;width:1em}.ant-picker-focused .ant-picker-separator{color:#00000073}.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator{cursor:not-allowed}.ant-picker-range{display:inline-flex;position:relative}.ant-picker-range .ant-picker-clear{right:11px}.ant-picker-range:hover .ant-picker-clear{opacity:1}.ant-picker-range .ant-picker-active-bar{background:#5b76f6;bottom:-1px;height:2px;margin-left:11px;opacity:0;pointer-events:none;transition:all .3s ease-out}.ant-picker-range.ant-picker-focused .ant-picker-active-bar{opacity:1}.ant-picker-range-separator{align-items:center;line-height:1;padding:0 8px}.ant-picker-range.ant-picker-small .ant-picker-clear{right:7px}.ant-picker-range.ant-picker-small .ant-picker-active-bar{margin-left:7px}.ant-picker-dropdown{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;left:-9999px;line-height:1.5715;list-style:none;margin:0;padding:0;position:absolute;top:-9999px;z-index:1050}.ant-picker-dropdown-hidden{display:none}.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow{display:block;top:2.58561808px;transform:rotate(-135deg) translateY(1px)}.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow{bottom:2.58561808px;display:block;transform:rotate(45deg)}.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight{animation-name:antSlideDownIn}.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight{animation-name:antSlideUpIn}.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight{animation-name:antSlideDownOut}.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight{animation-name:antSlideUpOut}.ant-picker-dropdown-range{padding:7.54247233px 0}.ant-picker-dropdown-range-hidden{display:none}.ant-picker-dropdown .ant-picker-panel>.ant-picker-time-panel{padding-top:4px}.ant-picker-ranges{line-height:34px;list-style:none;margin-bottom:0;overflow:hidden;padding:4px 12px;text-align:left}.ant-picker-ranges>li{display:inline-block}.ant-picker-ranges .ant-picker-preset>.ant-tag-blue{background:#f0f5ff;border-color:#d9e3ff;color:#5b76f6;cursor:pointer}.ant-picker-ranges .ant-picker-ok{float:right;margin-left:8px}.ant-picker-range-wrapper{display:flex}.ant-picker-range-arrow{border-radius:0 0 2px;box-shadow:2px 2px 6px -2px #0000001a;height:11.3137085px;margin-left:16.5px;pointer-events:none;position:absolute;transition:left .3s ease-out;width:11.3137085px;z-index:1}.ant-picker-range-arrow:before{background:#fff;background-position:-10px -10px;background-repeat:no-repeat;clip-path:inset(33% 33%);clip-path:path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");content:"";height:33.9411255px;left:-11.3137085px;position:absolute;top:-11.3137085px;width:33.9411255px}.ant-picker-panel-container{background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d;overflow:hidden;transition:margin .3s;vertical-align:top}.ant-picker-panel-container .ant-picker-panels{direction:ltr;display:inline-flex;flex-wrap:nowrap}.ant-picker-panel-container .ant-picker-panel{background:#0000;border-radius:0;border-width:0 0 1px;vertical-align:top}.ant-picker-panel-container .ant-picker-panel .ant-picker-content,.ant-picker-panel-container .ant-picker-panel table{text-align:center}.ant-picker-panel-container .ant-picker-panel-focused{border-color:#dee9f6}.ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl){margin-right:-1px}.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl{margin-left:-1px}.ant-picker-compact-item.ant-picker-focused,.ant-picker-compact-item:active,.ant-picker-compact-item:focus,.ant-picker-compact-item:hover{z-index:2}.ant-picker-compact-item[disabled]{z-index:0}.ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker{border-radius:0}.ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl){border-bottom-right-radius:0;border-top-right-radius:0}.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item),.ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl){border-bottom-left-radius:0;border-top-left-radius:0}.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item){border-bottom-right-radius:0;border-top-right-radius:0}.ant-picker-panel{background:#fff;border:1px solid #dee9f6;border-radius:2px;display:inline-flex;flex-direction:column;outline:none;text-align:center}.ant-picker-panel-focused{border-color:#5b76f6}.ant-picker-date-panel,.ant-picker-decade-panel,.ant-picker-month-panel,.ant-picker-quarter-panel,.ant-picker-time-panel,.ant-picker-week-panel,.ant-picker-year-panel{display:flex;flex-direction:column;width:280px}.ant-picker-header{border-bottom:1px solid #dee9f6;color:#000000d9;display:flex;padding:0 8px}.ant-picker-header>*{flex:none}.ant-picker-header button{background:#0000;border:0;color:#00000040;cursor:pointer;line-height:40px;padding:0;transition:color .3s}.ant-picker-header>button{font-size:14px;min-width:1.6em}.ant-picker-header>button:hover{color:#000000a6}.ant-picker-header-view{flex:auto;font-weight:500;line-height:40px}.ant-picker-header-view button{color:inherit;font-weight:inherit}.ant-picker-header-view button:not(:first-child){margin-left:8px}.ant-picker-header-view button:hover{color:#5b76f6}.ant-picker-next-icon,.ant-picker-prev-icon,.ant-picker-super-next-icon,.ant-picker-super-prev-icon{display:inline-block;height:7px;position:relative;width:7px}.ant-picker-next-icon:before,.ant-picker-prev-icon:before,.ant-picker-super-next-icon:before,.ant-picker-super-prev-icon:before{border:0 solid;border-width:1.5px 0 0 1.5px;content:"";display:inline-block;height:7px;left:0;position:absolute;top:0;width:7px}.ant-picker-super-next-icon:after,.ant-picker-super-prev-icon:after{border:0 solid;border-width:1.5px 0 0 1.5px;content:"";display:inline-block;height:7px;left:4px;position:absolute;top:4px;width:7px}.ant-picker-prev-icon,.ant-picker-super-prev-icon{transform:rotate(-45deg)}.ant-picker-next-icon,.ant-picker-super-next-icon{transform:rotate(135deg)}.ant-picker-content{border-collapse:collapse;table-layout:fixed;width:100%}.ant-picker-content td,.ant-picker-content th{font-weight:400;min-width:24px;position:relative}.ant-picker-content th{color:#000000a6;height:30px;line-height:30px}.ant-picker-cell{color:#00000040;cursor:pointer;padding:3px 0}.ant-picker-cell-in-view{color:#000000a6}.ant-picker-cell:before{content:"";height:24px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s;z-index:1}.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,.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{background:#f5f5f5}.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border:1px solid #5b76f6;border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.ant-picker-cell-in-view.ant-picker-cell-in-range{position:relative}.ant-picker-cell-in-view.ant-picker-cell-in-range:before{background:#f0f5ff}.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{background:#5b76f6;color:#fff}.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):before,.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):before{background:#f0f5ff}.ant-picker-cell-in-view.ant-picker-cell-range-start:before{left:50%}.ant-picker-cell-in-view.ant-picker-cell-range-end:before{right:50%}.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after,.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range):after{border-bottom:1px dashed #bcc7fb;border-top:1px dashed #bcc7fb;content:"";height:24px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;z-index:0}.ant-picker-cell-range-hover-end:after,.ant-picker-cell-range-hover-start:after,.ant-picker-cell-range-hover:after{left:2px;right:0}.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before,.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover:before,.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end:before,.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover:before,.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start:before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before{background:#fff}.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{border-radius:2px 0 0 2px}.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{border-radius:0 2px 2px 0}.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,.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{background:#fff;bottom:0;content:"";position:absolute;top:0;transition:all .3s;z-index:-1}.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{left:0;right:-6px}.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{left:-6px;right:0}.ant-picker-cell-range-hover.ant-picker-cell-range-start:after{right:50%}.ant-picker-cell-range-hover.ant-picker-cell-range-end:after{left:50%}.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range):after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after,.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child:after{border-bottom-left-radius:2px;border-left:1px dashed #bcc7fb;border-top-left-radius:2px;left:6px}.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range):after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child:after{border-bottom-right-radius:2px;border-right:1px dashed #bcc7fb;border-top-right-radius:2px;right:6px}.ant-picker-cell-disabled{color:#00000040;pointer-events:none}.ant-picker-cell-disabled .ant-picker-cell-inner{background:#0000}.ant-picker-cell-disabled:before{background:#0000000a}.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:#00000040}.ant-picker-decade-panel .ant-picker-content,.ant-picker-month-panel .ant-picker-content,.ant-picker-quarter-panel .ant-picker-content,.ant-picker-year-panel .ant-picker-content{height:264px}.ant-picker-decade-panel .ant-picker-cell-inner,.ant-picker-month-panel .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-inner{padding:0 8px}.ant-picker-quarter-panel .ant-picker-content{height:56px}.ant-picker-footer{border-bottom:1px solid #0000;line-height:38px;min-width:100%;text-align:center;width:min-content}.ant-picker-panel .ant-picker-footer{border-top:1px solid #dee9f6}.ant-picker-footer-extra{line-height:38px;padding:0 12px;text-align:left}.ant-picker-footer-extra:not(:last-child){border-bottom:1px solid #dee9f6}.ant-picker-now{text-align:left}.ant-picker-today-btn{color:#4285f4}.ant-picker-today-btn:hover{color:#1566d2}.ant-picker-today-btn:active{color:#2d66cf}.ant-picker-today-btn.ant-picker-today-btn-disabled{color:#00000040;cursor:not-allowed}.ant-picker-decade-panel .ant-picker-cell-inner{padding:0 4px}.ant-picker-decade-panel .ant-picker-cell:before{display:none}.ant-picker-month-panel .ant-picker-body,.ant-picker-quarter-panel .ant-picker-body,.ant-picker-year-panel .ant-picker-body{padding:0 8px}.ant-picker-month-panel .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-inner{width:60px}.ant-picker-month-panel .ant-picker-cell-range-hover-start:after,.ant-picker-quarter-panel .ant-picker-cell-range-hover-start:after,.ant-picker-year-panel .ant-picker-cell-range-hover-start:after{border-left:1px dashed #bcc7fb;border-radius:2px 0 0 2px;left:14px}.ant-picker-month-panel .ant-picker-cell-range-hover-end:after,.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start:after,.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start:after,.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start:after,.ant-picker-quarter-panel .ant-picker-cell-range-hover-end:after,.ant-picker-year-panel .ant-picker-cell-range-hover-end:after{border-radius:0 2px 2px 0;border-right:1px dashed #bcc7fb;right:14px}.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end:after,.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end:after,.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end:after{border-left:1px dashed #bcc7fb;border-radius:2px 0 0 2px;left:14px}.ant-picker-week-panel .ant-picker-body{padding:8px 12px}.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner,.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner{background:#0000!important}.ant-picker-week-panel-row td{transition:background .3s}.ant-picker-week-panel-row:hover td{background:#f5f5f5}.ant-picker-week-panel-row-selected td,.ant-picker-week-panel-row-selected:hover td{background:#5b76f6}.ant-picker-week-panel-row-selected td.ant-picker-cell-week,.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week{color:#ffffff80}.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner:before,.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:#fff}.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner{color:#fff}.ant-picker-date-panel .ant-picker-body{padding:8px 12px}.ant-picker-date-panel .ant-picker-content{width:252px}.ant-picker-date-panel .ant-picker-content th{width:36px}.ant-picker-datetime-panel{display:flex}.ant-picker-datetime-panel .ant-picker-time-panel{border-left:1px solid #dee9f6}.ant-picker-datetime-panel .ant-picker-date-panel,.ant-picker-datetime-panel .ant-picker-time-panel{transition:opacity .3s}.ant-picker-datetime-panel-active .ant-picker-date-panel,.ant-picker-datetime-panel-active .ant-picker-time-panel{opacity:.3}.ant-picker-datetime-panel-active .ant-picker-date-panel-active,.ant-picker-datetime-panel-active .ant-picker-time-panel-active{opacity:1}.ant-picker-time-panel{min-width:auto;width:auto}.ant-picker-time-panel .ant-picker-content{display:flex;flex:auto;height:224px}.ant-picker-time-panel-column{flex:1 0 auto;list-style:none;margin:0;overflow-y:hidden;padding:0;text-align:left;transition:background .3s;width:56px}.ant-picker-time-panel-column:after{content:"";display:block;height:196px}.ant-picker-datetime-panel .ant-picker-time-panel-column:after{height:198px}.ant-picker-time-panel-column:not(:first-child){border-left:1px solid #dee9f6}.ant-picker-time-panel-column-active{background:#f0f5ff33}.ant-picker-time-panel-column:hover{overflow-y:auto}.ant-picker-time-panel-column>li{margin:0;padding:0}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner{border-radius:0;color:#000000a6;cursor:pointer;display:block;height:28px;line-height:28px;margin:0;padding:0 0 0 14px;transition:background .3s;width:100%}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover{background:#f5f5f5}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{background:#f0f5ff}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner{background:#0000;color:#00000040;cursor:not-allowed}:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell{padding:21px 0}.ant-picker-rtl{direction:rtl}.ant-picker-rtl .ant-picker-suffix{margin-left:0;margin-right:4px}.ant-picker-rtl .ant-picker-clear{left:0;right:auto}.ant-picker-rtl .ant-picker-separator{transform:rotate(180deg)}.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child){margin-left:0;margin-right:8px}.ant-picker-rtl.ant-picker-range .ant-picker-clear{left:11px;right:auto}.ant-picker-rtl.ant-picker-range .ant-picker-active-bar{margin-left:0;margin-right:11px}.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar{margin-right:7px}.ant-picker-dropdown-rtl .ant-picker-ranges{text-align:right}.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok{float:left;margin-left:0;margin-right:8px}.ant-picker-panel-rtl{direction:rtl}.ant-picker-panel-rtl .ant-picker-prev-icon,.ant-picker-panel-rtl .ant-picker-super-prev-icon{transform:rotate(135deg)}.ant-picker-panel-rtl .ant-picker-next-icon,.ant-picker-panel-rtl .ant-picker-super-next-icon{transform:rotate(-45deg)}.ant-picker-cell .ant-picker-cell-inner{border-radius:2px;display:inline-block;height:24px;line-height:24px;min-width:24px;position:relative;transition:background .3s,border .3s;z-index:2}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:before{left:0;right:50%}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:before{left:50%;right:0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end:before{left:50%;right:50%}.ant-picker-panel-rtl .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{left:-6px;right:0}.ant-picker-panel-rtl .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{left:0;right:-6px}.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start:after{left:50%;right:0}.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end:after{left:0;right:50%}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{border-radius:0 2px 2px 0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{border-radius:2px 0 0 2px}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range):after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child:after{border-left:none;border-radius:0 2px 2px 0;border-right:1px dashed #bcc7fb;left:0;right:6px}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range):after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child:after{border-left:1px dashed #bcc7fb;border-radius:2px 0 0 2px;border-right:none;left:6px;right:0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover):after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover):after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover):after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child:after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child:after{border-left:1px dashed #bcc7fb;border-radius:2px;border-right:1px dashed #bcc7fb;left:6px;right:6px}.ant-picker-dropdown-rtl .ant-picker-footer-extra{direction:rtl;text-align:right}.ant-picker-panel-rtl .ant-picker-time-panel{direction:ltr}.ant-picker-input>input{font-size:13px}.ant-picker-body td{vertical-align:middle}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ant-descriptions-header{align-items:center;display:flex;margin-bottom:20px}.ant-descriptions-title{color:#000000d9;flex:auto;font-size:16px;font-weight:700;line-height:1.5715;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ant-descriptions-extra{color:#000000a6;font-size:14px;margin-left:auto}.ant-descriptions-view{border-radius:2px;width:100%}.ant-descriptions-view table{table-layout:fixed;width:100%}.ant-descriptions-row>td,.ant-descriptions-row>th{padding-bottom:16px}.ant-descriptions-row:last-child{border-bottom:none}.ant-descriptions-item-label{color:#000000d9;font-size:14px;font-weight:400;line-height:1.5715;text-align:start}.ant-descriptions-item-label:after{content:":";margin:0 8px 0 2px;position:relative;top:-.5px}.ant-descriptions-item-label.ant-descriptions-item-no-colon:after{content:" "}.ant-descriptions-item-no-label:after{content:"";margin:0}.ant-descriptions-item-content{color:#000000a6;display:table-cell;flex:1;font-size:14px;line-height:1.5715;overflow-wrap:break-word;word-break:break-word}.ant-descriptions-item{padding-bottom:0;vertical-align:top}.ant-descriptions-item-container{display:flex}.ant-descriptions-item-container .ant-descriptions-item-content,.ant-descriptions-item-container .ant-descriptions-item-label{align-items:baseline;display:inline-flex}.ant-descriptions-middle .ant-descriptions-row>td,.ant-descriptions-middle .ant-descriptions-row>th{padding-bottom:12px}.ant-descriptions-small .ant-descriptions-row>td,.ant-descriptions-small .ant-descriptions-row>th{padding-bottom:8px}.ant-descriptions-bordered .ant-descriptions-view{border:1px solid #dee9f6}.ant-descriptions-bordered .ant-descriptions-view>table{border-collapse:collapse;table-layout:auto}.ant-descriptions-bordered .ant-descriptions-item-content,.ant-descriptions-bordered .ant-descriptions-item-label{border-right:1px solid #dee9f6;padding:16px 24px}.ant-descriptions-bordered .ant-descriptions-item-content:last-child,.ant-descriptions-bordered .ant-descriptions-item-label:last-child{border-right:none}.ant-descriptions-bordered .ant-descriptions-item-label{background-color:#fafafa}.ant-descriptions-bordered .ant-descriptions-item-label:after{display:none}.ant-descriptions-bordered .ant-descriptions-row{border-bottom:1px solid #dee9f6}.ant-descriptions-bordered .ant-descriptions-row:last-child{border-bottom:none}.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content,.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label{padding:12px 24px}.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content,.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label{padding:8px 16px}.ant-descriptions-rtl{direction:rtl}.ant-descriptions-rtl .ant-descriptions-item-label:after{margin:0 2px 0 8px}.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content,.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label{border-left:1px solid #dee9f6;border-right:none}.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child,.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child{border-left:none}.ztxk-descriptions.ant-descriptions-middle .ant-descriptions-item-content,.ztxk-descriptions.ant-descriptions-middle .ant-descriptions-item-label{line-height:20px;padding:4px}.ztxk-descriptions .ant-descriptions-header{border-bottom:1px solid #dde8f5;margin-bottom:10px;padding-bottom:8px}.ztxk-descriptions .ant-descriptions-header>.ant-descriptions-title{font-size:18px}.ztxk-descriptions .ant-descriptions-header>.ant-descriptions-extra{color:#333}.ztxk-descriptions.ant-descriptions-bordered .ant-descriptions-item-label{background:#dde8f5}.ztxk-descriptions .ztxk-descriptions--differences{background-color:#fcecc8}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ztxk-grid.ztxk-grid--default .ztxk-grid-item{line-height:18px}.ztxk-grid.ztxk-grid--large .ztxk-grid-item{line-height:32px}.ztxk-grid.ztxk-grid--border{border-left:1px solid #ebebeb}.ztxk-grid.ztxk-grid--border:first-child{border-top:1px solid #ebebeb}.ztxk-grid.ztxk-grid--border .ztxk-grid-item{border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb}.ztxk-grid.ztxk-grid--border .ztxk-grid-item.ztxk-grid-item--text{padding:2px 4px}.ztxk-grid .ztxk-grid-item--flex,.ztxk-grid.ztxk-grid--flex .ztxk-grid-item{align-items:center;display:flex}.ztxk-grid.ztxk-grid--background .ztxk-grid-item--title{background:#eff5fe}.ztxk-grid.ztxk-grid--background .ztxk-grid-item--title .ztxk-grid-item--title-text{color:#333}.ztxk-grid .ztxk-grid-item{font-size:12px;line-height:18px;overflow:hidden}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title{word-wrap:break-word;color:#888;display:flex;justify-content:flex-end;padding:2px 0 2px 4px}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title .ztxk-grid-item--title-text{display:inline-block}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title .ztxk-grid-item--title-colon{padding:0 0 0 1px}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title .ztxk-grid-item--title-required{color:#ff4d4f!important;font-family:SimSun,sans-serif;font-size:14px;margin:1px 2px 0 0}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title-vertical-center{align-items:center}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--diff{background-color:#fdfd19}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--text{word-wrap:break-word;color:#333;padding:3px 0}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--text-noellipsis{white-space:pre-line}.ztxk-grid .ztxk-grid-item--merge{display:flex}.ztxk-grid .ztxk-grid-item--merge .ztxk-grid-item--text{flex:1}
|