@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.
@@ -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,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: 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;
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.12
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: 2021-06-12T08:00:11.623Z
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('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");
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: 2022-06-24 14:28:19
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--body-wrapper > .merge-cell-bar {
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--body-wrapper > .merge-cell-bar .btn {
29105
+ .qm-table--merge-cell .btn {
29055
29106
  position: absolute;
29056
29107
  right: -54px;
29057
29108
  bottom: 0;
29058
29109
  }
29059
- .qm-table--body-wrapper > .merge-cell-bar .cancel {
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;
@@ -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';