@jiaozhiye/qm-design-react 1.7.5 → 1.7.7

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.
@@ -1,8 +1,8 @@
1
1
  /*
2
2
  * @Author: 焦质晔
3
3
  * @Date: 2023-06-04 09:42:40
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2023-06-04 09:42:40
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2023-06-05 16:47:52
6
6
  */
7
7
  @import '../../style/common';
8
8
 
@@ -21,6 +21,9 @@
21
21
  }
22
22
  }
23
23
  }
24
+ &__view {
25
+ display: block;
26
+ }
24
27
  &__bar {
25
28
  position: absolute;
26
29
  right: 2px;
@@ -41,6 +44,17 @@
41
44
  height: 100%;
42
45
  }
43
46
  }
47
+ // fade-transition
48
+ &.fade {
49
+ transition: all 0.3s ease;
50
+ }
51
+ &.fade.preEnter,
52
+ &.fade.exiting {
53
+ opacity: 0;
54
+ }
55
+ &.fade.exited {
56
+ display: none;
57
+ }
44
58
  }
45
59
  &__thumb {
46
60
  position: relative;
@@ -27465,8 +27465,8 @@ table {
27465
27465
  /*
27466
27466
  * @Author: 焦质晔
27467
27467
  * @Date: 2023-06-04 09:42:40
27468
- * @Last Modified by: 焦质晔
27469
- * @Last Modified time: 2023-06-04 09:42:40
27468
+ * @Last Modified by: 焦质晔
27469
+ * @Last Modified time: 2023-06-05 16:47:52
27470
27470
  */
27471
27471
  .qm-scrollbar {
27472
27472
  position: relative;
@@ -27482,6 +27482,9 @@ table {
27482
27482
  .qm-scrollbar__wrap--hidden::-webkit-scrollbar {
27483
27483
  display: none;
27484
27484
  }
27485
+ .qm-scrollbar__view {
27486
+ display: block;
27487
+ }
27485
27488
  .qm-scrollbar__bar {
27486
27489
  position: absolute;
27487
27490
  right: 2px;
@@ -27503,6 +27506,16 @@ table {
27503
27506
  .qm-scrollbar__bar.is-horizontal > div {
27504
27507
  height: 100%;
27505
27508
  }
27509
+ .qm-scrollbar__bar.fade {
27510
+ transition: all 0.3s ease;
27511
+ }
27512
+ .qm-scrollbar__bar.fade.preEnter,
27513
+ .qm-scrollbar__bar.fade.exiting {
27514
+ opacity: 0;
27515
+ }
27516
+ .qm-scrollbar__bar.fade.exited {
27517
+ display: none;
27518
+ }
27506
27519
  .qm-scrollbar__thumb {
27507
27520
  position: relative;
27508
27521
  display: block;