@jiaozhiye/qm-design-react 1.7.2 → 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 +71 -22
- 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 +12 -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,14 +27618,13 @@ 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
|
-
.
|
|
27573
|
-
|
|
27574
|
-
padding-right: 10px;
|
|
27626
|
+
.ant-tabs-content:not(.ant-tabs-content-animated) {
|
|
27627
|
+
position: static;
|
|
27575
27628
|
}
|
|
27576
27629
|
/*
|
|
27577
27630
|
* @Author: 焦质晔
|
|
@@ -28025,13 +28078,13 @@ table {
|
|
|
28025
28078
|
* @Last Modified time: 2022-04-16 09:25:12
|
|
28026
28079
|
*/
|
|
28027
28080
|
/*!
|
|
28028
|
-
* Cropper.js v1.5.
|
|
28081
|
+
* Cropper.js v1.5.13
|
|
28029
28082
|
* https://fengyuanchen.github.io/cropperjs
|
|
28030
28083
|
*
|
|
28031
28084
|
* Copyright 2015-present Chen Fengyuan
|
|
28032
28085
|
* Released under the MIT license
|
|
28033
28086
|
*
|
|
28034
|
-
* Date:
|
|
28087
|
+
* Date: 2022-11-20T05:30:43.444Z
|
|
28035
28088
|
*/
|
|
28036
28089
|
.cropper-container {
|
|
28037
28090
|
direction: ltr;
|
|
@@ -28044,6 +28097,7 @@ table {
|
|
|
28044
28097
|
user-select: none;
|
|
28045
28098
|
}
|
|
28046
28099
|
.cropper-container img {
|
|
28100
|
+
backface-visibility: hidden;
|
|
28047
28101
|
display: block;
|
|
28048
28102
|
height: 100%;
|
|
28049
28103
|
image-orientation: 0deg;
|
|
@@ -28118,7 +28172,7 @@ table {
|
|
|
28118
28172
|
.cropper-center::before,
|
|
28119
28173
|
.cropper-center::after {
|
|
28120
28174
|
background-color: #eee;
|
|
28121
|
-
content:
|
|
28175
|
+
content: " ";
|
|
28122
28176
|
display: block;
|
|
28123
28177
|
position: absolute;
|
|
28124
28178
|
}
|
|
@@ -28250,7 +28304,7 @@ table {
|
|
|
28250
28304
|
.cropper-point.point-se::before {
|
|
28251
28305
|
background-color: #39f;
|
|
28252
28306
|
bottom: -50%;
|
|
28253
|
-
content:
|
|
28307
|
+
content: " ";
|
|
28254
28308
|
display: block;
|
|
28255
28309
|
height: 200%;
|
|
28256
28310
|
opacity: 0;
|
|
@@ -28262,7 +28316,7 @@ table {
|
|
|
28262
28316
|
opacity: 0;
|
|
28263
28317
|
}
|
|
28264
28318
|
.cropper-bg {
|
|
28265
|
-
background-image: url(
|
|
28319
|
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
|
|
28266
28320
|
}
|
|
28267
28321
|
.cropper-hide {
|
|
28268
28322
|
display: block;
|
|
@@ -28970,7 +29024,7 @@ table {
|
|
|
28970
29024
|
* @Author: 焦质晔
|
|
28971
29025
|
* @Date: 2021-07-23 19:05:57
|
|
28972
29026
|
* @Last Modified by: 焦质晔
|
|
28973
|
-
* @Last Modified time:
|
|
29027
|
+
* @Last Modified time: 2023-06-03 21:46:35
|
|
28974
29028
|
*/
|
|
28975
29029
|
.qm-table--wrapper {
|
|
28976
29030
|
box-sizing: border-box;
|
|
@@ -29040,7 +29094,7 @@ table {
|
|
|
29040
29094
|
overflow-y: auto;
|
|
29041
29095
|
overflow-x: auto;
|
|
29042
29096
|
}
|
|
29043
|
-
.qm-table--
|
|
29097
|
+
.qm-table--merge-cell {
|
|
29044
29098
|
position: absolute;
|
|
29045
29099
|
display: none;
|
|
29046
29100
|
border: 2px solid #1890ff;
|
|
@@ -29048,12 +29102,12 @@ table {
|
|
|
29048
29102
|
background-color: rgba(255, 255, 255, 0.3);
|
|
29049
29103
|
z-index: 9;
|
|
29050
29104
|
}
|
|
29051
|
-
.qm-table--
|
|
29105
|
+
.qm-table--merge-cell .btn {
|
|
29052
29106
|
position: absolute;
|
|
29053
29107
|
right: -54px;
|
|
29054
29108
|
bottom: 0;
|
|
29055
29109
|
}
|
|
29056
|
-
.qm-table--
|
|
29110
|
+
.qm-table--merge-cell .cancel {
|
|
29057
29111
|
bottom: 30px;
|
|
29058
29112
|
}
|
|
29059
29113
|
.qm-table.c--resize {
|
|
@@ -29179,14 +29233,6 @@ table {
|
|
|
29179
29233
|
position: sticky;
|
|
29180
29234
|
z-index: 2;
|
|
29181
29235
|
}
|
|
29182
|
-
.qm-table.is--fixed .cell-fix-left .gutter-overlay,
|
|
29183
|
-
.qm-table.is--fixed .cell-fix-right .gutter-overlay {
|
|
29184
|
-
content: '';
|
|
29185
|
-
position: absolute;
|
|
29186
|
-
top: 0;
|
|
29187
|
-
bottom: -1px;
|
|
29188
|
-
background-color: #ffffff;
|
|
29189
|
-
}
|
|
29190
29236
|
.qm-table.is--fixed .cell-fix-left-last::after {
|
|
29191
29237
|
content: '';
|
|
29192
29238
|
position: absolute;
|
|
@@ -29258,6 +29304,9 @@ table {
|
|
|
29258
29304
|
float: left;
|
|
29259
29305
|
visibility: hidden;
|
|
29260
29306
|
}
|
|
29307
|
+
.qm-table .body--y-space::after {
|
|
29308
|
+
content: '.';
|
|
29309
|
+
}
|
|
29261
29310
|
.qm-table--resizable-bar {
|
|
29262
29311
|
display: none;
|
|
29263
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';
|