@jiaozhiye/qm-design-react 1.8.1 → 1.8.3

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.
Files changed (46) hide show
  1. package/lib/_utils/util.d.ts +1 -0
  2. package/lib/drawer/src/drawer.d.ts +2 -0
  3. package/lib/drawer/style/index.less +101 -82
  4. package/lib/hooks/useMemo.d.ts +1 -0
  5. package/lib/index.esm.js +1 -1
  6. package/lib/index.full.js +1 -1
  7. package/lib/index.js +1 -1
  8. package/lib/lazy-load/style/index.less +15 -15
  9. package/lib/modal/src/modal.d.ts +2 -0
  10. package/lib/modal/style/index.less +116 -95
  11. package/lib/style/index.css +55 -19
  12. package/lib/style/index.less +40 -40
  13. package/lib/style/index.min.css +1 -1
  14. package/lib/table/src/body/context.d.ts +4 -0
  15. package/lib/table/src/cell/index.d.ts +13 -0
  16. package/lib/table/src/cell/useCellText.d.ts +6 -0
  17. package/lib/table/src/{body → cell}/useValueFormat.d.ts +1 -2
  18. package/lib/table/src/context/index.d.ts +2 -2
  19. package/lib/table/src/edit/index.d.ts +1 -3
  20. package/lib/table/src/hooks/useImperativeMethod.d.ts +1 -2
  21. package/lib/table/src/hooks/useTableRef.d.ts +2 -0
  22. package/lib/table/src/hooks/useTableState.d.ts +3 -0
  23. package/lib/table/src/table/props.d.ts +1 -0
  24. package/lib/table/src/table/types.d.ts +1 -1
  25. package/lib/table/style/alert.less +32 -34
  26. package/lib/table/style/clipboard.less +27 -29
  27. package/lib/table/style/column-filter.less +0 -2
  28. package/lib/table/style/empty.less +17 -19
  29. package/lib/table/style/export.less +24 -26
  30. package/lib/table/style/fast-search.less +108 -110
  31. package/lib/table/style/footer.less +31 -33
  32. package/lib/table/style/full-screen.less +19 -21
  33. package/lib/table/style/group-summary.less +91 -93
  34. package/lib/table/style/header.less +205 -207
  35. package/lib/table/style/import.less +23 -25
  36. package/lib/table/style/pager.less +27 -29
  37. package/lib/table/style/print.less +19 -21
  38. package/lib/table/style/reload.less +19 -21
  39. package/lib/table/style/select-collection.less +19 -21
  40. package/lib/table/style/size.less +86 -88
  41. package/lib/table/style/super-search.less +100 -102
  42. package/lib/table/style/table.less +0 -2
  43. package/lib/table/style/tollbox.less +37 -39
  44. package/lib/table/style/toper.less +29 -31
  45. package/lib/table/style/variable.less +50 -48
  46. package/package.json +139 -139
package/lib/lazy-load/style/index.less CHANGED
@@ -1,15 +1,15 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2022-01-11 18:01:20
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2024-02-28 21:22:17
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-lazy-load: ~'@{qm-prefix}-lazy-load';
10
-
11
- .@{prefix-lazy-load} {
12
- .placeholder {
13
- min-height: 200px;
14
- }
15
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2022-01-11 18:01:20
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2024-02-28 21:22:17
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-lazy-load: ~'@{qm-prefix}-lazy-load';
10
+
11
+ .@{prefix-lazy-load} {
12
+ .placeholder {
13
+ min-height: 200px;
14
+ }
15
+ }
package/lib/modal/src/modal.d.ts CHANGED
@@ -9,6 +9,7 @@ type IProps = AntModalProps & {
9
9
  height?: number | string;
10
10
  loading?: boolean;
11
11
  draggable?: boolean;
12
+ showHeader?: boolean;
12
13
  showFullScreen?: boolean;
13
14
  stopMouseDownEvent?: boolean;
14
15
  onClose?: (e: EventType) => void;
@@ -41,6 +42,7 @@ declare class QmModal extends Component<IProps, IState> {
41
42
  private $event;
42
43
  static defaultProps: {
43
44
  width: string;
45
+ showHeader: boolean;
44
46
  showFullScreen: boolean;
45
47
  destroyOnClose: boolean;
46
48
  draggable: boolean;
package/lib/modal/style/index.less CHANGED
@@ -1,95 +1,116 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2021-07-23 19:05:57
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-11-26 20:25:21
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-modal: ~'@{qm-prefix}-modal';
10
-
11
- .@{prefix-modal} {
12
- .ant-modal-header {
13
- display: flex;
14
- align-items: center;
15
- flex-shrink: 0;
16
- height: 44px;
17
- padding: 0 15px;
18
- border-bottom: 1px solid @--border-color-secondary;
19
- .ant-modal-title {
20
- width: 100%;
21
- > div {
22
- display: flex;
23
- align-items: center;
24
- justify-content: space-between;
25
- padding-right: 20px;
26
- cursor: move;
27
- .full-screen {
28
- padding: @--padding-md 5px @--padding-md @--padding-md;
29
- color: @--text-color-secondary;
30
- line-height: 1;
31
- font-size: @--font-size-lg;
32
- transition: all 0.3s ease;
33
- cursor: pointer;
34
- &:hover {
35
- color: @--text-color;
36
- }
37
- }
38
- }
39
- }
40
- }
41
- .ant-modal-close {
42
- top: 3px;
43
- font-size: 17px;
44
- padding: @--padding-md 15px @--padding-md 5px;
45
- .ant-modal-close-x {
46
- width: 1em;
47
- height: 1em;
48
- font-size: inherit;
49
- line-height: 1;
50
- }
51
- }
52
- .ant-modal-body {
53
- padding: @--padding-md;
54
- }
55
- .spinning {
56
- position: absolute;
57
- top: 44px;
58
- left: 0;
59
- right: 0;
60
- bottom: 0;
61
- display: flex;
62
- flex-direction: column;
63
- justify-content: center;
64
- align-items: center;
65
- background-color: rgba(255, 255, 255, 0.65);
66
- z-index: 9999;
67
- .ant-spin-text {
68
- margin-top: 4px;
69
- }
70
- }
71
- // ------ size ------
72
- // 52 48 44
73
- &--lg {
74
- .ant-modal-header {
75
- height: 48px;
76
- }
77
- .ant-modal-close {
78
- top: 5px;
79
- }
80
- .spinning {
81
- top: 48px;
82
- }
83
- }
84
- &--sm {
85
- .ant-modal-header {
86
- height: 40px;
87
- }
88
- .ant-modal-close {
89
- top: 1px;
90
- }
91
- .spinning {
92
- top: 40px;
93
- }
94
- }
95
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2021-07-23 19:05:57
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-11-26 20:25:21
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-modal: ~'@{qm-prefix}-modal';
10
+
11
+ .@{prefix-modal} {
12
+ &.no-header {
13
+ .ant-modal-close {
14
+ top: 4px;
15
+ right: 6px;
16
+ }
17
+ .ant-modal-header {
18
+ height: 0;
19
+ border: 0;
20
+ .full-screen {
21
+ top: 4px;
22
+ right: 42px;
23
+ }
24
+ }
25
+ }
26
+ .ant-modal-header {
27
+ display: flex;
28
+ align-items: center;
29
+ flex-shrink: 0;
30
+ height: 44px;
31
+ padding: 0 15px;
32
+ border-bottom: 1px solid @--border-color-secondary;
33
+ .ant-modal-title {
34
+ width: 100%;
35
+ > div {
36
+ display: flex;
37
+ align-items: center;
38
+ cursor: move;
39
+ }
40
+ }
41
+ .full-screen {
42
+ display: inline-block;
43
+ text-align: center;
44
+ text-transform: none;
45
+ text-decoration: none;
46
+ background: transparent;
47
+ border: 0;
48
+ outline: 0;
49
+ position: absolute;
50
+ right: 34px;
51
+ padding: @--padding-md 5px @--padding-md @--padding-md;
52
+ color: @--text-color-secondary;
53
+ line-height: 1;
54
+ font-size: @--font-size-lg;
55
+ transition: all 0.3s ease;
56
+ cursor: pointer;
57
+ &:hover {
58
+ color: @--text-color;
59
+ }
60
+ }
61
+ }
62
+ .ant-modal-close {
63
+ top: 4px;
64
+ font-size: @--font-size-lg;
65
+ padding: @--padding-md 15px @--padding-md 5px;
66
+ .ant-modal-close-x {
67
+ width: 1em;
68
+ height: 1em;
69
+ font-size: inherit;
70
+ line-height: 1;
71
+ }
72
+ }
73
+ .ant-modal-body {
74
+ padding: @--padding-md;
75
+ }
76
+ .spinning {
77
+ position: absolute;
78
+ top: 44px;
79
+ left: 0;
80
+ right: 0;
81
+ bottom: 0;
82
+ display: flex;
83
+ flex-direction: column;
84
+ justify-content: center;
85
+ align-items: center;
86
+ background-color: rgba(255, 255, 255, 0.65);
87
+ z-index: 9999;
88
+ .ant-spin-text {
89
+ margin-top: 4px;
90
+ }
91
+ }
92
+ // ------ size ------
93
+ // 52 48 44
94
+ &--lg {
95
+ .ant-modal-header {
96
+ height: 48px;
97
+ }
98
+ .ant-modal-close {
99
+ top: 6px;
100
+ }
101
+ .spinning {
102
+ top: 48px;
103
+ }
104
+ }
105
+ &--sm {
106
+ .ant-modal-header {
107
+ height: 40px;
108
+ }
109
+ .ant-modal-close {
110
+ top: 2px;
111
+ }
112
+ .spinning {
113
+ top: 40px;
114
+ }
115
+ }
116
+ }
package/lib/style/index.css CHANGED
@@ -27658,6 +27658,18 @@ table {
27658
27658
  * @Last Modified by: 焦质晔
27659
27659
  * @Last Modified time: 2022-11-26 20:25:11
27660
27660
  */
27661
+ .qm-drawer.no-header .ant-drawer-header {
27662
+ height: 0;
27663
+ border: 0;
27664
+ }
27665
+ .qm-drawer.no-header .ant-drawer-header .ant-drawer-close {
27666
+ top: 4px;
27667
+ right: 0;
27668
+ }
27669
+ .qm-drawer.no-header .ant-drawer-header .full-screen {
27670
+ top: 4px;
27671
+ right: 42px;
27672
+ }
27661
27673
  .qm-drawer .ant-drawer-header {
27662
27674
  display: flex;
27663
27675
  align-items: center;
@@ -27669,12 +27681,23 @@ table {
27669
27681
  }
27670
27682
  .qm-drawer .ant-drawer-header .ant-drawer-title {
27671
27683
  display: flex;
27672
- flex: 1;
27673
27684
  align-items: center;
27674
- justify-content: space-between;
27675
- padding-right: 20px;
27676
27685
  }
27677
- .qm-drawer .ant-drawer-header .ant-drawer-title .full-screen {
27686
+ .qm-drawer .ant-drawer-header .ant-drawer-close {
27687
+ position: absolute;
27688
+ right: -8px;
27689
+ padding: 10px 10px 10px 5px;
27690
+ }
27691
+ .qm-drawer .ant-drawer-header .full-screen {
27692
+ display: inline-block;
27693
+ text-align: center;
27694
+ text-transform: none;
27695
+ text-decoration: none;
27696
+ background: transparent;
27697
+ border: 0;
27698
+ outline: 0;
27699
+ position: absolute;
27700
+ right: 34px;
27678
27701
  padding: 10px 5px 10px 10px;
27679
27702
  color: rgba(0, 0, 0, 0.45);
27680
27703
  line-height: 1;
@@ -27682,15 +27705,9 @@ table {
27682
27705
  transition: all 0.3s ease;
27683
27706
  cursor: pointer;
27684
27707
  }
27685
- .qm-drawer .ant-drawer-header .ant-drawer-title .full-screen:hover {
27708
+ .qm-drawer .ant-drawer-header .full-screen:hover {
27686
27709
  color: rgba(0, 0, 0, 0.85);
27687
27710
  }
27688
- .qm-drawer .ant-drawer-header .ant-drawer-close {
27689
- position: absolute;
27690
- right: -8px;
27691
- font-size: 17px;
27692
- padding: 10px 10px 10px 5px;
27693
- }
27694
27711
  .qm-drawer .ant-drawer-body {
27695
27712
  padding: 10px;
27696
27713
  }
@@ -27728,6 +27745,18 @@ table {
27728
27745
  * @Last Modified by: 焦质晔
27729
27746
  * @Last Modified time: 2022-11-26 20:25:21
27730
27747
  */
27748
+ .qm-modal.no-header .ant-modal-close {
27749
+ top: 4px;
27750
+ right: 6px;
27751
+ }
27752
+ .qm-modal.no-header .ant-modal-header {
27753
+ height: 0;
27754
+ border: 0;
27755
+ }
27756
+ .qm-modal.no-header .ant-modal-header .full-screen {
27757
+ top: 4px;
27758
+ right: 42px;
27759
+ }
27731
27760
  .qm-modal .ant-modal-header {
27732
27761
  display: flex;
27733
27762
  align-items: center;
@@ -27742,11 +27771,18 @@ table {
27742
27771
  .qm-modal .ant-modal-header .ant-modal-title > div {
27743
27772
  display: flex;
27744
27773
  align-items: center;
27745
- justify-content: space-between;
27746
- padding-right: 20px;
27747
27774
  cursor: move;
27748
27775
  }
27749
- .qm-modal .ant-modal-header .ant-modal-title > div .full-screen {
27776
+ .qm-modal .ant-modal-header .full-screen {
27777
+ display: inline-block;
27778
+ text-align: center;
27779
+ text-transform: none;
27780
+ text-decoration: none;
27781
+ background: transparent;
27782
+ border: 0;
27783
+ outline: 0;
27784
+ position: absolute;
27785
+ right: 34px;
27750
27786
  padding: 10px 5px 10px 10px;
27751
27787
  color: rgba(0, 0, 0, 0.45);
27752
27788
  line-height: 1;
@@ -27754,12 +27790,12 @@ table {
27754
27790
  transition: all 0.3s ease;
27755
27791
  cursor: pointer;
27756
27792
  }
27757
- .qm-modal .ant-modal-header .ant-modal-title > div .full-screen:hover {
27793
+ .qm-modal .ant-modal-header .full-screen:hover {
27758
27794
  color: rgba(0, 0, 0, 0.85);
27759
27795
  }
27760
27796
  .qm-modal .ant-modal-close {
27761
- top: 3px;
27762
- font-size: 17px;
27797
+ top: 4px;
27798
+ font-size: 16px;
27763
27799
  padding: 10px 15px 10px 5px;
27764
27800
  }
27765
27801
  .qm-modal .ant-modal-close .ant-modal-close-x {
@@ -27791,7 +27827,7 @@ table {
27791
27827
  height: 48px;
27792
27828
  }
27793
27829
  .qm-modal--lg .ant-modal-close {
27794
- top: 5px;
27830
+ top: 6px;
27795
27831
  }
27796
27832
  .qm-modal--lg .spinning {
27797
27833
  top: 48px;
@@ -27800,7 +27836,7 @@ table {
27800
27836
  height: 40px;
27801
27837
  }
27802
27838
  .qm-modal--sm .ant-modal-close {
27803
- top: 1px;
27839
+ top: 2px;
27804
27840
  }
27805
27841
  .qm-modal--sm .spinning {
27806
27842
  top: 40px;
package/lib/style/index.less CHANGED
@@ -1,40 +1,40 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2021-07-23 18:23:59
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2024-02-28 21:23:42
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 '../tour/style/index.less';
38
- @import '../guide-tracker/style/index.less';
39
- @import '../print/style/index.less';
40
- @import '../lazy-load/style/index.less';
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2021-07-23 18:23:59
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2024-02-28 21:23:42
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 '../tour/style/index.less';
38
+ @import '../guide-tracker/style/index.less';
39
+ @import '../print/style/index.less';
40
+ @import '../lazy-load/style/index.less';