zmdms-webui 2.7.7 → 2.7.9
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/config/ZtxkContext.d.ts +4 -0
- package/dist/es/config/ZtxkContext.js +1 -0
- package/dist/es/container/index.css +1 -1
- package/dist/es/dynamicsetting/dynamicDrawer.js +40 -13
- package/dist/es/dynamicsetting/index.css +1 -1
- package/dist/es/dynamicsetting/useSearch.js +98 -0
- package/dist/es/form/common-search-list.js +1 -1
- package/dist/es/sortable/sortable-item.d.ts +3 -0
- package/dist/es/sortable/sortable-item.js +43 -20
- package/dist/es/table/index.css +1 -1
- package/dist/es/table/table.js +1 -1
- package/dist/index.dark.css +1 -1
- package/dist/index.default.css +1 -1
- package/dist/less/components/Container/style/index.less +1 -1
- package/dist/less/components/DynamicSetting/style/index.less +45 -0
- package/dist/less/components/Table/style/index.less +1 -0
- package/package.json +1 -1
- package/dist/es/dynamicsetting/sortable.js +0 -68
|
@@ -1 +1 @@
|
|
|
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
|
|
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--btn-wrap.btn-wrap--flex{display:flex}.ztxk-container--scroll-wrap{overflow-y:auto}.ztxk-container--scroll-wrap.scroll-wrap--margin-top{margin-top:10px}
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
import { __assign, __spreadArray } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import { memo, forwardRef, useImperativeHandle, useMemo, useCallback } from 'react';
|
|
4
|
-
import { HTML5Backend } from '../node_modules/react-dnd-html5-backend/dist/index.js';
|
|
5
4
|
import update from '../node_modules/immutability-helper/index.js';
|
|
6
|
-
import Sortable from './sortable.js';
|
|
7
5
|
import { useDynamic } from './useDynamic.js';
|
|
8
6
|
import { useDrawer } from './hooks.js';
|
|
9
7
|
import MoreConfig from './moreConfig.js';
|
|
8
|
+
import useSearch from './useSearch.js';
|
|
9
|
+
import '../config/ZtxkContext.js';
|
|
10
|
+
import useBaseContext from '../config/useBaseContext.js';
|
|
11
|
+
import '../config/MyStorage.js';
|
|
12
|
+
import { useLatest } from 'ahooks';
|
|
10
13
|
import myMessage from '../message/index.js';
|
|
11
14
|
import SettingOutlined from '../node_modules/@ant-design/icons/es/icons/SettingOutlined.js';
|
|
12
|
-
import
|
|
15
|
+
import Input from '../input/input.js';
|
|
13
16
|
import ButtonCom from '../button/button.js';
|
|
17
|
+
import Sortable from '../sortable/sortable.js';
|
|
14
18
|
import { Drawer, Checkbox } from 'antd';
|
|
15
19
|
|
|
16
20
|
// 工具函数,排序分区
|
|
@@ -24,7 +28,13 @@ var sortDynamicListByType = function (list) {
|
|
|
24
28
|
};
|
|
25
29
|
// 这里操作的一直都是内部设置的list
|
|
26
30
|
var DynamicDrawer = function (props, ref) {
|
|
27
|
-
var list = props.list, dynamicKey = props.dynamicKey, parentDynamicKey = props.parentDynamicKey, _a = props.title, title = _a === void 0 ? "自定义配置" : _a, onCurrentListChange = props.onCurrentListChange, isMore = props.isMore, isFixed = props.isFixed, isDimensionDynamic = props.isDimensionDynamic;
|
|
31
|
+
var list = props.list, dynamicKey = props.dynamicKey, parentDynamicKey = props.parentDynamicKey, _a = props.title, title = _a === void 0 ? "自定义配置" : _a, onCurrentListChange = props.onCurrentListChange, isMore = props.isMore, isFixed = props.isFixed, isDimensionDynamic = props.isDimensionDynamic, isSearch = props.isSearch;
|
|
32
|
+
var enableDynamicColumnSearch = useBaseContext().enableDynamicColumnSearch;
|
|
33
|
+
// 是否开启搜索功能
|
|
34
|
+
// 如果全局开启了默认添加,那么只要没有单独配置关闭,都认为需要打开
|
|
35
|
+
var isDynamicColumnSearchEnabled = enableDynamicColumnSearch
|
|
36
|
+
? isSearch !== false
|
|
37
|
+
: !!isSearch;
|
|
28
38
|
// 根据外部传入的list 和本地存储信息 生成一个内部的currentDynamicList
|
|
29
39
|
// 这个currentDynamicList 是可以是负责显示最终结果的
|
|
30
40
|
// tempDynamicList 是操作时的临时变量 可能操作后不点击确认 直接点击取消 那么需要重置到之前的状态
|
|
@@ -48,12 +58,21 @@ var DynamicDrawer = function (props, ref) {
|
|
|
48
58
|
});
|
|
49
59
|
return _checkedValues;
|
|
50
60
|
}, [tempDynamicList]);
|
|
61
|
+
var _d = useSearch(tempDynamicList, checkedValues, isDimensionDynamic), onSearchHandle = _d.onSearchHandle, onCheckBtn = _d.onCheckBtn, filterDynamicColumns = _d.filterDynamicColumns;
|
|
62
|
+
var filterDynamicColumnsRef = useLatest(filterDynamicColumns);
|
|
51
63
|
// 根据isDimension分区
|
|
52
|
-
var
|
|
53
|
-
var
|
|
54
|
-
|
|
64
|
+
var _e = useMemo(function () {
|
|
65
|
+
var dynamicList = tempDynamicList;
|
|
66
|
+
// 这里为什么不直接赋值 filterDynamicColumns 是因为某些地方是直接使用item的引用去查找索引的
|
|
67
|
+
if (filterDynamicColumns) {
|
|
68
|
+
dynamicList = tempDynamicList.filter(function (item) {
|
|
69
|
+
return filterDynamicColumns.find(function (i) { return i.key === item.key; });
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
var dimensionList = dynamicList.filter(function (item) { return item.isDimension; });
|
|
73
|
+
var fieldList = dynamicList.filter(function (item) { return !item.isDimension; });
|
|
55
74
|
return { dimensionList: dimensionList, fieldList: fieldList };
|
|
56
|
-
}, [tempDynamicList]), dimensionList =
|
|
75
|
+
}, [tempDynamicList, filterDynamicColumns]), dimensionList = _e.dimensionList, fieldList = _e.fieldList;
|
|
57
76
|
// 排序优先级判断
|
|
58
77
|
var isDimensionPriority = useCallback(function (dragIndex, hoverIndex) {
|
|
59
78
|
// 从上到下还是从下到上拖动
|
|
@@ -79,6 +98,10 @@ var DynamicDrawer = function (props, ref) {
|
|
|
79
98
|
}, [tempDynamicList]);
|
|
80
99
|
// 拖拽
|
|
81
100
|
var onMoveItem = useCallback(function (dragIndex, hoverIndex) {
|
|
101
|
+
// 这里认为如果搜索了,不支持排序。
|
|
102
|
+
if (filterDynamicColumnsRef.current) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
82
105
|
if (!isDimensionPriority(dragIndex, hoverIndex)) {
|
|
83
106
|
return;
|
|
84
107
|
}
|
|
@@ -94,10 +117,14 @@ var DynamicDrawer = function (props, ref) {
|
|
|
94
117
|
// 处理左浮动 右浮动数据。需要重新排序
|
|
95
118
|
return sortDynamicListByType(currentList);
|
|
96
119
|
});
|
|
97
|
-
}, [setTempDynamicList, isDimensionPriority]);
|
|
120
|
+
}, [setTempDynamicList, isDimensionPriority, filterDynamicColumnsRef]);
|
|
98
121
|
// 子元素拖拽
|
|
99
122
|
var onChildMoveItem = useCallback(function (pIndex, pKey) {
|
|
100
123
|
return function (dragIndex, hoverIndex) {
|
|
124
|
+
// 这里认为如果搜索了,不支持排序。
|
|
125
|
+
if (filterDynamicColumnsRef.current) {
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
101
128
|
// 由于对于固定列,不能进行拖拽排序,所以需要找出所有包含固定列的属性出来
|
|
102
129
|
setTempDynamicList(function (preDynamicList) {
|
|
103
130
|
var newDynamicList = preDynamicList.map(function (item) { return (__assign({}, item)); }) || [];
|
|
@@ -118,7 +145,7 @@ var DynamicDrawer = function (props, ref) {
|
|
|
118
145
|
return __spreadArray(__spreadArray(__spreadArray([], leftList, true), middleList, true), rightList, true);
|
|
119
146
|
});
|
|
120
147
|
};
|
|
121
|
-
}, [setTempDynamicList]);
|
|
148
|
+
}, [setTempDynamicList, filterDynamicColumnsRef]);
|
|
122
149
|
// 确认
|
|
123
150
|
var onSureHandle = function () {
|
|
124
151
|
onSure && onSure(tempDynamicList);
|
|
@@ -263,19 +290,19 @@ var DynamicDrawer = function (props, ref) {
|
|
|
263
290
|
var allChecked = childrenCheckedValues.length === children.length;
|
|
264
291
|
isIndeterminate = hasChecked && !allChecked;
|
|
265
292
|
}
|
|
266
|
-
return (jsxs(Sortable, __assign({ type: "search-drawer", index: indexOffset + index, onMoveItem: onMoveItem }, { children: [jsxs("div", __assign({ className: "zt-sortable--item dynamic-drawer-card" }, { children: [jsx(Checkbox, __assign({ value: key, disabled: disabled, indeterminate: isIndeterminate }, { children: label || key })), isMore && (!children || children.length === 0) && (jsx(MoreConfig, { fixed: fixed || "", isDimensionSum: isDimensionSum, onChange: function (result) {
|
|
293
|
+
return (jsxs(Sortable.Item, __assign({ type: "search-drawer", index: indexOffset + index, id: key, onMoveItem: onMoveItem, className: "zt-sortable-new" }, { children: [jsxs("div", __assign({ className: "zt-sortable--item dynamic-drawer-card" }, { children: [jsx(Checkbox, __assign({ value: key, disabled: disabled, indeterminate: isIndeterminate }, { children: label || key })), isMore && (!children || children.length === 0) && (jsx(MoreConfig, { fixed: fixed || "", isDimensionSum: isDimensionSum, onChange: function (result) {
|
|
267
294
|
onMoreChange(key, result);
|
|
268
295
|
}, isSum: isDimension, isFixed: isFixed }))] })), Array.isArray(children) && children.length > 0 ? (jsx("div", __assign({ className: "zt-sortable--children dynamic-drawer-children", style: { marginLeft: 32, marginBottom: 8 } }, { children: jsx(Checkbox.Group, __assign({ value: childrenCheckedValues, onChange: function (checkedValues) {
|
|
269
296
|
onChildCheckboxChange(checkedValues, tempDynamicList.indexOf(item));
|
|
270
297
|
} }, { children: children.map(function (cItem, cIndex) {
|
|
271
298
|
var cKey = cItem.key, cLabel = cItem.label, cDisabled = cItem.disabled;
|
|
272
|
-
return (jsx(Sortable, __assign({ type: "search-drawer-".concat(key), index: cIndex, onMoveItem: onChildMoveItem(tempDynamicList.indexOf(item), key) }, { children: jsx("div", __assign({ className: "dynamic-drawer-card dynamic-drawer-child-card" }, { children: jsx(Checkbox, __assign({ value: cKey, disabled: cDisabled }, { children: cLabel || cKey })) })) }), cKey));
|
|
299
|
+
return (jsx(Sortable.Item, __assign({ id: key, type: "search-drawer-".concat(key), index: cIndex, onMoveItem: onChildMoveItem(tempDynamicList.indexOf(item), key), className: "zt-sortable-new" }, { children: jsx("div", __assign({ className: "dynamic-drawer-card dynamic-drawer-child-card" }, { children: jsx(Checkbox, __assign({ value: cKey, disabled: cDisabled }, { children: cLabel || cKey })) })) }), cKey));
|
|
273
300
|
}) })) }))) : null] }), key));
|
|
274
301
|
})] }));
|
|
275
302
|
};
|
|
276
303
|
/**底部按钮 */
|
|
277
304
|
var renderFooter = function () { return (jsxs(Fragment, { children: [jsx(ButtonCom, __assign({ type: "default", onClick: onClose }, { children: "\u53D6\u6D88" })), jsx(ButtonCom, __assign({ type: "default", onClick: onReset }, { children: "\u91CD\u7F6E" })), jsx(ButtonCom, __assign({ type: "primary", onClick: onSureHandle }, { children: "\u786E\u5B9A" }))] })); };
|
|
278
|
-
return (jsx(Drawer, __assign({ className: "dynamic-drawer", title: jsxs("div", { children: [jsx(SettingOutlined, { style: { fontSize: 16 } }), jsxs("span", __assign({ className: "search-drawer--title-text" }, { children: [title, jsx("span", { children: "\uFF08\u62D6\u62FD\u6392\u5E8F\uFF09" })] }))] }), width: 300, placement: "right", open: visible, closable: false, maskClosable: false, footer: renderFooter() }, { children: jsx(
|
|
305
|
+
return (jsx(Drawer, __assign({ className: "dynamic-drawer", title: jsxs("div", { children: [jsx(SettingOutlined, { style: { fontSize: 16 } }), jsxs("span", __assign({ className: "search-drawer--title-text" }, { children: [title, jsx("span", { children: "\uFF08\u62D6\u62FD\u6392\u5E8F\uFF09" })] }))] }), width: 300, placement: "right", open: visible, closable: false, maskClosable: false, footer: renderFooter() }, { children: jsxs("div", __assign({ className: "search-drawer--filter" }, { children: [isDynamicColumnSearchEnabled ? (jsxs("div", __assign({ className: "search-drawer--filter-input" }, { children: [jsx(Input.Search, { placeholder: "\u641C\u7D22", onSearch: onSearchHandle }), jsx(ButtonCom, __assign({ type: "default", className: "selector-all", loading: false, onClick: function () { return onCheckBtn("all", onCheckboxChange); } }, { children: "\u5168\u9009" })), jsx(ButtonCom, __assign({ type: "default", className: "selector-inverse", loading: false, onClick: function () { return onCheckBtn("inverse", onCheckboxChange); } }, { children: "\u53CD\u9009" }))] }))) : null, jsx(Checkbox.Group, __assign({ value: checkedValues, onChange: onCheckboxChange }, { children: jsxs(Sortable, { children: [isDimensionDynamic && renderSection(dimensionList, 0, "维度配置"), renderSection(fieldList, dimensionList.length, isDimensionDynamic ? "字段配置" : undefined)] }) }))] })) })));
|
|
279
306
|
};
|
|
280
307
|
DynamicDrawer.displayName = "ZTXK_WEBUI_DynamicDrawer";
|
|
281
308
|
var DynamicDrawer$1 = memo(forwardRef(DynamicDrawer));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.zt-sortable-new{cursor:move;font-size:13px;line-height:1.5;overflow:hidden;padding:8px 0;text-align:left}.zt-sortable-new .zt-sortable--item{align-items:center;display:flex;justify-content:space-between;padding:0 16px}.zt-sortable-new .zt-sortable--item span{white-space:break-spaces}.zt-sortable-new .zt-sortable--children{display:flex}.zt-sortable-new .zt-sortable--children .zt-sortable-new{border-bottom:none;padding:8px 26px}.zt-sortable-new .zt-sortable--children span{white-space:break-spaces}.zt-sortable-new.no-move{cursor:no-drop}.zt-sortable-new .zt-checkbox{font-size:13px}.zt-sortable-new:hover{background-color:#ebf3fe}.ztxk-dynamic--more{cursor:pointer;height:20px}.ant-dropdown-show-arrow.ztxk-dynamic--more--drop{padding-top:0}.ztxk-dynamic--more--drop.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow{top:-5px}.dynamic-drawer .ant-drawer-header{padding:10px 12px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div{align-items:center;color:#768696;display:flex;font-size:16px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div .search-drawer--title-text{font-size:14px;margin-left:10px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div .search-drawer--title-text>span{font-size:13px}.dynamic-drawer .ant-drawer-body{padding:0}.dynamic-drawer .ant-drawer-body .ant-checkbox-group{width:100%}.dynamic-drawer .ant-drawer-footer{border-top:none;display:flex;justify-content:space-between;padding:0}.dynamic-drawer .ant-drawer-footer>button{border:none;border-radius:0;height:40px;width:33%}.dynamic-drawer-section-title{background:#f5f5f5;border-radius:6px;font-size:14px;font-weight:700;padding:4px}
|
|
1
|
+
.zt-sortable-new{cursor:move;font-size:13px;line-height:1.5;overflow:hidden;padding:8px 0;text-align:left}.zt-sortable-new .zt-sortable--item{align-items:center;display:flex;justify-content:space-between;padding:0 16px}.zt-sortable-new .zt-sortable--item span{white-space:break-spaces}.zt-sortable-new .zt-sortable--children{display:flex}.zt-sortable-new .zt-sortable--children .zt-sortable-new{border-bottom:none;padding:8px 26px}.zt-sortable-new .zt-sortable--children span{white-space:break-spaces}.zt-sortable-new.no-move{cursor:no-drop}.zt-sortable-new .zt-checkbox{font-size:13px}.zt-sortable-new:hover{background-color:#ebf3fe}.ztxk-dynamic--more{cursor:pointer;height:20px}.ant-dropdown-show-arrow.ztxk-dynamic--more--drop{padding-top:0}.ztxk-dynamic--more--drop.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow{top:-5px}.dynamic-drawer .ant-drawer-header{padding:10px 12px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div{align-items:center;color:#768696;display:flex;font-size:16px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div .search-drawer--title-text{font-size:14px;margin-left:10px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div .search-drawer--title-text>span{font-size:13px}.dynamic-drawer .ant-drawer-body{padding:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter{display:flex;flex-direction:column;height:100%}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input{align-items:center;display:flex}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search{width:100%}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper input{background:#f0f0f0;border:0;border-radius:0 0 0 0;color:#333;text-align:center}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper input:focus{box-shadow:none;outline:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper .ant-input-group-addon>button{background:#f0f0f0;border:0;border-radius:0 0 0 0;height:28px;outline:none}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input>.selector-all{border-radius:0;border-right:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input>.selector-inverse{border-radius:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter .ant-checkbox-group{flex:1;overflow:auto}.dynamic-drawer .ant-drawer-body .ant-checkbox-group{width:100%}.dynamic-drawer .ant-drawer-footer{border-top:none;display:flex;justify-content:space-between;padding:0}.dynamic-drawer .ant-drawer-footer>button{border:none;border-radius:0;height:40px;width:33%}.dynamic-drawer-section-title{background:#f5f5f5;border-radius:6px;font-size:14px;font-weight:700;padding:4px}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { __spreadArray } from '../_virtual/_tslib.js';
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import myMessage from '../message/index.js';
|
|
4
|
+
|
|
5
|
+
function useSearch(dynamicList, checkedValues, isDimensionDynamic) {
|
|
6
|
+
// 过滤后的可见列集合(仅操作此集合中的列)
|
|
7
|
+
var _a = useState(null), filterDynamicColumns = _a[0], setFilterDynamicColumns = _a[1];
|
|
8
|
+
// 未参与过滤的列,但是选中了的值
|
|
9
|
+
var _b = useState([]), filterCheckedValues = _b[0], setFilterCheckedValues = _b[1];
|
|
10
|
+
/**
|
|
11
|
+
* @description 表格列动态显示/隐藏 - 全选/反选按钮点击回调
|
|
12
|
+
* @author (可补充作者姓名)
|
|
13
|
+
* @param {('all' | 'inverse')} type - 操作类型:'all' 全选(仅对「过滤后可见+可动态操作」列生效),'inverse' 反选(同上)
|
|
14
|
+
* @see dynamicColumns - 原始完整表格列集合(包含所有列)
|
|
15
|
+
* @see filterDynamicColumns - 过滤后的可见列集合(仅操作此集合中的列)
|
|
16
|
+
* @see checkedValues - 已选中的列 key 集合(状态变量)
|
|
17
|
+
* @see setCheckedValues - 更新选中列的状态函数
|
|
18
|
+
* @note 核心规则(解决「过滤后操作不影响过滤前数据」的核心诉求):
|
|
19
|
+
* 1. 操作范围严格限制:仅对「过滤后可见列(filterDynamicColumns 优先,无则 dynamicColumns)+ 可动态操作(isNoDynamicHide: false)」的列生效
|
|
20
|
+
* 2. 过滤后隐藏的列(未在 targetColumns 中):无论是否可动态,均不参与全选/反选,保持其原始选中状态不变
|
|
21
|
+
* 3. 禁止动态隐藏的列(isNoDynamicHide: true):即使在过滤后可见,也不参与全选/反选,保持原始选中状态
|
|
22
|
+
* 4. 仅当操作后选中状态发生变化时才更新,避免无效渲染
|
|
23
|
+
*/
|
|
24
|
+
var onCheckBtn = function (type, onCheckboxChange) {
|
|
25
|
+
if (isDimensionDynamic) {
|
|
26
|
+
myMessage.warn("维度列不支持全选/反选");
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
// 1. 确定操作的目标列集合:仅对「过滤后可见列」操作(优先 filterDynamicColumns,无则用 dynamicColumns)
|
|
30
|
+
var targetColumns = filterDynamicColumns !== null && filterDynamicColumns !== void 0 ? filterDynamicColumns : dynamicList;
|
|
31
|
+
// 2. 拆分目标列中的两类列(仅在可见列范围内处理)
|
|
32
|
+
// 2.1 「可操作列」:过滤后可见 + 允许动态隐藏(isNoDynamicHide: false)→ 参与全选/反选
|
|
33
|
+
var operableKeys = targetColumns
|
|
34
|
+
.filter(function (column) { return !column.disabled; })
|
|
35
|
+
.map(function (column) { return column.key; });
|
|
36
|
+
var operableLen = operableKeys.length;
|
|
37
|
+
// 2.2 「不可操作列」:过滤后可见 + 禁止动态隐藏(isNoDynamicHide: true)→ 不参与操作,保留原选中状态
|
|
38
|
+
var visibleNonOperableKeys = targetColumns
|
|
39
|
+
.filter(function (column) { return column.disabled; })
|
|
40
|
+
.map(function (column) { return column.key; });
|
|
41
|
+
// 3. 拆分当前已选中的 keys(确保「过滤后隐藏的列」状态不变)
|
|
42
|
+
// 3.1 已选中的「过滤后隐藏的列」:无论是否可动态,均保留原状态(不参与本次操作)
|
|
43
|
+
var hiddenCheckedKeys = checkedValues.filter(function (key) { return !targetColumns.some(function (column) { return column.key === key; }); } // 不在目标列(过滤后隐藏)的选中项
|
|
44
|
+
);
|
|
45
|
+
// 3.2 已选中的「可见不可操作列」:保留原选中状态
|
|
46
|
+
var visibleNonOperableCheckedKeys = checkedValues.filter(function (key) {
|
|
47
|
+
return visibleNonOperableKeys.includes(key);
|
|
48
|
+
});
|
|
49
|
+
// 3.3 已选中的「可见可操作列」:参与本次全选/反选
|
|
50
|
+
var operableCheckedKeys = checkedValues.filter(function (key) {
|
|
51
|
+
return operableKeys.includes(key);
|
|
52
|
+
});
|
|
53
|
+
// 4. 全选逻辑:仅选中「可见可操作列」,其他列(隐藏列、可见不可操作列)保持原状态
|
|
54
|
+
if (type === "all") {
|
|
55
|
+
// 边界判断:仅当「已选中的可操作列数 ≠ 可操作列总数」时才更新(避免无效渲染)
|
|
56
|
+
if (operableCheckedKeys.length !== operableLen) {
|
|
57
|
+
onCheckboxChange(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], filterCheckedValues, true), operableKeys, true), visibleNonOperableCheckedKeys, true), hiddenCheckedKeys, true));
|
|
58
|
+
}
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
// 5. 反选逻辑:仅反选「可见可操作列」,其他列保持原状态
|
|
62
|
+
var inversedOperableKeys = operableKeys.filter(function (key) { return !operableCheckedKeys.includes(key); });
|
|
63
|
+
onCheckboxChange(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], filterCheckedValues, true), inversedOperableKeys, true), visibleNonOperableCheckedKeys, true), hiddenCheckedKeys, true));
|
|
64
|
+
};
|
|
65
|
+
/**
|
|
66
|
+
* @description 搜索过滤触发的回调
|
|
67
|
+
* @param value 搜索值
|
|
68
|
+
*/
|
|
69
|
+
var onSearchHandle = function (value) {
|
|
70
|
+
if (!value) {
|
|
71
|
+
setFilterCheckedValues([]);
|
|
72
|
+
setFilterDynamicColumns(null);
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
var filterColumns = dynamicList.filter(function (column) {
|
|
76
|
+
var _a, _b, _c;
|
|
77
|
+
var title = column.label || column.key;
|
|
78
|
+
return (_c = (_b = (_a = title === null || title === void 0 ? void 0 : title.toLowerCase) === null || _a === void 0 ? void 0 : _a.call(title)) === null || _b === void 0 ? void 0 : _b.includes) === null || _c === void 0 ? void 0 : _c.call(_b, value.toLowerCase());
|
|
79
|
+
});
|
|
80
|
+
// 未参与过滤的列,单独缓存起来
|
|
81
|
+
setFilterCheckedValues(checkedValues.filter(function (key) { return !filterColumns.find(function (column) { return column.key === key; }); }));
|
|
82
|
+
setFilterDynamicColumns(filterColumns);
|
|
83
|
+
};
|
|
84
|
+
return {
|
|
85
|
+
onSearchHandle: onSearchHandle,
|
|
86
|
+
onCheckBtn: onCheckBtn,
|
|
87
|
+
/** 未参与过滤的列,但是选中了的值 */
|
|
88
|
+
filterCheckedValues: filterCheckedValues,
|
|
89
|
+
/** 设置未参与过滤的列,但是选中了的值 */
|
|
90
|
+
setFilterCheckedValues: setFilterCheckedValues,
|
|
91
|
+
/** 过滤后的列 */
|
|
92
|
+
filterDynamicColumns: filterDynamicColumns,
|
|
93
|
+
/** 设置过滤后的列 */
|
|
94
|
+
setFilterDynamicColumns: setFilterDynamicColumns,
|
|
95
|
+
};
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
export { useSearch as default };
|
|
@@ -37,7 +37,7 @@ var CommonSearchList = function (props) {
|
|
|
37
37
|
deleteData === null || deleteData === void 0 ? void 0 : deleteData(index);
|
|
38
38
|
};
|
|
39
39
|
return (jsxs("div", __assign({ className: "common-search-list--container" }, { children: [jsx("div", __assign({ className: "common-search-list--title" }, { children: "\u5E38\u7528\u641C\u7D22" })), jsx("div", __assign({ className: "common-search-list--content" }, { children: jsx(Sortable, { children: commonSearchList.map(function (item, index) {
|
|
40
|
-
return (jsx(Sortable.Item, __assign({ onMoveItem: onMoveItem, onMoveEnd: onMoveEnd, index: index, type: sortableType }, { children: jsxs(ButtonCom, __assign({ type: currentCommonSearchKey === item.key ? "
|
|
40
|
+
return (jsx(Sortable.Item, __assign({ id: item.key, title: item.title, onMoveItem: onMoveItem, onMoveEnd: onMoveEnd, index: index, type: sortableType, direction: "horizontal" }, { children: jsxs(ButtonCom, __assign({ type: currentCommonSearchKey === item.key ? "default" : undefined, isWhite: currentCommonSearchKey === item.key ? false : true, onClick: function () {
|
|
41
41
|
handleClick(item);
|
|
42
42
|
if (currentCommonSearchKey === item.key) {
|
|
43
43
|
return;
|
|
@@ -9,6 +9,9 @@ interface ISortableProps {
|
|
|
9
9
|
className?: string;
|
|
10
10
|
style?: any;
|
|
11
11
|
children?: any;
|
|
12
|
+
title?: string;
|
|
13
|
+
/** 排序拖拽方向,默认纵向。如果布局是横向布局的,设置horizontal。 */
|
|
14
|
+
direction?: "vertical" | "horizontal";
|
|
12
15
|
}
|
|
13
16
|
declare const Sortable: React__default.FC<ISortableProps>;
|
|
14
17
|
|
|
@@ -6,13 +6,13 @@ import { useDrop } from '../node_modules/react-dnd/dist/hooks/useDrop/useDrop.js
|
|
|
6
6
|
import { useDrag } from '../node_modules/react-dnd/dist/hooks/useDrag/useDrag.js';
|
|
7
7
|
|
|
8
8
|
var Sortable = function (_a) {
|
|
9
|
-
var type = _a.type, onMoveItem = _a.onMoveItem, onMoveEnd = _a.onMoveEnd, index = _a.index, id = _a.id, children = _a.children, style = _a.style, className = _a.className;
|
|
9
|
+
var type = _a.type, onMoveItem = _a.onMoveItem, onMoveEnd = _a.onMoveEnd, index = _a.index, id = _a.id, children = _a.children, style = _a.style, className = _a.className, title = _a.title, _b = _a.direction, direction = _b === void 0 ? "vertical" : _b;
|
|
10
10
|
var ref = useRef(null);
|
|
11
11
|
var classes = classNames("zt-sortable", className, {});
|
|
12
12
|
/**
|
|
13
13
|
* @description 定义可放置对象
|
|
14
14
|
*/
|
|
15
|
-
var
|
|
15
|
+
var _c = useDrop({
|
|
16
16
|
accept: type,
|
|
17
17
|
hover: function (item, monitor) {
|
|
18
18
|
var _a;
|
|
@@ -29,45 +29,68 @@ var Sortable = function (_a) {
|
|
|
29
29
|
}
|
|
30
30
|
// 获取当前项的位置信息
|
|
31
31
|
var hoverBoundingRect = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
32
|
-
// 元素高度的一半
|
|
33
|
-
var hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
|
|
34
32
|
// 确定鼠标位置
|
|
35
33
|
var clientOffset = monitor.getClientOffset();
|
|
36
|
-
//
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
34
|
+
// 根据方向计算中间线和鼠标位置
|
|
35
|
+
if (direction === "vertical") {
|
|
36
|
+
// 纵向:基于Y轴
|
|
37
|
+
var hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
|
|
38
|
+
var hoverClientY = clientOffset.y - hoverBoundingRect.top;
|
|
39
|
+
// 临界值判断:避免频繁触发
|
|
40
|
+
if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY)
|
|
41
|
+
return;
|
|
42
|
+
if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY)
|
|
43
|
+
return;
|
|
42
44
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
45
|
+
else {
|
|
46
|
+
// 横向:基于X轴
|
|
47
|
+
var hoverMiddleX = (hoverBoundingRect.right - hoverBoundingRect.left) / 2;
|
|
48
|
+
var hoverClientX = clientOffset.x - hoverBoundingRect.left;
|
|
49
|
+
// 临界值判断:避免频繁触发
|
|
50
|
+
if (dragIndex < hoverIndex && hoverClientX < hoverMiddleX)
|
|
51
|
+
return;
|
|
52
|
+
if (dragIndex > hoverIndex && hoverClientX > hoverMiddleX)
|
|
53
|
+
return;
|
|
46
54
|
}
|
|
55
|
+
// // 元素高度的一半
|
|
56
|
+
// const hoverMiddleY =
|
|
57
|
+
// (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
|
|
58
|
+
// // 鼠标位置纵坐标 与 当前hover元素顶部位置差
|
|
59
|
+
// const hoverClientY = (clientOffset as XYCoord).y - hoverBoundingRect.top;
|
|
60
|
+
// // 临界值判断
|
|
61
|
+
// // 如果当前拖拽元素本身在当前放置元素之上 并且 鼠标位置与当前放置元素之差 要小于中间位置
|
|
62
|
+
// if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
|
|
63
|
+
// return;
|
|
64
|
+
// }
|
|
65
|
+
// // 如果当前拖拽元素本身在当前放置元素之下 并且鼠标位置与当前放置元素之差要 大于 中间位置
|
|
66
|
+
// if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
|
|
67
|
+
// return;
|
|
68
|
+
// }
|
|
47
69
|
onMoveItem(dragIndex, hoverIndex);
|
|
48
70
|
item.index = hoverIndex;
|
|
49
71
|
},
|
|
50
|
-
}), drop =
|
|
72
|
+
}), drop = _c[1];
|
|
51
73
|
/**
|
|
52
74
|
* @description 定义可拖动对象
|
|
53
75
|
*/
|
|
54
|
-
var
|
|
76
|
+
var _d = useDrag({
|
|
55
77
|
type: type,
|
|
56
78
|
item: function () {
|
|
57
|
-
return { id: id, index: index };
|
|
79
|
+
return { id: id, index: index, title: title };
|
|
58
80
|
},
|
|
59
81
|
collect: function (monitor) { return ({
|
|
60
82
|
isDragging: monitor.isDragging(),
|
|
61
83
|
}); },
|
|
62
84
|
end: function (item, monitor) {
|
|
63
|
-
|
|
64
|
-
|
|
85
|
+
var didDrop = monitor.didDrop();
|
|
86
|
+
if (!didDrop) {
|
|
87
|
+
console.log("鼠标在非可放置区域松开!");
|
|
65
88
|
return;
|
|
66
89
|
}
|
|
67
90
|
onMoveEnd === null || onMoveEnd === void 0 ? void 0 : onMoveEnd();
|
|
68
|
-
console.log("
|
|
91
|
+
console.log("鼠标在可放置区域松开!");
|
|
69
92
|
},
|
|
70
|
-
}), isDragging =
|
|
93
|
+
}), isDragging = _d[0].isDragging, drag = _d[1];
|
|
71
94
|
var opacity = isDragging ? 0 : 1;
|
|
72
95
|
drag(drop(ref));
|
|
73
96
|
return (jsx("div", __assign({ ref: ref, className: classes, style: __assign(__assign({}, style), { opacity: opacity }) }, { children: children })));
|
package/dist/es/table/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ant-table.ant-table-middle{font-size:14px}.ant-table.ant-table-middle .ant-table-footer,.ant-table.ant-table-middle .ant-table-tbody>tr>td,.ant-table.ant-table-middle .ant-table-thead>tr>th,.ant-table.ant-table-middle .ant-table-title,.ant-table.ant-table-middle tfoot>tr>td,.ant-table.ant-table-middle tfoot>tr>th{padding:12px 8px}.ant-table.ant-table-middle .ant-table-filter-trigger{margin-right:-4px}.ant-table.ant-table-middle .ant-table-expanded-row-fixed{margin:-12px -8px}.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin:-12px -8px -12px 40px}.ant-table.ant-table-middle .ant-table-selection-column{padding-inline-start:2px}.ant-table.ant-table-small{font-size:14px}.ant-table.ant-table-small .ant-table-footer,.ant-table.ant-table-small .ant-table-tbody>tr>td,.ant-table.ant-table-small .ant-table-thead>tr>th,.ant-table.ant-table-small .ant-table-title,.ant-table.ant-table-small tfoot>tr>td,.ant-table.ant-table-small tfoot>tr>th{padding:8px}.ant-table.ant-table-small .ant-table-filter-trigger{margin-right:-4px}.ant-table.ant-table-small .ant-table-expanded-row-fixed{margin:-8px}.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin:-8px -8px -8px 40px}.ant-table.ant-table-small .ant-table-selection-column{padding-inline-start:2px}.ant-table.ant-table-bordered>.ant-table-title{border:1px solid #dee9f6;border-bottom:0}.ant-table.ant-table-bordered>.ant-table-container{border-left:1px solid #dee9f6}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th{border-right:1px solid #dee9f6}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr:not(:last-child)>th{border-bottom:1px solid #dee9f6}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th:before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th:before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th:before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th:before{background-color:initial!important}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>.ant-table-cell-fix-right-first:after{border-right:1px solid #dee9f6}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-16px -17px}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed:after{border-right:1px solid #dee9f6;bottom:0;content:"";position:absolute;right:1px;top:0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table{border-top:1px solid #dee9f6}.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-expanded-row>td,.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-placeholder>td{border-right:0}.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-12px -9px}.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-8px -9px}.ant-table.ant-table-bordered>.ant-table-footer{border:1px solid #dee9f6;border-top:0}.ant-table-cell .ant-table-container:first-child{border-top:0}.ant-table-cell-scrollbar:not([rowspan]){box-shadow:0 1px 0 1px #fafafa}.ant-table-wrapper{clear:both;max-width:100%}.ant-table-wrapper:before{content:"";display:table}.ant-table-wrapper:after{clear:both;content:"";display:table}.ant-table{font-feature-settings:"tnum";background:#fff;border-radius:2px;box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:0;position:relative}.ant-table table{border-collapse:initial;border-radius:2px 2px 0 0;border-spacing:0;text-align:left;width:100%}.ant-table tfoot>tr>td,.ant-table tfoot>tr>th,.ant-table-tbody>tr>td,.ant-table-thead>tr>th{overflow-wrap:break-word;padding:16px;position:relative}.ant-table-cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first{overflow:visible}.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content{display:block;overflow:hidden;text-overflow:ellipsis}.ant-table-cell-ellipsis .ant-table-column-title{overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.ant-table-title{padding:16px}.ant-table-footer{background:#fafafa;color:#000000d9;padding:16px}.ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #dee9f6;color:#000000d9;font-weight:500;position:relative;text-align:left;transition:background .3s ease}.ant-table-thead>tr>th[colspan]:not([colspan="1"]){text-align:center}.ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{background-color:#0000000f;content:"";height:1.6em;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:background-color .3s;width:1px}.ant-table-thead>tr:not(:last-child)>th[colspan]{border-bottom:0}.ant-table-tbody>tr>td{border-bottom:1px solid #dee9f6;transition:background .3s}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table{margin:-16px -16px -16px 32px}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td{border-bottom:0}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child{border-radius:0}.ant-table-tbody>tr.ant-table-row:hover>td,.ant-table-tbody>tr>td.ant-table-cell-row-hover{background:#fafafa}.ant-table-tbody>tr.ant-table-row-selected>td{background:#f0f5ff;border-color:#00000008}.ant-table-tbody>tr.ant-table-row-selected:hover>td{background:#e6eeff}.ant-table-summary{background:#fff;position:relative;z-index:2}div.ant-table-summary{box-shadow:0 -1px 0 #dee9f6}.ant-table-summary>tr>td,.ant-table-summary>tr>th{border-bottom:1px solid #dee9f6}.ant-table-pagination.ant-pagination{margin:16px 0}.ant-table-pagination{display:flex;flex-wrap:wrap;row-gap:8px}.ant-table-pagination>*{flex:none}.ant-table-pagination-left{justify-content:flex-start}.ant-table-pagination-center{justify-content:center}.ant-table-pagination-right{justify-content:flex-end}.ant-table-thead th.ant-table-column-has-sorters{cursor:pointer;outline:none;transition:all .3s}.ant-table-thead th.ant-table-column-has-sorters:hover{background:#0000000a}.ant-table-thead th.ant-table-column-has-sorters:hover:before{background-color:initial!important}.ant-table-thead th.ant-table-column-has-sorters:focus-visible{color:#5b76f6}.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover,.ant-table-thead th.ant-table-column-sort{background:#f5f5f5}.ant-table-thead th.ant-table-column-sort:before{background-color:initial!important}td.ant-table-column-sort{background:#fafafa}.ant-table-column-title{flex:1;position:relative;z-index:1}.ant-table-column-sorters{align-items:center;display:flex;flex:auto;justify-content:space-between}.ant-table-column-sorters:after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.ant-table-column-sorter{color:#bfbfbf;font-size:0;margin-left:4px;transition:color .3s}.ant-table-column-sorter-inner{align-items:center;display:inline-flex;flex-direction:column}.ant-table-column-sorter-down,.ant-table-column-sorter-up{font-size:11px}.ant-table-column-sorter-down.active,.ant-table-column-sorter-up.active{color:#5b76f6}.ant-table-column-sorter-up+.ant-table-column-sorter-down{margin-top:-.3em}.ant-table-column-sorters:hover .ant-table-column-sorter{color:#a6a6a6}.ant-table-filter-column{display:flex;justify-content:space-between}.ant-table-filter-trigger{align-items:center;border-radius:2px;color:#bfbfbf;cursor:pointer;display:flex;font-size:12px;margin:-4px -8px -4px 4px;padding:0 4px;position:relative;transition:all .3s}.ant-table-filter-trigger:hover{background:#0000000a;color:#00000073}.ant-table-filter-trigger.active{color:#5b76f6}.ant-table-filter-dropdown{font-feature-settings:"tnum";background-color:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d;box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;min-width:120px;padding:0}.ant-table-filter-dropdown .ant-dropdown-menu{border:0;box-shadow:none;max-height:264px;overflow-x:hidden}.ant-table-filter-dropdown .ant-dropdown-menu:empty:after{color:#00000040;content:"Not Found";display:block;font-size:12px;padding:8px 0;text-align:center}.ant-table-filter-dropdown-tree{padding:8px 8px 0}.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover{background-color:#f5f5f5}.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover{background-color:#f0f4ff}.ant-table-filter-dropdown-search{border-bottom:1px solid #dee9f6;padding:8px}.ant-table-filter-dropdown-search-input input{min-width:140px}.ant-table-filter-dropdown-search-input .anticon{color:#00000040}.ant-table-filter-dropdown-checkall{margin-bottom:4px;margin-left:4px;width:100%}.ant-table-filter-dropdown-submenu>ul{max-height:calc(100vh - 130px);overflow-x:hidden;overflow-y:auto}.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-left:8px}.ant-table-filter-dropdown-btns{background-color:inherit;border-top:1px solid #dee9f6;display:flex;justify-content:space-between;overflow:hidden;padding:7px 8px}.ant-table-selection-col{width:32px}.ant-table-bordered .ant-table-selection-col{width:50px}table tr td.ant-table-selection-column,table tr th.ant-table-selection-column{padding-left:8px;padding-right:8px;text-align:center}table tr td.ant-table-selection-column .ant-radio-wrapper,table tr th.ant-table-selection-column .ant-radio-wrapper{margin-right:0}table tr th.ant-table-selection-column.ant-table-cell-fix-left{z-index:3}table tr th.ant-table-selection-column:after{background-color:initial!important}.ant-table-selection{display:inline-flex;flex-direction:column;position:relative}.ant-table-selection-extra{cursor:pointer;margin-inline-start:100%;padding-inline-start:4px;position:absolute;top:0;transition:all .3s;z-index:1}.ant-table-selection-extra .anticon{color:#bfbfbf;font-size:10px}.ant-table-selection-extra .anticon:hover{color:#a6a6a6}.ant-table-expand-icon-col{width:48px}.ant-table-row-expand-icon-cell{text-align:center}.ant-table-row-expand-icon-cell .ant-table-row-expand-icon{display:inline-flex;float:none;vertical-align:sub}.ant-table-row-indent{float:left;height:1px}.ant-table-row-expand-icon{background:#fff;border:1px solid #dee9f6;border-radius:2px;box-sizing:border-box;color:#4285f4;color:inherit;cursor:pointer;float:left;height:17px;line-height:17px;outline:none;padding:0;position:relative;transform:scale(.94117647);transition:color .3s;transition:all .3s;-webkit-user-select:none;user-select:none;width:17px}.ant-table-row-expand-icon:focus-visible,.ant-table-row-expand-icon:hover{color:#1566d2}.ant-table-row-expand-icon:active{color:#2d66cf}.ant-table-row-expand-icon:active,.ant-table-row-expand-icon:focus,.ant-table-row-expand-icon:hover{border-color:currentcolor}.ant-table-row-expand-icon:after,.ant-table-row-expand-icon:before{background:currentcolor;content:"";position:absolute;transition:transform .3s ease-out}.ant-table-row-expand-icon:before{height:1px;left:3px;right:3px;top:7px}.ant-table-row-expand-icon:after{bottom:3px;left:7px;top:3px;transform:rotate(90deg);width:1px}.ant-table-row-expand-icon-collapsed:before{transform:rotate(-180deg)}.ant-table-row-expand-icon-collapsed:after{transform:rotate(0deg)}.ant-table-row-expand-icon-spaced{background:#0000;border:0;visibility:hidden}.ant-table-row-expand-icon-spaced:after,.ant-table-row-expand-icon-spaced:before{content:none;display:none}.ant-table-row-indent+.ant-table-row-expand-icon{margin-right:8px;margin-top:2.5005px}tr.ant-table-expanded-row:hover>td,tr.ant-table-expanded-row>td{background:#fbfbfb}tr.ant-table-expanded-row .ant-descriptions-view{display:flex}tr.ant-table-expanded-row .ant-descriptions-view table{flex:auto;width:auto}.ant-table .ant-table-expanded-row-fixed{margin:-16px;padding:16px;position:relative}.ant-table-tbody>tr.ant-table-placeholder{text-align:center}.ant-table-empty .ant-table-tbody>tr.ant-table-placeholder{color:#00000040}.ant-table-tbody>tr.ant-table-placeholder:hover>td{background:#fff}.ant-table-cell-fix-left,.ant-table-cell-fix-right{background:#fff;position:sticky!important;z-index:2}.ant-table-cell-fix-left-first:after,.ant-table-cell-fix-left-last:after{bottom:-1px;content:"";pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);transition:box-shadow .3s;width:30px}.ant-table-cell-fix-left-all:after{display:none}.ant-table-cell-fix-right-first:after,.ant-table-cell-fix-right-last:after{bottom:-1px;content:"";left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:box-shadow .3s;width:30px}.ant-table .ant-table-container:after,.ant-table .ant-table-container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;transition:box-shadow .3s;width:30px;z-index:4}.ant-table .ant-table-container:before{left:0}.ant-table .ant-table-container:after{right:0}.ant-table-ping-left:not(.ant-table-has-fix-left)>.ant-table-container{position:relative}.ant-table-ping-left .ant-table-cell-fix-left-first:after,.ant-table-ping-left .ant-table-cell-fix-left-last:after,.ant-table-ping-left:not(.ant-table-has-fix-left)>.ant-table-container:before{box-shadow:inset 10px 0 8px -8px #00000026}.ant-table-ping-left .ant-table-cell-fix-left-last:before{background-color:initial!important}.ant-table-ping-right:not(.ant-table-has-fix-right)>.ant-table-container{position:relative}.ant-table-ping-right .ant-table-cell-fix-right-first:after,.ant-table-ping-right .ant-table-cell-fix-right-last:after,.ant-table-ping-right:not(.ant-table-has-fix-right)>.ant-table-container:after{box-shadow:inset -10px 0 8px -8px #00000026}.ant-table-sticky-holder,.ant-table-sticky-scroll{background:#fff;position:sticky;z-index:3}.ant-table-sticky-scroll{align-items:center;border-top:1px solid #dee9f6;bottom:0;display:flex;opacity:.6}.ant-table-sticky-scroll:hover{transform-origin:center bottom}.ant-table-sticky-scroll-bar{background-color:#00000059;border-radius:4px;height:8px}.ant-table-sticky-scroll-bar-active,.ant-table-sticky-scroll-bar:hover{background-color:#000c}@media (-ms-high-contrast:none){.ant-table-ping-left .ant-table-cell-fix-left-last:after,.ant-table-ping-right .ant-table-cell-fix-right-first:after{box-shadow:none!important}}.ant-table-title{border-radius:2px 2px 0 0}.ant-table-title+.ant-table-container{border-top-left-radius:0;border-top-right-radius:0}.ant-table-title+.ant-table-container table,.ant-table-title+.ant-table-container table>thead>tr:first-child th:first-child,.ant-table-title+.ant-table-container table>thead>tr:first-child th:last-child{border-radius:0}.ant-table-container{border-top-right-radius:2px}.ant-table-container,.ant-table-container table>thead>tr:first-child th:first-child{border-top-left-radius:2px}.ant-table-container table>thead>tr:first-child th:last-child{border-top-right-radius:2px}.ant-table-footer{border-radius:0 0 2px 2px}.ant-table-rtl,.ant-table-wrapper-rtl{direction:rtl}.ant-table-wrapper-rtl .ant-table table{text-align:right}.ant-table-wrapper-rtl .ant-table-thead>tr>th[colspan]:not([colspan="1"]){text-align:center}.ant-table-wrapper-rtl .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{left:0;right:auto}.ant-table-wrapper-rtl .ant-table-thead>tr>th{text-align:right}.ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl{margin:-16px 33px -16px -16px}.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left{justify-content:flex-end}.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right{justify-content:flex-start}.ant-table-wrapper-rtl .ant-table-column-sorter{margin-left:0;margin-right:4px}.ant-table-wrapper-rtl .ant-table-filter-column-title{padding:16px 16px 16px 2.3em}.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title{padding:0 0 0 2.3em}.ant-table-wrapper-rtl .ant-table-filter-trigger{margin:-4px 4px -4px -8px}.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-left:0;padding-right:8px}.ant-table-wrapper-rtl .ant-table-selection{text-align:center}.ant-table-wrapper-rtl .ant-table-row-expand-icon,.ant-table-wrapper-rtl .ant-table-row-indent{float:right}.ant-table-wrapper-rtl .ant-table-row-indent+.ant-table-row-expand-icon{margin-left:8px;margin-right:0}.ant-table-wrapper-rtl .ant-table-row-expand-icon:after{transform:rotate(-90deg)}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed:before{transform:rotate(180deg)}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed:after{transform:rotate(0deg)}.ztxk-table .ant-table-thead>tr>th{background:#eff5fe}.ztxk-table .ant-table-thead>tr>th .ant-table-column-sorters{padding:0}.ztxk-table .ant-table-tbody>tr>td button{overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.ztxk-table .ant-table-tbody>tr.ant-table-row:hover>td{background-color:#ebf3fe}.ztxk-table .ant-table-tbody>tr.ant-table-row>td.ztxk-table--info-td{background-color:#fcecc8}.ztxk-table .ant-table-tbody>tr.ant-table-row>td.ztxk-table--error-td{background-color:#f66}.ztxk-table .ant-table-tbody>tr.ztxk-table--differences,.ztxk-table .ant-table-tbody>tr.ztxk-table--differences:hover>td,.ztxk-table .ant-table-tbody>tr.ztxk-table--differences>td{background-color:#fcecc8}.ztxk-table .react-resizable{background-clip:padding-box;position:relative}.ztxk-table .react-resizable-handle{bottom:0;cursor:col-resize;height:100%;position:absolute;right:-5px;width:10px;z-index:1}.ztxk-table .react-resizable-handle.active:before{border-left:3px dotted #40a9ff;bottom:0;content:"";left:50%;position:absolute;top:0}.ztxk-table .ant-table-body .ant-table-expanded-row-fixed{margin:0;padding:0}.ztxk-table .ant-table-summary>tr>td,.ztxk-table .ant-table-tbody>tr>td,.ztxk-table .ant-table-thead>tr>th{color:#333;height:36px;padding:0 5px;vertical-align:middle}.ztxk-table .ant-table-summary>tr>td .ant-select,.ztxk-table .ant-table-tbody>tr>td .ant-select,.ztxk-table .ant-table-thead>tr>th .ant-select{width:100%}.ztxk-table .ant-table-tbody>tr>td{word-break:break-all}.ztxk-table .ant-table-summary>tr>td{font-weight:700;text-align:left}.ztxk-table .ant-table-summary>tr>td:first-child{text-align:center}.ztxk-table .ztxk-column--adddel-icon{color:#4285f4;font-size:13px;line-height:13px}.ztxk-table .ztxk-column--adddel-icon:hover{color:#1566d2}.ztxk-table .ztxk-column--adddel-icon:first-child{margin-bottom:4px}.ztxk-table .ztxk-column--adddel-icon:last-child{margin-bottom:0}.ztxk-table td.error-td{background:#f88!important;border:1px solid #f88!important}.ztxk-table .thead-icon{cursor:pointer}.ztxk-table .ztxk-table__enhance-cell{font-size:13px;margin:0}.ztxk-table .ztxk-table__enhance-cell .ant-input-affix-wrapper,.ztxk-table .ztxk-table__enhance-cell .ant-input-number,.ztxk-table .ztxk-table__enhance-cell .ant-select-selector,.ztxk-table .ztxk-table__enhance-cell input{border:none;width:100%}.ztxk-table .ztxk-table__enhance-cell.input-model__input{border:1px solid #d9d9d9}.ztxk-table .ztxk-table__enhance-cell .ant-form-item-control-input{min-height:auto}.ztxk-table .ztxk-table__enhance-cell .ant-input-number{min-height:30px}.ztxk-table .ztxk-table__enhance-cell .ant-input-number input{min-height:28px}.ztxk-table .ztxk-table__enhance-cell .ant-input-affix-wrapper{min-height:30px;padding:0 11px}.ztxk-table .ztxk-table__enhance-cell .ant-input-affix-wrapper input{min-height:28px}.ztxk-table .ztxk-table__enhance-cell .ant-select-selector,.ztxk-table .ztxk-table__enhance-cell .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{min-height:30px}.ztxk-table .ztxk-table__enhance-cell .ant-select-selector input,.ztxk-table .ztxk-table__enhance-cell .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input{min-height:28px}.ztxk-table .ztxk-table__enhance-cell .ant-input-number-input{text-align:left!important}.ztxk-table .ztxk-table__enhance-cell-wrap{border:1px solid #d9d9d9;cursor:pointer;min-height:30px;padding:4px}.ztxk-table .ztxk-table__enhance-cell-wrap:hover{border-color:#40a9ff}.ztxk-table .ztxk-table__enhance-cell-wrap--disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:#00000040;cursor:not-allowed;opacity:1}.ztxk-table .ztxk-table__enhance-cell-wrap--disabled:hover{border-color:#d9d9d9}.ztxk-table .ztxk-table__enhance-row:hover .ztxk-table__enhance-cell-wrap{border-radius:2px}.ztxk-table .ztxk-table__enhance-row.drop-over-downward td{border-bottom:2px dashed #1890ff}.ztxk-table .ztxk-table__enhance-row.drop-over-upward td{border-top:2px dashed #1890ff}.ztxk-table .zt-btn-link{margin-right:5px;padding:0}.ztxk-table .ant-dropdown-trigger{margin-right:0}.ztxk-table.ztxk-table--flex,.ztxk-table.ztxk-table--flex>.ant-spin-nested-loading,.ztxk-table.ztxk-table--flex>.ant-spin-nested-loading>.ant-spin-container,.ztxk-table.ztxk-table--flex>.ant-spin-nested-loading>.ant-spin-container>.ant-table{height:100%}.ztxk-table.ztxk-table--flex>.ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container{display:flex;flex-direction:column;height:100%}.ztxk-table.ztxk-table--flex>.ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container>.ant-table-body{flex:1;max-height:none!important}.ztxk-table .ztxk-column--required,.ztxk-table .ztxk-table--title-stress{color:#f88;font-style:normal}.ztxk-table .ztxk-table--sorter{align-items:center;display:flex;flex:1;justify-content:space-between}.ztxk-table .ztxk-table--sorter .ztxk-table--sorter-title{flex-grow:1}.ztxk-table .ztxk-table--sorter .ztxk-table--sorter-icon{align-items:center;color:#bfbfbf;cursor:pointer;display:inline-flex;flex-direction:column;font-size:0}.ztxk-table .ant-table-filter-trigger{margin:0}.ztxk-table--wrapper-container .ztxk-table--exit-fullscreen{background:#fff;border-radius:10px;color:#794808;cursor:pointer;font-size:16px;left:50%;margin-left:-50px;opacity:0;padding:10px;position:absolute;text-align:center;top:30px;transition:opacity .8s;width:100px;z-index:1001}.ztxk-table--wrapper-container:hover .ztxk-table--exit-fullscreen{opacity:.8}.error-popover .ant-popover-inner-content{color:#f88;padding:6px 10px}.ztxk-table--fullscreen .ant-pagination-options .ant-select-dropdown,.ztxk-table--pagination--select-top{top:-140px!important}.ztxk-table--filter{max-width:220px;padding:6px}.ztxk-table--filter input::placeholder{font-size:12px}.ztxk-table--filter .ztxk-table--filter__checkbox-container{display:flex;flex-direction:column;margin-bottom:8px;margin-top:8px;max-height:200px;overflow-y:auto;width:200px}.ztxk-table--filter .ztxk-table--filter__checkbox-container .ant-checkbox-wrapper{margin-left:0}.ztxk-table--filter .ztxk-table--filter__checkbox-container .ant-checkbox+span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ztxk-table--filter .ztxk-table--filter__btn-container button{margin-right:10px}.ztxk-table--filter .ztxk-table--filter__btn-container button:last-child{margin-right:0}.ztxk-table--filter .ztxk-table--filter__btn-container button .anticon{line-height:inherit}.ztxk-table-dynamic--header{margin-bottom:10px}.ztxk-table-dynamic--header>button{margin-right:10px}.ztxk-table-dynamic--header>button:last-child{margin-right:0}.ztxk-table-dynamic--header>button.ant-btn>.anticon+span,.ztxk-table-dynamic--header>button.ant-btn>span+.anticon{margin-left:2px}
|
|
1
|
+
.ant-table.ant-table-middle{font-size:14px}.ant-table.ant-table-middle .ant-table-footer,.ant-table.ant-table-middle .ant-table-tbody>tr>td,.ant-table.ant-table-middle .ant-table-thead>tr>th,.ant-table.ant-table-middle .ant-table-title,.ant-table.ant-table-middle tfoot>tr>td,.ant-table.ant-table-middle tfoot>tr>th{padding:12px 8px}.ant-table.ant-table-middle .ant-table-filter-trigger{margin-right:-4px}.ant-table.ant-table-middle .ant-table-expanded-row-fixed{margin:-12px -8px}.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin:-12px -8px -12px 40px}.ant-table.ant-table-middle .ant-table-selection-column{padding-inline-start:2px}.ant-table.ant-table-small{font-size:14px}.ant-table.ant-table-small .ant-table-footer,.ant-table.ant-table-small .ant-table-tbody>tr>td,.ant-table.ant-table-small .ant-table-thead>tr>th,.ant-table.ant-table-small .ant-table-title,.ant-table.ant-table-small tfoot>tr>td,.ant-table.ant-table-small tfoot>tr>th{padding:8px}.ant-table.ant-table-small .ant-table-filter-trigger{margin-right:-4px}.ant-table.ant-table-small .ant-table-expanded-row-fixed{margin:-8px}.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin:-8px -8px -8px 40px}.ant-table.ant-table-small .ant-table-selection-column{padding-inline-start:2px}.ant-table.ant-table-bordered>.ant-table-title{border:1px solid #dee9f6;border-bottom:0}.ant-table.ant-table-bordered>.ant-table-container{border-left:1px solid #dee9f6}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th{border-right:1px solid #dee9f6}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr:not(:last-child)>th{border-bottom:1px solid #dee9f6}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th:before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th:before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th:before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th:before{background-color:initial!important}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>.ant-table-cell-fix-right-first:after{border-right:1px solid #dee9f6}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-16px -17px}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed:after{border-right:1px solid #dee9f6;bottom:0;content:"";position:absolute;right:1px;top:0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table{border-top:1px solid #dee9f6}.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-expanded-row>td,.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-placeholder>td{border-right:0}.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-12px -9px}.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-8px -9px}.ant-table.ant-table-bordered>.ant-table-footer{border:1px solid #dee9f6;border-top:0}.ant-table-cell .ant-table-container:first-child{border-top:0}.ant-table-cell-scrollbar:not([rowspan]){box-shadow:0 1px 0 1px #fafafa}.ant-table-wrapper{clear:both;max-width:100%}.ant-table-wrapper:before{content:"";display:table}.ant-table-wrapper:after{clear:both;content:"";display:table}.ant-table{font-feature-settings:"tnum";background:#fff;border-radius:2px;box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:0;position:relative}.ant-table table{border-collapse:initial;border-radius:2px 2px 0 0;border-spacing:0;text-align:left;width:100%}.ant-table tfoot>tr>td,.ant-table tfoot>tr>th,.ant-table-tbody>tr>td,.ant-table-thead>tr>th{overflow-wrap:break-word;padding:16px;position:relative}.ant-table-cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first{overflow:visible}.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content{display:block;overflow:hidden;text-overflow:ellipsis}.ant-table-cell-ellipsis .ant-table-column-title{overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.ant-table-title{padding:16px}.ant-table-footer{background:#fafafa;color:#000000d9;padding:16px}.ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #dee9f6;color:#000000d9;font-weight:500;position:relative;text-align:left;transition:background .3s ease}.ant-table-thead>tr>th[colspan]:not([colspan="1"]){text-align:center}.ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{background-color:#0000000f;content:"";height:1.6em;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:background-color .3s;width:1px}.ant-table-thead>tr:not(:last-child)>th[colspan]{border-bottom:0}.ant-table-tbody>tr>td{border-bottom:1px solid #dee9f6;transition:background .3s}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table{margin:-16px -16px -16px 32px}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td{border-bottom:0}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child{border-radius:0}.ant-table-tbody>tr.ant-table-row:hover>td,.ant-table-tbody>tr>td.ant-table-cell-row-hover{background:#fafafa}.ant-table-tbody>tr.ant-table-row-selected>td{background:#f0f5ff;border-color:#00000008}.ant-table-tbody>tr.ant-table-row-selected:hover>td{background:#e6eeff}.ant-table-summary{background:#fff;position:relative;z-index:2}div.ant-table-summary{box-shadow:0 -1px 0 #dee9f6}.ant-table-summary>tr>td,.ant-table-summary>tr>th{border-bottom:1px solid #dee9f6}.ant-table-pagination.ant-pagination{margin:16px 0}.ant-table-pagination{display:flex;flex-wrap:wrap;row-gap:8px}.ant-table-pagination>*{flex:none}.ant-table-pagination-left{justify-content:flex-start}.ant-table-pagination-center{justify-content:center}.ant-table-pagination-right{justify-content:flex-end}.ant-table-thead th.ant-table-column-has-sorters{cursor:pointer;outline:none;transition:all .3s}.ant-table-thead th.ant-table-column-has-sorters:hover{background:#0000000a}.ant-table-thead th.ant-table-column-has-sorters:hover:before{background-color:initial!important}.ant-table-thead th.ant-table-column-has-sorters:focus-visible{color:#5b76f6}.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover,.ant-table-thead th.ant-table-column-sort{background:#f5f5f5}.ant-table-thead th.ant-table-column-sort:before{background-color:initial!important}td.ant-table-column-sort{background:#fafafa}.ant-table-column-title{flex:1;position:relative;z-index:1}.ant-table-column-sorters{align-items:center;display:flex;flex:auto;justify-content:space-between}.ant-table-column-sorters:after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.ant-table-column-sorter{color:#bfbfbf;font-size:0;margin-left:4px;transition:color .3s}.ant-table-column-sorter-inner{align-items:center;display:inline-flex;flex-direction:column}.ant-table-column-sorter-down,.ant-table-column-sorter-up{font-size:11px}.ant-table-column-sorter-down.active,.ant-table-column-sorter-up.active{color:#5b76f6}.ant-table-column-sorter-up+.ant-table-column-sorter-down{margin-top:-.3em}.ant-table-column-sorters:hover .ant-table-column-sorter{color:#a6a6a6}.ant-table-filter-column{display:flex;justify-content:space-between}.ant-table-filter-trigger{align-items:center;border-radius:2px;color:#bfbfbf;cursor:pointer;display:flex;font-size:12px;margin:-4px -8px -4px 4px;padding:0 4px;position:relative;transition:all .3s}.ant-table-filter-trigger:hover{background:#0000000a;color:#00000073}.ant-table-filter-trigger.active{color:#5b76f6}.ant-table-filter-dropdown{font-feature-settings:"tnum";background-color:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d;box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;min-width:120px;padding:0}.ant-table-filter-dropdown .ant-dropdown-menu{border:0;box-shadow:none;max-height:264px;overflow-x:hidden}.ant-table-filter-dropdown .ant-dropdown-menu:empty:after{color:#00000040;content:"Not Found";display:block;font-size:12px;padding:8px 0;text-align:center}.ant-table-filter-dropdown-tree{padding:8px 8px 0}.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover{background-color:#f5f5f5}.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover{background-color:#f0f4ff}.ant-table-filter-dropdown-search{border-bottom:1px solid #dee9f6;padding:8px}.ant-table-filter-dropdown-search-input input{min-width:140px}.ant-table-filter-dropdown-search-input .anticon{color:#00000040}.ant-table-filter-dropdown-checkall{margin-bottom:4px;margin-left:4px;width:100%}.ant-table-filter-dropdown-submenu>ul{max-height:calc(100vh - 130px);overflow-x:hidden;overflow-y:auto}.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-left:8px}.ant-table-filter-dropdown-btns{background-color:inherit;border-top:1px solid #dee9f6;display:flex;justify-content:space-between;overflow:hidden;padding:7px 8px}.ant-table-selection-col{width:32px}.ant-table-bordered .ant-table-selection-col{width:50px}table tr td.ant-table-selection-column,table tr th.ant-table-selection-column{padding-left:8px;padding-right:8px;text-align:center}table tr td.ant-table-selection-column .ant-radio-wrapper,table tr th.ant-table-selection-column .ant-radio-wrapper{margin-right:0}table tr th.ant-table-selection-column.ant-table-cell-fix-left{z-index:3}table tr th.ant-table-selection-column:after{background-color:initial!important}.ant-table-selection{display:inline-flex;flex-direction:column;position:relative}.ant-table-selection-extra{cursor:pointer;margin-inline-start:100%;padding-inline-start:4px;position:absolute;top:0;transition:all .3s;z-index:1}.ant-table-selection-extra .anticon{color:#bfbfbf;font-size:10px}.ant-table-selection-extra .anticon:hover{color:#a6a6a6}.ant-table-expand-icon-col{width:48px}.ant-table-row-expand-icon-cell{text-align:center}.ant-table-row-expand-icon-cell .ant-table-row-expand-icon{display:inline-flex;float:none;vertical-align:sub}.ant-table-row-indent{float:left;height:1px}.ant-table-row-expand-icon{background:#fff;border:1px solid #dee9f6;border-radius:2px;box-sizing:border-box;color:#4285f4;color:inherit;cursor:pointer;float:left;height:17px;line-height:17px;outline:none;padding:0;position:relative;transform:scale(.94117647);transition:color .3s;transition:all .3s;-webkit-user-select:none;user-select:none;width:17px}.ant-table-row-expand-icon:focus-visible,.ant-table-row-expand-icon:hover{color:#1566d2}.ant-table-row-expand-icon:active{color:#2d66cf}.ant-table-row-expand-icon:active,.ant-table-row-expand-icon:focus,.ant-table-row-expand-icon:hover{border-color:currentcolor}.ant-table-row-expand-icon:after,.ant-table-row-expand-icon:before{background:currentcolor;content:"";position:absolute;transition:transform .3s ease-out}.ant-table-row-expand-icon:before{height:1px;left:3px;right:3px;top:7px}.ant-table-row-expand-icon:after{bottom:3px;left:7px;top:3px;transform:rotate(90deg);width:1px}.ant-table-row-expand-icon-collapsed:before{transform:rotate(-180deg)}.ant-table-row-expand-icon-collapsed:after{transform:rotate(0deg)}.ant-table-row-expand-icon-spaced{background:#0000;border:0;visibility:hidden}.ant-table-row-expand-icon-spaced:after,.ant-table-row-expand-icon-spaced:before{content:none;display:none}.ant-table-row-indent+.ant-table-row-expand-icon{margin-right:8px;margin-top:2.5005px}tr.ant-table-expanded-row:hover>td,tr.ant-table-expanded-row>td{background:#fbfbfb}tr.ant-table-expanded-row .ant-descriptions-view{display:flex}tr.ant-table-expanded-row .ant-descriptions-view table{flex:auto;width:auto}.ant-table .ant-table-expanded-row-fixed{margin:-16px;padding:16px;position:relative}.ant-table-tbody>tr.ant-table-placeholder{text-align:center}.ant-table-empty .ant-table-tbody>tr.ant-table-placeholder{color:#00000040}.ant-table-tbody>tr.ant-table-placeholder:hover>td{background:#fff}.ant-table-cell-fix-left,.ant-table-cell-fix-right{background:#fff;position:sticky!important;z-index:2}.ant-table-cell-fix-left-first:after,.ant-table-cell-fix-left-last:after{bottom:-1px;content:"";pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);transition:box-shadow .3s;width:30px}.ant-table-cell-fix-left-all:after{display:none}.ant-table-cell-fix-right-first:after,.ant-table-cell-fix-right-last:after{bottom:-1px;content:"";left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:box-shadow .3s;width:30px}.ant-table .ant-table-container:after,.ant-table .ant-table-container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;transition:box-shadow .3s;width:30px;z-index:4}.ant-table .ant-table-container:before{left:0}.ant-table .ant-table-container:after{right:0}.ant-table-ping-left:not(.ant-table-has-fix-left)>.ant-table-container{position:relative}.ant-table-ping-left .ant-table-cell-fix-left-first:after,.ant-table-ping-left .ant-table-cell-fix-left-last:after,.ant-table-ping-left:not(.ant-table-has-fix-left)>.ant-table-container:before{box-shadow:inset 10px 0 8px -8px #00000026}.ant-table-ping-left .ant-table-cell-fix-left-last:before{background-color:initial!important}.ant-table-ping-right:not(.ant-table-has-fix-right)>.ant-table-container{position:relative}.ant-table-ping-right .ant-table-cell-fix-right-first:after,.ant-table-ping-right .ant-table-cell-fix-right-last:after,.ant-table-ping-right:not(.ant-table-has-fix-right)>.ant-table-container:after{box-shadow:inset -10px 0 8px -8px #00000026}.ant-table-sticky-holder,.ant-table-sticky-scroll{background:#fff;position:sticky;z-index:3}.ant-table-sticky-scroll{align-items:center;border-top:1px solid #dee9f6;bottom:0;display:flex;opacity:.6}.ant-table-sticky-scroll:hover{transform-origin:center bottom}.ant-table-sticky-scroll-bar{background-color:#00000059;border-radius:4px;height:8px}.ant-table-sticky-scroll-bar-active,.ant-table-sticky-scroll-bar:hover{background-color:#000c}@media (-ms-high-contrast:none){.ant-table-ping-left .ant-table-cell-fix-left-last:after,.ant-table-ping-right .ant-table-cell-fix-right-first:after{box-shadow:none!important}}.ant-table-title{border-radius:2px 2px 0 0}.ant-table-title+.ant-table-container{border-top-left-radius:0;border-top-right-radius:0}.ant-table-title+.ant-table-container table,.ant-table-title+.ant-table-container table>thead>tr:first-child th:first-child,.ant-table-title+.ant-table-container table>thead>tr:first-child th:last-child{border-radius:0}.ant-table-container{border-top-right-radius:2px}.ant-table-container,.ant-table-container table>thead>tr:first-child th:first-child{border-top-left-radius:2px}.ant-table-container table>thead>tr:first-child th:last-child{border-top-right-radius:2px}.ant-table-footer{border-radius:0 0 2px 2px}.ant-table-rtl,.ant-table-wrapper-rtl{direction:rtl}.ant-table-wrapper-rtl .ant-table table{text-align:right}.ant-table-wrapper-rtl .ant-table-thead>tr>th[colspan]:not([colspan="1"]){text-align:center}.ant-table-wrapper-rtl .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{left:0;right:auto}.ant-table-wrapper-rtl .ant-table-thead>tr>th{text-align:right}.ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl{margin:-16px 33px -16px -16px}.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left{justify-content:flex-end}.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right{justify-content:flex-start}.ant-table-wrapper-rtl .ant-table-column-sorter{margin-left:0;margin-right:4px}.ant-table-wrapper-rtl .ant-table-filter-column-title{padding:16px 16px 16px 2.3em}.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title{padding:0 0 0 2.3em}.ant-table-wrapper-rtl .ant-table-filter-trigger{margin:-4px 4px -4px -8px}.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-left:0;padding-right:8px}.ant-table-wrapper-rtl .ant-table-selection{text-align:center}.ant-table-wrapper-rtl .ant-table-row-expand-icon,.ant-table-wrapper-rtl .ant-table-row-indent{float:right}.ant-table-wrapper-rtl .ant-table-row-indent+.ant-table-row-expand-icon{margin-left:8px;margin-right:0}.ant-table-wrapper-rtl .ant-table-row-expand-icon:after{transform:rotate(-90deg)}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed:before{transform:rotate(180deg)}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed:after{transform:rotate(0deg)}.ztxk-table .ant-table-thead>tr>th{background:#eff5fe}.ztxk-table .ant-table-thead>tr>th .ant-table-column-sorters{padding:0}.ztxk-table .ant-table-tbody>tr>td button{overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.ztxk-table .ant-table-tbody>tr.ant-table-row:hover>td{background-color:#ebf3fe}.ztxk-table .ant-table-tbody>tr.ant-table-row>td.ztxk-table--info-td{background-color:#fcecc8}.ztxk-table .ant-table-tbody>tr.ant-table-row>td.ztxk-table--error-td{background-color:#f66}.ztxk-table .ant-table-tbody>tr.ztxk-table--differences,.ztxk-table .ant-table-tbody>tr.ztxk-table--differences:hover>td,.ztxk-table .ant-table-tbody>tr.ztxk-table--differences>td{background-color:#fcecc8}.ztxk-table .react-resizable{background-clip:padding-box;position:relative}.ztxk-table .react-resizable-handle{bottom:0;cursor:col-resize;height:100%;position:absolute;right:-5px;width:10px;z-index:1}.ztxk-table .react-resizable-handle.active:before{border-left:3px dotted #40a9ff;bottom:0;content:"";left:50%;position:absolute;top:0}.ztxk-table .ant-table-body .ant-table-expanded-row-fixed{margin:0;padding:0}.ztxk-table .ant-table-summary>tr>td,.ztxk-table .ant-table-tbody>tr>td,.ztxk-table .ant-table-thead>tr>th{color:#333;height:36px;padding:0 5px;vertical-align:middle}.ztxk-table .ant-table-summary>tr>td .ant-select,.ztxk-table .ant-table-tbody>tr>td .ant-select,.ztxk-table .ant-table-thead>tr>th .ant-select{width:100%}.ztxk-table .ant-table-tbody>tr>td{word-break:break-all}.ztxk-table .ant-table-summary>tr>td{font-weight:700;text-align:left}.ztxk-table .ant-table-summary>tr>td:first-child{text-align:center}.ztxk-table .ztxk-column--adddel-icon{color:#4285f4;font-size:13px;line-height:13px}.ztxk-table .ztxk-column--adddel-icon:hover{color:#1566d2}.ztxk-table .ztxk-column--adddel-icon:first-child{margin-bottom:4px}.ztxk-table .ztxk-column--adddel-icon:last-child{margin-bottom:0}.ztxk-table td.error-td{background:#f88!important;border:1px solid #f88!important}.ztxk-table .thead-icon{cursor:pointer}.ztxk-table .ztxk-table__enhance-cell{font-size:13px;margin:0}.ztxk-table .ztxk-table__enhance-cell .ant-input-affix-wrapper,.ztxk-table .ztxk-table__enhance-cell .ant-input-number,.ztxk-table .ztxk-table__enhance-cell .ant-select-selector,.ztxk-table .ztxk-table__enhance-cell input{border:none;width:100%}.ztxk-table .ztxk-table__enhance-cell.input-model__input{border:1px solid #d9d9d9}.ztxk-table .ztxk-table__enhance-cell .ant-form-item-control-input{min-height:auto}.ztxk-table .ztxk-table__enhance-cell .ant-input-number{min-height:30px}.ztxk-table .ztxk-table__enhance-cell .ant-input-number input{min-height:28px}.ztxk-table .ztxk-table__enhance-cell .ant-input-affix-wrapper{min-height:30px;padding:0 11px}.ztxk-table .ztxk-table__enhance-cell .ant-input-affix-wrapper input{min-height:28px}.ztxk-table .ztxk-table__enhance-cell .ant-select-selector,.ztxk-table .ztxk-table__enhance-cell .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{min-height:30px}.ztxk-table .ztxk-table__enhance-cell .ant-select-selector input,.ztxk-table .ztxk-table__enhance-cell .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input{min-height:28px}.ztxk-table .ztxk-table__enhance-cell .ant-input-number-input{text-align:left!important}.ztxk-table .ztxk-table__enhance-cell-wrap{border:1px solid #d9d9d9;cursor:pointer;min-height:30px;padding:4px}.ztxk-table .ztxk-table__enhance-cell-wrap:hover{border-color:#40a9ff}.ztxk-table .ztxk-table__enhance-cell-wrap--disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:#00000040;cursor:not-allowed;opacity:1}.ztxk-table .ztxk-table__enhance-cell-wrap--disabled:hover{border-color:#d9d9d9}.ztxk-table .ztxk-table__enhance-row:hover .ztxk-table__enhance-cell-wrap{border-radius:2px}.ztxk-table .ztxk-table__enhance-row.drop-over-downward td{border-bottom:2px dashed #1890ff}.ztxk-table .ztxk-table__enhance-row.drop-over-upward td{border-top:2px dashed #1890ff}.ztxk-table .zt-btn-link{margin-right:5px;padding:0}.ztxk-table .ant-dropdown-trigger{margin-right:0}.ztxk-table.ztxk-table--flex,.ztxk-table.ztxk-table--flex>.ant-spin-nested-loading,.ztxk-table.ztxk-table--flex>.ant-spin-nested-loading>.ant-spin-container,.ztxk-table.ztxk-table--flex>.ant-spin-nested-loading>.ant-spin-container>.ant-table{height:100%}.ztxk-table.ztxk-table--flex>.ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container{display:flex;flex-direction:column;height:100%}.ztxk-table.ztxk-table--flex>.ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container>.ant-table-body{flex:1;max-height:none!important}.ztxk-table .ztxk-column--required,.ztxk-table .ztxk-table--title-stress{color:#f88;font-style:normal}.ztxk-table .ztxk-table--sorter{align-items:center;display:flex;flex:1;justify-content:space-between}.ztxk-table .ztxk-table--sorter .ztxk-table--sorter-title{flex-grow:1}.ztxk-table .ztxk-table--sorter .ztxk-table--sorter-icon{align-items:center;color:#bfbfbf;cursor:pointer;display:inline-flex;flex-direction:column;font-size:0}.ztxk-table .ant-table-filter-trigger{margin:0}.ztxk-table--wrapper-container .ztxk-table--exit-fullscreen{background:#fff;border-radius:10px;color:#794808;cursor:pointer;font-size:16px;left:50%;margin-left:-50px;opacity:0;padding:10px;position:absolute;text-align:center;top:30px;transition:opacity .8s;width:100px;z-index:1001}.ztxk-table--wrapper-container:hover .ztxk-table--exit-fullscreen{opacity:.8}.error-popover .ant-popover-inner-content{color:#f88;padding:6px 10px}.ztxk-table--fullscreen .ant-pagination-options .ant-select-dropdown,.ztxk-table--pagination--select-top{top:-140px!important}.ztxk-table--filter{max-width:220px;padding:6px}.ztxk-table--filter input::placeholder{font-size:12px}.ztxk-table--filter .ztxk-table--filter__checkbox-container{display:flex;flex-direction:column;margin-bottom:8px;margin-top:8px;max-height:200px;overflow-y:auto;width:200px}.ztxk-table--filter .ztxk-table--filter__checkbox-container .ant-checkbox-wrapper{margin-left:0}.ztxk-table--filter .ztxk-table--filter__checkbox-container .ant-checkbox+span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ztxk-table--filter .ztxk-table--filter__btn-container button{margin-right:10px}.ztxk-table--filter .ztxk-table--filter__btn-container button:last-child{margin-right:0}.ztxk-table--filter .ztxk-table--filter__btn-container button .anticon{line-height:inherit}.ztxk-table-dynamic--header{margin-bottom:10px}.ztxk-table-dynamic--header>button{margin-bottom:0;margin-right:10px}.ztxk-table-dynamic--header>button:last-child{margin-right:0}.ztxk-table-dynamic--header>button.ant-btn>.anticon+span,.ztxk-table-dynamic--header>button.ant-btn>span+.anticon{margin-left:2px}
|
package/dist/es/table/table.js
CHANGED
|
@@ -26,8 +26,8 @@ import TableDynamicHeader from './components/TableDynamicHeader.js';
|
|
|
26
26
|
import { useExcelExport } from './excel.js';
|
|
27
27
|
import TableMenu from './components/TableMenu.js';
|
|
28
28
|
import { useContextMenu as Fe } from '../node_modules/react-contexify/dist/index.js';
|
|
29
|
-
import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
|
|
30
29
|
import { DndProvider } from '../node_modules/react-dnd/dist/core/DndProvider.js';
|
|
30
|
+
import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
|
|
31
31
|
|
|
32
32
|
// completed: 实现列拖拽切换位置、显隐功能
|
|
33
33
|
// completed: 实现新增行、删除行功能 新增时 可以选择新增多少行 删除时 可以选择删除全部
|