@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.
@@ -0,0 +1,3 @@
1
+ import Scrollbar from './src/scrollbar';
2
+ export type { QmScrollbarProps } from './src/scrollbar';
3
+ export default Scrollbar;
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export type IScrollbarContext = {
3
+ scrollbarElement: React.RefObject<HTMLElement>;
4
+ wrapElement: React.RefObject<HTMLElement>;
5
+ };
6
+ export declare const ScrollbarContext: React.Context<IScrollbarContext | undefined>;
@@ -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
+ }
@@ -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: 2022-09-04 14:28:23
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: 2022-03-16 20:33:11
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;
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.12
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: 2021-06-12T08:00:11.623Z
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('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
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: 2022-06-24 14:28:19
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--body-wrapper > .merge-cell-bar {
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--body-wrapper > .merge-cell-bar .btn {
29105
+ .qm-table--merge-cell .btn {
29052
29106
  position: absolute;
29053
29107
  right: -54px;
29054
29108
  bottom: 0;
29055
29109
  }
29056
- .qm-table--body-wrapper > .merge-cell-bar .cancel {
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;
@@ -1,36 +1,37 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2021-07-23 18:23:59
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-09-04 14:28:23
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 '../download/style/index.less';
20
- @import '../anchor/style/index.less';
21
- @import '../tabs/style/index.less';
22
- @import '../drawer/style/index.less';
23
- @import '../modal/style/index.less';
24
- @import '../form/style/index.less';
25
- @import '../tinymce/style/index.less';
26
- @import '../cropper/style/index.less';
27
- @import '../collapse/style/index.less';
28
- @import '../upload-file/style/index.less';
29
- @import '../upload-img/style/index.less';
30
- @import '../table/style/index.less';
31
- @import '../search-helper/style/index.less';
32
- @import '../tree-helper/style/index.less';
33
- @import '../tree-table-helper/style/index.less';
34
- @import '../range-table-helper/style/index.less';
35
- @import '../search-tree/style/index.less';
36
- @import '../print/style/index.less';
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';