@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
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { CSSProperties } from '../../_utils/types';
|
|
3
|
+
type IEvent = {
|
|
4
|
+
scrollTop: number;
|
|
5
|
+
scrollLeft: number;
|
|
6
|
+
};
|
|
7
|
+
type IProps = {
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: CSSProperties;
|
|
10
|
+
wrapClassName?: string;
|
|
11
|
+
wrapStyle?: CSSProperties;
|
|
12
|
+
barWidth?: number;
|
|
13
|
+
always?: boolean;
|
|
14
|
+
minSize?: number;
|
|
15
|
+
native?: boolean;
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
onScroll?: (event: IEvent) => void;
|
|
18
|
+
};
|
|
19
|
+
type ScrollbarRef = {
|
|
20
|
+
SET_SCROLL_TOP: (value: number) => void;
|
|
21
|
+
SET_SCROLL_LEFT: (value: number) => void;
|
|
22
|
+
};
|
|
23
|
+
export type QmScrollbarProps = IProps;
|
|
24
|
+
declare const QmScrollbar: React.ForwardRefExoticComponent<IProps & React.RefAttributes<ScrollbarRef>>;
|
|
25
|
+
export default QmScrollbar;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type IThumbOption = {
|
|
3
|
+
size: number;
|
|
4
|
+
offset: number;
|
|
5
|
+
ratio: number;
|
|
6
|
+
};
|
|
7
|
+
type IProps = {
|
|
8
|
+
thumb: IThumbOption;
|
|
9
|
+
direction?: 'horizontal' | 'vertical';
|
|
10
|
+
barSize?: number;
|
|
11
|
+
always?: boolean;
|
|
12
|
+
};
|
|
13
|
+
declare const Thumb: React.FC<IProps>;
|
|
14
|
+
export default Thumb;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* @Author: 焦质晔
|
|
3
|
+
* @Date: 2023-06-04 09:42:40
|
|
4
|
+
* @Last Modified by: 焦质晔
|
|
5
|
+
* @Last Modified time: 2023-06-04 09:42:40
|
|
6
|
+
*/
|
|
7
|
+
@import '../../style/common';
|
|
8
|
+
|
|
9
|
+
@prefix-scrollbar: ~'@{qm-prefix}-scrollbar';
|
|
10
|
+
|
|
11
|
+
.@{prefix-scrollbar} {
|
|
12
|
+
position: relative;
|
|
13
|
+
&__wrap {
|
|
14
|
+
display: grid;
|
|
15
|
+
height: 100%;
|
|
16
|
+
overflow: auto;
|
|
17
|
+
&--hidden {
|
|
18
|
+
scrollbar-width: none;
|
|
19
|
+
&::-webkit-scrollbar {
|
|
20
|
+
display: none;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
&__bar {
|
|
25
|
+
position: absolute;
|
|
26
|
+
right: 2px;
|
|
27
|
+
bottom: 2px;
|
|
28
|
+
z-index: 2;
|
|
29
|
+
border-radius: 4px;
|
|
30
|
+
&.is-vertical {
|
|
31
|
+
width: 6px;
|
|
32
|
+
top: 2px;
|
|
33
|
+
& > div {
|
|
34
|
+
width: 100%;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
&.is-horizontal {
|
|
38
|
+
height: 6px;
|
|
39
|
+
left: 2px;
|
|
40
|
+
& > div {
|
|
41
|
+
height: 100%;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
&__thumb {
|
|
46
|
+
position: relative;
|
|
47
|
+
display: block;
|
|
48
|
+
width: 0;
|
|
49
|
+
height: 0;
|
|
50
|
+
cursor: pointer;
|
|
51
|
+
border-radius: inherit;
|
|
52
|
+
background-color: #909090;
|
|
53
|
+
opacity: 0.3;
|
|
54
|
+
&:hover {
|
|
55
|
+
opacity: 0.5;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
package/lib/style/index.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @Author: 焦质晔
|
|
3
3
|
* @Date: 2021-07-23 18:23:59
|
|
4
4
|
* @Last Modified by: 焦质晔
|
|
5
|
-
* @Last Modified time:
|
|
5
|
+
* @Last Modified time: 2023-06-04 09:41:19
|
|
6
6
|
*/
|
|
7
7
|
/*
|
|
8
8
|
* @Author: 焦质晔
|
|
@@ -27462,6 +27462,60 @@ table {
|
|
|
27462
27462
|
.qm-spin-full-height .ant-spin-container {
|
|
27463
27463
|
height: 100%;
|
|
27464
27464
|
}
|
|
27465
|
+
/*
|
|
27466
|
+
* @Author: 焦质晔
|
|
27467
|
+
* @Date: 2023-06-04 09:42:40
|
|
27468
|
+
* @Last Modified by: 焦质晔
|
|
27469
|
+
* @Last Modified time: 2023-06-04 09:42:40
|
|
27470
|
+
*/
|
|
27471
|
+
.qm-scrollbar {
|
|
27472
|
+
position: relative;
|
|
27473
|
+
}
|
|
27474
|
+
.qm-scrollbar__wrap {
|
|
27475
|
+
display: grid;
|
|
27476
|
+
height: 100%;
|
|
27477
|
+
overflow: auto;
|
|
27478
|
+
}
|
|
27479
|
+
.qm-scrollbar__wrap--hidden {
|
|
27480
|
+
scrollbar-width: none;
|
|
27481
|
+
}
|
|
27482
|
+
.qm-scrollbar__wrap--hidden::-webkit-scrollbar {
|
|
27483
|
+
display: none;
|
|
27484
|
+
}
|
|
27485
|
+
.qm-scrollbar__bar {
|
|
27486
|
+
position: absolute;
|
|
27487
|
+
right: 2px;
|
|
27488
|
+
bottom: 2px;
|
|
27489
|
+
z-index: 2;
|
|
27490
|
+
border-radius: 4px;
|
|
27491
|
+
}
|
|
27492
|
+
.qm-scrollbar__bar.is-vertical {
|
|
27493
|
+
width: 6px;
|
|
27494
|
+
top: 2px;
|
|
27495
|
+
}
|
|
27496
|
+
.qm-scrollbar__bar.is-vertical > div {
|
|
27497
|
+
width: 100%;
|
|
27498
|
+
}
|
|
27499
|
+
.qm-scrollbar__bar.is-horizontal {
|
|
27500
|
+
height: 6px;
|
|
27501
|
+
left: 2px;
|
|
27502
|
+
}
|
|
27503
|
+
.qm-scrollbar__bar.is-horizontal > div {
|
|
27504
|
+
height: 100%;
|
|
27505
|
+
}
|
|
27506
|
+
.qm-scrollbar__thumb {
|
|
27507
|
+
position: relative;
|
|
27508
|
+
display: block;
|
|
27509
|
+
width: 0;
|
|
27510
|
+
height: 0;
|
|
27511
|
+
cursor: pointer;
|
|
27512
|
+
border-radius: inherit;
|
|
27513
|
+
background-color: #909090;
|
|
27514
|
+
opacity: 0.3;
|
|
27515
|
+
}
|
|
27516
|
+
.qm-scrollbar__thumb:hover {
|
|
27517
|
+
opacity: 0.5;
|
|
27518
|
+
}
|
|
27465
27519
|
/*
|
|
27466
27520
|
* @Author: 焦质晔
|
|
27467
27521
|
* @Date: 2021-07-23 19:05:57
|
|
@@ -27564,15 +27618,11 @@ table {
|
|
|
27564
27618
|
* @Author: 焦质晔
|
|
27565
27619
|
* @Date: 2021-07-23 19:05:57
|
|
27566
27620
|
* @Last Modified by: 焦质晔
|
|
27567
|
-
* @Last Modified time:
|
|
27621
|
+
* @Last Modified time: 2023-06-04 10:46:23
|
|
27568
27622
|
*/
|
|
27569
27623
|
.qm-tabs .ant-tabs-nav {
|
|
27570
27624
|
margin-bottom: 10px;
|
|
27571
27625
|
}
|
|
27572
|
-
.qm-tabs.ant-tabs-top .ant-tabs-tab {
|
|
27573
|
-
padding-left: 10px;
|
|
27574
|
-
padding-right: 10px;
|
|
27575
|
-
}
|
|
27576
27626
|
.ant-tabs-content:not(.ant-tabs-content-animated) {
|
|
27577
27627
|
position: static;
|
|
27578
27628
|
}
|
|
@@ -28028,13 +28078,13 @@ table {
|
|
|
28028
28078
|
* @Last Modified time: 2022-04-16 09:25:12
|
|
28029
28079
|
*/
|
|
28030
28080
|
/*!
|
|
28031
|
-
* Cropper.js v1.5.
|
|
28081
|
+
* Cropper.js v1.5.13
|
|
28032
28082
|
* https://fengyuanchen.github.io/cropperjs
|
|
28033
28083
|
*
|
|
28034
28084
|
* Copyright 2015-present Chen Fengyuan
|
|
28035
28085
|
* Released under the MIT license
|
|
28036
28086
|
*
|
|
28037
|
-
* Date:
|
|
28087
|
+
* Date: 2022-11-20T05:30:43.444Z
|
|
28038
28088
|
*/
|
|
28039
28089
|
.cropper-container {
|
|
28040
28090
|
direction: ltr;
|
|
@@ -28047,6 +28097,7 @@ table {
|
|
|
28047
28097
|
user-select: none;
|
|
28048
28098
|
}
|
|
28049
28099
|
.cropper-container img {
|
|
28100
|
+
backface-visibility: hidden;
|
|
28050
28101
|
display: block;
|
|
28051
28102
|
height: 100%;
|
|
28052
28103
|
image-orientation: 0deg;
|
|
@@ -28121,7 +28172,7 @@ table {
|
|
|
28121
28172
|
.cropper-center::before,
|
|
28122
28173
|
.cropper-center::after {
|
|
28123
28174
|
background-color: #eee;
|
|
28124
|
-
content:
|
|
28175
|
+
content: " ";
|
|
28125
28176
|
display: block;
|
|
28126
28177
|
position: absolute;
|
|
28127
28178
|
}
|
|
@@ -28253,7 +28304,7 @@ table {
|
|
|
28253
28304
|
.cropper-point.point-se::before {
|
|
28254
28305
|
background-color: #39f;
|
|
28255
28306
|
bottom: -50%;
|
|
28256
|
-
content:
|
|
28307
|
+
content: " ";
|
|
28257
28308
|
display: block;
|
|
28258
28309
|
height: 200%;
|
|
28259
28310
|
opacity: 0;
|
|
@@ -28265,7 +28316,7 @@ table {
|
|
|
28265
28316
|
opacity: 0;
|
|
28266
28317
|
}
|
|
28267
28318
|
.cropper-bg {
|
|
28268
|
-
background-image: url(
|
|
28319
|
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
|
|
28269
28320
|
}
|
|
28270
28321
|
.cropper-hide {
|
|
28271
28322
|
display: block;
|
|
@@ -28973,7 +29024,7 @@ table {
|
|
|
28973
29024
|
* @Author: 焦质晔
|
|
28974
29025
|
* @Date: 2021-07-23 19:05:57
|
|
28975
29026
|
* @Last Modified by: 焦质晔
|
|
28976
|
-
* @Last Modified time:
|
|
29027
|
+
* @Last Modified time: 2023-06-03 21:46:35
|
|
28977
29028
|
*/
|
|
28978
29029
|
.qm-table--wrapper {
|
|
28979
29030
|
box-sizing: border-box;
|
|
@@ -29043,7 +29094,7 @@ table {
|
|
|
29043
29094
|
overflow-y: auto;
|
|
29044
29095
|
overflow-x: auto;
|
|
29045
29096
|
}
|
|
29046
|
-
.qm-table--
|
|
29097
|
+
.qm-table--merge-cell {
|
|
29047
29098
|
position: absolute;
|
|
29048
29099
|
display: none;
|
|
29049
29100
|
border: 2px solid #1890ff;
|
|
@@ -29051,12 +29102,12 @@ table {
|
|
|
29051
29102
|
background-color: rgba(255, 255, 255, 0.3);
|
|
29052
29103
|
z-index: 9;
|
|
29053
29104
|
}
|
|
29054
|
-
.qm-table--
|
|
29105
|
+
.qm-table--merge-cell .btn {
|
|
29055
29106
|
position: absolute;
|
|
29056
29107
|
right: -54px;
|
|
29057
29108
|
bottom: 0;
|
|
29058
29109
|
}
|
|
29059
|
-
.qm-table--
|
|
29110
|
+
.qm-table--merge-cell .cancel {
|
|
29060
29111
|
bottom: 30px;
|
|
29061
29112
|
}
|
|
29062
29113
|
.qm-table.c--resize {
|
|
@@ -29182,14 +29233,6 @@ table {
|
|
|
29182
29233
|
position: sticky;
|
|
29183
29234
|
z-index: 2;
|
|
29184
29235
|
}
|
|
29185
|
-
.qm-table.is--fixed .cell-fix-left .gutter-overlay,
|
|
29186
|
-
.qm-table.is--fixed .cell-fix-right .gutter-overlay {
|
|
29187
|
-
content: '';
|
|
29188
|
-
position: absolute;
|
|
29189
|
-
top: 0;
|
|
29190
|
-
bottom: -1px;
|
|
29191
|
-
background-color: #ffffff;
|
|
29192
|
-
}
|
|
29193
29236
|
.qm-table.is--fixed .cell-fix-left-last::after {
|
|
29194
29237
|
content: '';
|
|
29195
29238
|
position: absolute;
|
|
@@ -29261,6 +29304,9 @@ table {
|
|
|
29261
29304
|
float: left;
|
|
29262
29305
|
visibility: hidden;
|
|
29263
29306
|
}
|
|
29307
|
+
.qm-table .body--y-space::after {
|
|
29308
|
+
content: '.';
|
|
29309
|
+
}
|
|
29264
29310
|
.qm-table--resizable-bar {
|
|
29265
29311
|
display: none;
|
|
29266
29312
|
position: absolute;
|
package/lib/style/index.less
CHANGED
|
@@ -1,36 +1,37 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* @Author: 焦质晔
|
|
3
|
-
* @Date: 2021-07-23 18:23:59
|
|
4
|
-
* @Last Modified by: 焦质晔
|
|
5
|
-
* @Last Modified time:
|
|
6
|
-
*/
|
|
7
|
-
@import '../antd/index.less';
|
|
8
|
-
@import './var.less';
|
|
9
|
-
@import './reset.less';
|
|
10
|
-
|
|
11
|
-
/* QmDesign */
|
|
12
|
-
@import '../button/style/index.less';
|
|
13
|
-
@import '../space/style/index.less';
|
|
14
|
-
@import '../divider/style/index.less';
|
|
15
|
-
@import '../split/style/index.less';
|
|
16
|
-
@import '../countup/style/index.less';
|
|
17
|
-
@import '../empty/style/index.less';
|
|
18
|
-
@import '../spin/style/index.less';
|
|
19
|
-
@import '../
|
|
20
|
-
@import '../
|
|
21
|
-
@import '../
|
|
22
|
-
@import '../
|
|
23
|
-
@import '../
|
|
24
|
-
@import '../
|
|
25
|
-
@import '../
|
|
26
|
-
@import '../
|
|
27
|
-
@import '../
|
|
28
|
-
@import '../
|
|
29
|
-
@import '../upload-
|
|
30
|
-
@import '../
|
|
31
|
-
@import '../
|
|
32
|
-
@import '../
|
|
33
|
-
@import '../tree-
|
|
34
|
-
@import '../
|
|
35
|
-
@import '../
|
|
36
|
-
@import '../
|
|
1
|
+
/*
|
|
2
|
+
* @Author: 焦质晔
|
|
3
|
+
* @Date: 2021-07-23 18:23:59
|
|
4
|
+
* @Last Modified by: 焦质晔
|
|
5
|
+
* @Last Modified time: 2023-06-04 09:41:19
|
|
6
|
+
*/
|
|
7
|
+
@import '../antd/index.less';
|
|
8
|
+
@import './var.less';
|
|
9
|
+
@import './reset.less';
|
|
10
|
+
|
|
11
|
+
/* QmDesign */
|
|
12
|
+
@import '../button/style/index.less';
|
|
13
|
+
@import '../space/style/index.less';
|
|
14
|
+
@import '../divider/style/index.less';
|
|
15
|
+
@import '../split/style/index.less';
|
|
16
|
+
@import '../countup/style/index.less';
|
|
17
|
+
@import '../empty/style/index.less';
|
|
18
|
+
@import '../spin/style/index.less';
|
|
19
|
+
@import '../scrollbar/style/index.less';
|
|
20
|
+
@import '../download/style/index.less';
|
|
21
|
+
@import '../anchor/style/index.less';
|
|
22
|
+
@import '../tabs/style/index.less';
|
|
23
|
+
@import '../drawer/style/index.less';
|
|
24
|
+
@import '../modal/style/index.less';
|
|
25
|
+
@import '../form/style/index.less';
|
|
26
|
+
@import '../tinymce/style/index.less';
|
|
27
|
+
@import '../cropper/style/index.less';
|
|
28
|
+
@import '../collapse/style/index.less';
|
|
29
|
+
@import '../upload-file/style/index.less';
|
|
30
|
+
@import '../upload-img/style/index.less';
|
|
31
|
+
@import '../table/style/index.less';
|
|
32
|
+
@import '../search-helper/style/index.less';
|
|
33
|
+
@import '../tree-helper/style/index.less';
|
|
34
|
+
@import '../tree-table-helper/style/index.less';
|
|
35
|
+
@import '../range-table-helper/style/index.less';
|
|
36
|
+
@import '../search-tree/style/index.less';
|
|
37
|
+
@import '../print/style/index.less';
|