@jiaozhiye/qm-design-react 1.8.2 → 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 (42) hide show
  1. package/lib/_utils/util.d.ts +1 -0
  2. package/lib/drawer/style/index.less +101 -101
  3. package/lib/hooks/useMemo.d.ts +1 -0
  4. package/lib/index.esm.js +1 -1
  5. package/lib/index.full.js +1 -1
  6. package/lib/index.js +1 -1
  7. package/lib/lazy-load/style/index.less +15 -15
  8. package/lib/modal/style/index.less +116 -116
  9. package/lib/style/index.less +40 -40
  10. package/lib/table/src/body/context.d.ts +4 -0
  11. package/lib/table/src/cell/index.d.ts +13 -0
  12. package/lib/table/src/cell/useCellText.d.ts +6 -0
  13. package/lib/table/src/{body → cell}/useValueFormat.d.ts +1 -2
  14. package/lib/table/src/context/index.d.ts +2 -2
  15. package/lib/table/src/edit/index.d.ts +1 -3
  16. package/lib/table/src/hooks/useImperativeMethod.d.ts +1 -2
  17. package/lib/table/src/hooks/useTableRef.d.ts +2 -0
  18. package/lib/table/src/hooks/useTableState.d.ts +3 -0
  19. package/lib/table/src/table/props.d.ts +1 -0
  20. package/lib/table/src/table/types.d.ts +1 -1
  21. package/lib/table/style/alert.less +32 -34
  22. package/lib/table/style/clipboard.less +27 -29
  23. package/lib/table/style/column-filter.less +0 -2
  24. package/lib/table/style/empty.less +17 -19
  25. package/lib/table/style/export.less +24 -26
  26. package/lib/table/style/fast-search.less +108 -110
  27. package/lib/table/style/footer.less +31 -33
  28. package/lib/table/style/full-screen.less +19 -21
  29. package/lib/table/style/group-summary.less +91 -93
  30. package/lib/table/style/header.less +205 -207
  31. package/lib/table/style/import.less +23 -25
  32. package/lib/table/style/pager.less +27 -29
  33. package/lib/table/style/print.less +19 -21
  34. package/lib/table/style/reload.less +19 -21
  35. package/lib/table/style/select-collection.less +19 -21
  36. package/lib/table/style/size.less +86 -88
  37. package/lib/table/style/super-search.less +100 -102
  38. package/lib/table/style/table.less +0 -2
  39. package/lib/table/style/tollbox.less +37 -39
  40. package/lib/table/style/toper.less +29 -31
  41. package/lib/table/style/variable.less +50 -48
  42. package/package.json +139 -139
package/lib/table/style/size.less CHANGED
@@ -1,88 +1,86 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-02-28 22:11:53
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2021-12-28 13:59:08
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table} {
10
- // 42 34 26
11
- &--wrapper {
12
- font-size: @v-font-size;
13
- .@{prefix-table}-top {
14
- height: @v-table-row-height - 2px;
15
- }
16
- .header--column,
17
- .body--column,
18
- .footer--column {
19
- &.col--ellipsis {
20
- height: @v-table-row-height;
21
- }
22
- &:not(.col--ellipsis) {
23
- padding: ceil(((@v-table-row-height - @v-table-row-line-height) / 2)) 0;
24
- }
25
- }
26
- .is--head-group {
27
- .header--column.col--ellipsis {
28
- height: @v-table-row-height * 0.8;
29
- }
30
- }
31
- .row--height {
32
- height: @v-table-row-height;
33
- }
34
- }
35
-
36
- &--lg {
37
- font-size: @v-font-size-large;
38
- .@{prefix-table}-top {
39
- height: @v-table-row-height-large - 2px;
40
- }
41
- .header--column,
42
- .body--column,
43
- .footer--column {
44
- &.col--ellipsis {
45
- height: @v-table-row-height-large;
46
- }
47
- &:not(.col--ellipsis) {
48
- padding: ceil(((@v-table-row-height-large - @v-table-row-line-height) / 2)) 0;
49
- }
50
- .cell--edit {
51
- margin: 0 -1 * (@v-module-distance / 2);
52
- }
53
- }
54
- .is--head-group {
55
- .header--column.col--ellipsis {
56
- height: @v-table-row-height-large * 0.8;
57
- }
58
- }
59
- .row--height {
60
- height: @v-table-row-height-large;
61
- }
62
- }
63
-
64
- &--sm {
65
- font-size: @v-font-size-small;
66
- .@{prefix-table}-top {
67
- height: @v-table-row-height-small - 2px;
68
- }
69
- .header--column,
70
- .body--column,
71
- .footer--column {
72
- &.col--ellipsis {
73
- height: @v-table-row-height-small;
74
- }
75
- &:not(.col--ellipsis) {
76
- padding: ceil(((@v-table-row-height-small - @v-table-row-line-height) / 2)) 0;
77
- }
78
- }
79
- .is--head-group {
80
- .header--column.col--ellipsis {
81
- height: @v-table-row-height-small * 0.8;
82
- }
83
- }
84
- .row--height {
85
- height: @v-table-row-height-small;
86
- }
87
- }
88
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-02-28 22:11:53
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2021-12-28 13:59:08
6
+ */
7
+ .@{prefix-table} {
8
+ // 42 34 26
9
+ &--wrapper {
10
+ font-size: @v-font-size;
11
+ .@{prefix-table}-top {
12
+ height: @v-table-row-height - 2px;
13
+ }
14
+ .header--column,
15
+ .body--column,
16
+ .footer--column {
17
+ &.col--ellipsis {
18
+ height: @v-table-row-height;
19
+ }
20
+ &:not(.col--ellipsis) {
21
+ padding: ceil(((@v-table-row-height - @v-table-row-line-height) / 2)) 0;
22
+ }
23
+ }
24
+ .is--head-group {
25
+ .header--column.col--ellipsis {
26
+ height: @v-table-row-height * 0.8;
27
+ }
28
+ }
29
+ .row--height {
30
+ height: @v-table-row-height;
31
+ }
32
+ }
33
+
34
+ &--lg {
35
+ font-size: @v-font-size-large;
36
+ .@{prefix-table}-top {
37
+ height: @v-table-row-height-large - 2px;
38
+ }
39
+ .header--column,
40
+ .body--column,
41
+ .footer--column {
42
+ &.col--ellipsis {
43
+ height: @v-table-row-height-large;
44
+ }
45
+ &:not(.col--ellipsis) {
46
+ padding: ceil(((@v-table-row-height-large - @v-table-row-line-height) / 2)) 0;
47
+ }
48
+ .cell--edit {
49
+ margin: 0 -1 * (@v-module-distance / 2);
50
+ }
51
+ }
52
+ .is--head-group {
53
+ .header--column.col--ellipsis {
54
+ height: @v-table-row-height-large * 0.8;
55
+ }
56
+ }
57
+ .row--height {
58
+ height: @v-table-row-height-large;
59
+ }
60
+ }
61
+
62
+ &--sm {
63
+ font-size: @v-font-size-small;
64
+ .@{prefix-table}-top {
65
+ height: @v-table-row-height-small - 2px;
66
+ }
67
+ .header--column,
68
+ .body--column,
69
+ .footer--column {
70
+ &.col--ellipsis {
71
+ height: @v-table-row-height-small;
72
+ }
73
+ &:not(.col--ellipsis) {
74
+ padding: ceil(((@v-table-row-height-small - @v-table-row-line-height) / 2)) 0;
75
+ }
76
+ }
77
+ .is--head-group {
78
+ .header--column.col--ellipsis {
79
+ height: @v-table-row-height-small * 0.8;
80
+ }
81
+ }
82
+ .row--height {
83
+ height: @v-table-row-height-small;
84
+ }
85
+ }
86
+ }
package/lib/table/style/super-search.less CHANGED
@@ -1,102 +1,100 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-03-26 11:45:02
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-11-26 21:11:13
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-super-search {
10
- display: inline-block;
11
- padding: 5px 3px;
12
- line-height: 1;
13
- cursor: pointer;
14
- transition: all 0.3s ease;
15
- .icon {
16
- font-size: 1.05em;
17
- }
18
- &:hover {
19
- color: @v-primary-color;
20
- }
21
- }
22
-
23
- .@{prefix-table}-super-search__setting {
24
- .main {
25
- display: flex;
26
- flex-direction: row;
27
- height: 100%;
28
- margin-bottom: @v-module-distance;
29
- .container {
30
- flex: 1;
31
- width: 0;
32
- .lang-js {
33
- display: block;
34
- margin-top: @v-module-distance;
35
- background-color: #2b3a42;
36
- padding: 6px 10px;
37
- color: #62b1d8;
38
- border-radius: @v-border-radius;
39
- text-shadow: 0 1px 0 rgba(23, 31, 35, 0.5);
40
- }
41
- }
42
- .saved {
43
- width: 200px;
44
- .form-wrap {
45
- display: flex;
46
- }
47
- .card-wrap {
48
- margin-top: @v-module-distance;
49
- border: 1px solid @v-table-border-color;
50
- > h5 {
51
- display: flex;
52
- align-items: center;
53
- font-size: inherit;
54
- font-weight: normal;
55
- margin-bottom: 0;
56
- padding: 0 @v-module-distance;
57
- border-bottom: 1px solid @v-table-border-color;
58
- background-color: @v-table-header-background-color;
59
- }
60
- > ul {
61
- margin-bottom: 0;
62
- li {
63
- display: flex;
64
- align-items: center;
65
- position: relative;
66
- padding: 6px @v-module-distance;
67
- border-bottom: 1px solid @v-table-border-color;
68
- cursor: pointer;
69
- transition: all 0.3s ease;
70
- &:last-of-type {
71
- border-bottom: 0;
72
- }
73
- &:hover {
74
- background-color: @v-table-row-hover-background-color;
75
- .close {
76
- visibility: visible;
77
- }
78
- }
79
- &.selected {
80
- background-color: @v-table-row-selected-background-color;
81
- }
82
- .title {
83
- i {
84
- margin-right: 5px;
85
- }
86
- }
87
- .close {
88
- position: absolute;
89
- right: @v-module-distance;
90
- visibility: hidden;
91
- }
92
- }
93
- }
94
- }
95
- }
96
- .line {
97
- border-left: 1px dashed @--border-color-base;
98
- padding-left: @v-module-distance;
99
- margin-left: @v-module-distance;
100
- }
101
- }
102
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-03-26 11:45:02
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-11-26 21:11:13
6
+ */
7
+ .@{prefix-table}-super-search {
8
+ display: inline-block;
9
+ padding: 5px 3px;
10
+ line-height: 1;
11
+ cursor: pointer;
12
+ transition: all 0.3s ease;
13
+ .icon {
14
+ font-size: 1.05em;
15
+ }
16
+ &:hover {
17
+ color: @v-primary-color;
18
+ }
19
+ }
20
+
21
+ .@{prefix-table}-super-search__setting {
22
+ .main {
23
+ display: flex;
24
+ flex-direction: row;
25
+ height: 100%;
26
+ margin-bottom: @v-module-distance;
27
+ .container {
28
+ flex: 1;
29
+ width: 0;
30
+ .lang-js {
31
+ display: block;
32
+ margin-top: @v-module-distance;
33
+ background-color: #2b3a42;
34
+ padding: 6px 10px;
35
+ color: #62b1d8;
36
+ border-radius: @v-border-radius;
37
+ text-shadow: 0 1px 0 rgba(23, 31, 35, 0.5);
38
+ }
39
+ }
40
+ .saved {
41
+ width: 200px;
42
+ .form-wrap {
43
+ display: flex;
44
+ }
45
+ .card-wrap {
46
+ margin-top: @v-module-distance;
47
+ border: 1px solid @v-table-border-color;
48
+ > h5 {
49
+ display: flex;
50
+ align-items: center;
51
+ font-size: inherit;
52
+ font-weight: normal;
53
+ margin-bottom: 0;
54
+ padding: 0 @v-module-distance;
55
+ border-bottom: 1px solid @v-table-border-color;
56
+ background-color: @v-table-header-background-color;
57
+ }
58
+ > ul {
59
+ margin-bottom: 0;
60
+ li {
61
+ display: flex;
62
+ align-items: center;
63
+ position: relative;
64
+ padding: 6px @v-module-distance;
65
+ border-bottom: 1px solid @v-table-border-color;
66
+ cursor: pointer;
67
+ transition: all 0.3s ease;
68
+ &:last-of-type {
69
+ border-bottom: 0;
70
+ }
71
+ &:hover {
72
+ background-color: @v-table-row-hover-background-color;
73
+ .close {
74
+ visibility: visible;
75
+ }
76
+ }
77
+ &.selected {
78
+ background-color: @v-table-row-selected-background-color;
79
+ }
80
+ .title {
81
+ i {
82
+ margin-right: 5px;
83
+ }
84
+ }
85
+ .close {
86
+ position: absolute;
87
+ right: @v-module-distance;
88
+ visibility: hidden;
89
+ }
90
+ }
91
+ }
92
+ }
93
+ }
94
+ .line {
95
+ border-left: 1px dashed @--border-color-base;
96
+ padding-left: @v-module-distance;
97
+ margin-left: @v-module-distance;
98
+ }
99
+ }
100
+ }
package/lib/table/style/table.less CHANGED
@@ -6,8 +6,6 @@
6
6
  */
7
7
  @import '../../style/common';
8
8
 
9
- @prefix-table: ~'@{qm-prefix}-table';
10
-
11
9
  // 外层容器
12
10
  .@{prefix-table}--wrapper {
13
11
  .reset-container();
package/lib/table/style/tollbox.less CHANGED
@@ -1,39 +1,37 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-03-18 10:26:46
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-11-26 21:03:04
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-toolbox {
10
- display: inline-block;
11
- padding: 5px 3px;
12
- line-height: 1;
13
- cursor: pointer;
14
- transition: all 0.3s ease;
15
- .icon {
16
- font-size: 1.05em;
17
- }
18
- &:hover {
19
- color: @v-primary-color;
20
- }
21
- }
22
-
23
- .top-toolbox__popper {
24
- .ant-dropdown-menu {
25
- &-title-content {
26
- display: flex;
27
- & > span {
28
- flex: 1 0;
29
- }
30
- }
31
- }
32
- &[class*='--sm'] {
33
- .ant-dropdown-menu {
34
- &-item {
35
- padding: 2px 8px;
36
- }
37
- }
38
- }
39
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-03-18 10:26:46
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-11-26 21:03:04
6
+ */
7
+ .@{prefix-table}-toolbox {
8
+ display: inline-block;
9
+ padding: 5px 3px;
10
+ line-height: 1;
11
+ cursor: pointer;
12
+ transition: all 0.3s ease;
13
+ .icon {
14
+ font-size: 1.05em;
15
+ }
16
+ &:hover {
17
+ color: @v-primary-color;
18
+ }
19
+ }
20
+
21
+ .top-toolbox__popper {
22
+ .ant-dropdown-menu {
23
+ &-title-content {
24
+ display: flex;
25
+ & > span {
26
+ flex: 1 0;
27
+ }
28
+ }
29
+ }
30
+ &[class*='--sm'] {
31
+ .ant-dropdown-menu {
32
+ &-item {
33
+ padding: 2px 8px;
34
+ }
35
+ }
36
+ }
37
+ }
package/lib/table/style/toper.less CHANGED
@@ -1,31 +1,29 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2021-10-28 12:20:04
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-02-27 21:52:42
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-top {
10
- display: flex;
11
- white-space: nowrap;
12
- margin-bottom: @v-module-distance;
13
- &__space {
14
- flex: 1;
15
- display: inherit;
16
- justify-content: space-between;
17
- &-slot {
18
- flex: 1;
19
- align-items: center;
20
- height: 100%;
21
- display: inherit;
22
- .ant-btn {
23
- margin-right: @v-module-distance - 2px;
24
- }
25
- }
26
- }
27
- &__actions {
28
- display: inherit;
29
- align-items: center;
30
- }
31
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2021-10-28 12:20:04
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-02-27 21:52:42
6
+ */
7
+ .@{prefix-table}-top {
8
+ display: flex;
9
+ white-space: nowrap;
10
+ margin-bottom: @v-module-distance;
11
+ &__space {
12
+ flex: 1;
13
+ display: inherit;
14
+ justify-content: space-between;
15
+ &-slot {
16
+ flex: 1;
17
+ align-items: center;
18
+ height: 100%;
19
+ display: inherit;
20
+ .ant-btn {
21
+ margin-right: @v-module-distance - 2px;
22
+ }
23
+ }
24
+ }
25
+ &__actions {
26
+ display: inherit;
27
+ align-items: center;
28
+ }
29
+ }
package/lib/table/style/variable.less CHANGED
@@ -1,48 +1,50 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-02-28 21:58:58
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2021-09-04 16:24:06
6
- */
7
- /* font-size */
8
- @v-font-size: @--font-size-base;
9
- @v-font-size-large: @--font-size-base;
10
- @v-font-size-small: @--font-size-sm;
11
-
12
- @v-font-color: @--text-color;
13
- @v-font-secondary-dark-color: @--text-color-secondary-dark;
14
- @v-font-secondary-color: @--text-color-secondary;
15
- @v-font-disabled-color: @--disabled-color;
16
-
17
- /* primary color */
18
- @v-primary-color: @--primary-color;
19
- @v-danger-color: @--error-color;
20
-
21
- // module distance
22
- @v-module-distance: @--padding-md;
23
-
24
- /* border radius */
25
- @v-border-radius: @--border-radius-base;
26
-
27
- /* icon */
28
- @v-icon-color: #bfbfbf;
29
-
30
- /* table color */
31
- @v-table-header-background-color: #fafafa;
32
- @v-table-border-color: #e8e8e8;
33
- @v-table-resizable-color: #d9d9d9;
34
- @v-table-background-color: #ffffff;
35
- @v-table-footer-background-color: #fafafa;
36
- @v-table-column-sort-hover-color: #f2f2f2;
37
- @v-table-column-sorted-color: #f5f5f5;
38
- @v-table-column-filter-hover-color: #e5e5e5;
39
-
40
- /* table row */
41
- @v-table-row-height: 34px;
42
- @v-table-row-height-large: 42px;
43
- @v-table-row-height-small: 26px;
44
- @v-table-row-line-height: 24px;
45
- @v-table-row-hover-background-color: #f5f5f5;
46
- @v-table-row-selected-background-color: @--primary-2;
47
- @v-table-row-current-background-color: @--primary-4;
48
- @v-table-row-expanded-background-color: #fafafa;
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-02-28 21:58:58
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2021-09-04 16:24:06
6
+ */
7
+ @prefix-table: ~'@{qm-prefix}-table';
8
+
9
+ /* font-size */
10
+ @v-font-size: @--font-size-base;
11
+ @v-font-size-large: @--font-size-base;
12
+ @v-font-size-small: @--font-size-sm;
13
+
14
+ @v-font-color: @--text-color;
15
+ @v-font-secondary-dark-color: @--text-color-secondary-dark;
16
+ @v-font-secondary-color: @--text-color-secondary;
17
+ @v-font-disabled-color: @--disabled-color;
18
+
19
+ /* primary color */
20
+ @v-primary-color: @--primary-color;
21
+ @v-danger-color: @--error-color;
22
+
23
+ // module distance
24
+ @v-module-distance: @--padding-md;
25
+
26
+ /* border radius */
27
+ @v-border-radius: @--border-radius-base;
28
+
29
+ /* icon */
30
+ @v-icon-color: #bfbfbf;
31
+
32
+ /* table color */
33
+ @v-table-header-background-color: #fafafa;
34
+ @v-table-border-color: #e8e8e8;
35
+ @v-table-resizable-color: #d9d9d9;
36
+ @v-table-background-color: #ffffff;
37
+ @v-table-footer-background-color: #fafafa;
38
+ @v-table-column-sort-hover-color: #f2f2f2;
39
+ @v-table-column-sorted-color: #f5f5f5;
40
+ @v-table-column-filter-hover-color: #e5e5e5;
41
+
42
+ /* table row */
43
+ @v-table-row-height: 34px;
44
+ @v-table-row-height-large: 42px;
45
+ @v-table-row-height-small: 26px;
46
+ @v-table-row-line-height: 24px;
47
+ @v-table-row-hover-background-color: #f5f5f5;
48
+ @v-table-row-selected-background-color: @--primary-2;
49
+ @v-table-row-current-background-color: @--primary-4;
50
+ @v-table-row-expanded-background-color: #fafafa;