@jiaozhiye/qm-design-react 1.7.3 → 1.7.4
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/lib/hooks/useDebounce.d.ts +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.esm.js +1 -1
- package/lib/index.full.js +1 -1
- package/lib/index.js +1 -1
- package/lib/scrollbar/index.d.ts +3 -0
- package/lib/scrollbar/src/context.d.ts +6 -0
- package/lib/scrollbar/src/scrollbar.d.ts +25 -0
- package/lib/scrollbar/src/thumb.d.ts +14 -0
- package/lib/scrollbar/style/index.less +58 -0
- package/lib/style/index.css +69 -23
- package/lib/style/index.less +37 -36
- package/lib/style/index.min.css +1 -1
- package/lib/table/src/context/index.d.ts +1 -2
- package/lib/table/src/hooks/useTableCore.d.ts +2 -2
- package/lib/table/src/hooks/useTableRef.d.ts +0 -3
- package/lib/table/src/table/props.d.ts +1 -0
- package/lib/table/src/table/types.d.ts +2 -1
- package/lib/table/style/table.less +19 -22
- package/lib/tabs/style/index.less +5 -5
- package/package.json +1 -1
|
@@ -65,14 +65,13 @@ export type ITableContext = {
|
|
|
65
65
|
setSpinning: (value: boolean) => void;
|
|
66
66
|
setFullScreen: (value: boolean) => void;
|
|
67
67
|
setShouldToTop: (value: boolean) => void;
|
|
68
|
-
setOverlay: (value: boolean) => void;
|
|
69
68
|
doFieldValidate: (rules: IRule[], val: unknown, rowKey: IRowKey, columnKey: string) => void;
|
|
70
69
|
createTableData: (list: IRecord[]) => void;
|
|
71
70
|
createGroupData: (records: IRecord[]) => IRecord[];
|
|
72
71
|
findParentRowKeys: (deriveRowKeys: IDerivedRowKey[], key: IRowKey) => IRowKey[];
|
|
73
72
|
getAllChildRowKeys: (deriveRowKeys: IDerivedRowKey[]) => IRowKey[];
|
|
74
73
|
triggerScrollYEvent: (st: number) => void;
|
|
75
|
-
scrollBottomDebouncer: (event: React.
|
|
74
|
+
scrollBottomDebouncer: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
76
75
|
resetTableScroll: () => void;
|
|
77
76
|
clearTableSorter: () => void;
|
|
78
77
|
clearTableFilter: () => void;
|
|
@@ -75,13 +75,13 @@ declare const useTableCore: <T extends ITableProps>(props: T, extra: IExtra) =>
|
|
|
75
75
|
removed: IRecord<any>[];
|
|
76
76
|
};
|
|
77
77
|
dataChange: () => void;
|
|
78
|
-
tableChange:
|
|
78
|
+
tableChange: (...args: any[]) => void;
|
|
79
79
|
toLastPage: () => void;
|
|
80
80
|
toFirstPage: () => void;
|
|
81
81
|
getPageCount: () => number;
|
|
82
82
|
pagerChangeHandle: ({ current, pageSize }: Omit<IPagination, 'total'>) => void;
|
|
83
83
|
triggerScrollYEvent: (st: number) => void;
|
|
84
|
-
scrollBottomDebouncer:
|
|
84
|
+
scrollBottomDebouncer: (...args: any[]) => void;
|
|
85
85
|
clearTableSorter: () => void;
|
|
86
86
|
clearTableFilter: () => void;
|
|
87
87
|
clearSuperFilters: () => void;
|
|
@@ -38,7 +38,6 @@ export type ITableRef = {
|
|
|
38
38
|
selectionRows: IRecord[];
|
|
39
39
|
recordsMap: Map<IRowKey, IRecord>;
|
|
40
40
|
isHandleChange: boolean;
|
|
41
|
-
isOverlay: boolean;
|
|
42
41
|
isIE: boolean;
|
|
43
42
|
};
|
|
44
43
|
type IExtra = {
|
|
@@ -63,7 +62,6 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
|
|
|
63
62
|
setSelectionRows: (selectKeys: IRecord[]) => void;
|
|
64
63
|
setRecordsMap: (key: IRowKey, value: IRecord) => void;
|
|
65
64
|
setHandleChange: (value: boolean) => void;
|
|
66
|
-
setOverlay: (value: boolean) => void;
|
|
67
65
|
clearElementStore: () => void;
|
|
68
66
|
clearRecordsMap: () => void;
|
|
69
67
|
uid: string;
|
|
@@ -101,7 +99,6 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
|
|
|
101
99
|
selectionRows: IRecord[];
|
|
102
100
|
recordsMap: Map<IRowKey, IRecord>;
|
|
103
101
|
isHandleChange: boolean;
|
|
104
|
-
isOverlay: boolean;
|
|
105
102
|
isIE: boolean;
|
|
106
103
|
tableRef: React.MutableRefObject<ITableRef>;
|
|
107
104
|
};
|
|
@@ -134,6 +134,7 @@ export declare const propTypes: {
|
|
|
134
134
|
customClass: PropTypes.Requireable<string>;
|
|
135
135
|
showHeader: PropTypes.Requireable<boolean>;
|
|
136
136
|
ellipsis: PropTypes.Requireable<boolean>;
|
|
137
|
+
nativeScrollBar: PropTypes.Requireable<boolean>;
|
|
137
138
|
rowStyle: PropTypes.Requireable<object>;
|
|
138
139
|
cellStyle: PropTypes.Requireable<object>;
|
|
139
140
|
mergeCells: PropTypes.Requireable<any[]>;
|
|
@@ -333,6 +333,7 @@ export type ITableProps = {
|
|
|
333
333
|
customClass?: string;
|
|
334
334
|
showHeader?: boolean;
|
|
335
335
|
ellipsis?: boolean;
|
|
336
|
+
nativeScrollBar?: boolean;
|
|
336
337
|
rowStyle?: CSSProperties | ((row: IRecord, rowIndex: number) => CSSProperties);
|
|
337
338
|
cellStyle?: CSSProperties | ((row: IRecord, column: IColumn, rowIndex: number, columnIndex: number) => CSSProperties);
|
|
338
339
|
mergeCells?: IMergeCell[];
|
|
@@ -389,7 +390,7 @@ export type ITableProps = {
|
|
|
389
390
|
onRowDblclick?: (row: IRecord, column: IColumn, event: React.MouseEvent<HTMLTableCellElement>) => void;
|
|
390
391
|
onRowContextmenu?: (row: IRecord, column: IColumn, event: React.MouseEvent<HTMLTableCellElement>) => void;
|
|
391
392
|
onRowEnter?: (row: IRecord, event: KeyboardEvent) => void;
|
|
392
|
-
onScrollEnd?: (event: React.
|
|
393
|
+
onScrollEnd?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
393
394
|
onMergeChange?: (cells: IMergeCell[]) => void;
|
|
394
395
|
};
|
|
395
396
|
export type TableRef = {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: 焦质晔
|
|
3
3
|
* @Date: 2021-07-23 19:05:57
|
|
4
4
|
* @Last Modified by: 焦质晔
|
|
5
|
-
* @Last Modified time:
|
|
5
|
+
* @Last Modified time: 2023-06-03 21:46:35
|
|
6
6
|
*/
|
|
7
7
|
@import '../../style/common';
|
|
8
8
|
|
|
@@ -68,21 +68,22 @@
|
|
|
68
68
|
&--body-wrapper {
|
|
69
69
|
overflow-y: auto;
|
|
70
70
|
overflow-x: auto;
|
|
71
|
-
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&--merge-cell {
|
|
74
|
+
position: absolute;
|
|
75
|
+
display: none;
|
|
76
|
+
border: 2px solid @v-primary-color;
|
|
77
|
+
border-radius: @v-border-radius;
|
|
78
|
+
background-color: rgba(255, 255, 255, 0.3);
|
|
79
|
+
z-index: 9;
|
|
80
|
+
.btn {
|
|
72
81
|
position: absolute;
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
.btn {
|
|
79
|
-
position: absolute;
|
|
80
|
-
right: -54px;
|
|
81
|
-
bottom: 0;
|
|
82
|
-
}
|
|
83
|
-
.cancel {
|
|
84
|
-
bottom: 30px;
|
|
85
|
-
}
|
|
82
|
+
right: -54px;
|
|
83
|
+
bottom: 0;
|
|
84
|
+
}
|
|
85
|
+
.cancel {
|
|
86
|
+
bottom: 30px;
|
|
86
87
|
}
|
|
87
88
|
}
|
|
88
89
|
|
|
@@ -218,13 +219,6 @@
|
|
|
218
219
|
.cell-fix-right {
|
|
219
220
|
position: sticky;
|
|
220
221
|
z-index: 2;
|
|
221
|
-
.gutter-overlay {
|
|
222
|
-
content: '';
|
|
223
|
-
position: absolute;
|
|
224
|
-
top: 0;
|
|
225
|
-
bottom: -1px;
|
|
226
|
-
background-color: @v-table-background-color;
|
|
227
|
-
}
|
|
228
222
|
}
|
|
229
223
|
.cell-fix-left-last {
|
|
230
224
|
&::after {
|
|
@@ -313,6 +307,9 @@
|
|
|
313
307
|
width: 0;
|
|
314
308
|
float: left;
|
|
315
309
|
visibility: hidden;
|
|
310
|
+
&::after {
|
|
311
|
+
content: '.';
|
|
312
|
+
}
|
|
316
313
|
}
|
|
317
314
|
|
|
318
315
|
/* 列宽线 */
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: 焦质晔
|
|
3
3
|
* @Date: 2021-07-23 19:05:57
|
|
4
4
|
* @Last Modified by: 焦质晔
|
|
5
|
-
* @Last Modified time:
|
|
5
|
+
* @Last Modified time: 2023-06-04 10:46:23
|
|
6
6
|
*/
|
|
7
7
|
@import '../../style/common';
|
|
8
8
|
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
.ant-tabs-nav {
|
|
13
13
|
margin-bottom: @--margin-md;
|
|
14
14
|
}
|
|
15
|
-
&.ant-tabs-top .ant-tabs-tab {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
15
|
+
// &.ant-tabs-top .ant-tabs-tab {
|
|
16
|
+
// padding-left: @--padding-md;
|
|
17
|
+
// padding-right: @--padding-md;
|
|
18
|
+
// }
|
|
19
19
|
// ------ size ------
|
|
20
20
|
// 40 32 24
|
|
21
21
|
&--lg {
|