dcp-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 +6 -6
@@ -1,26 +1,24 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-03-26 11:26:46
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-01-09 11:58:00
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-export {
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
- &__setting {
22
- .@{qm-prefix}-form--sm .@{qm-prefix}-table-column-filter {
23
- font-size: @v-font-size-small;
24
- }
25
- }
26
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-03-26 11:26:46
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-01-09 11:58:00
6
+ */
7
+ .@{prefix-table}-export {
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
+ &__setting {
20
+ .@{qm-prefix}-form--sm .@{qm-prefix}-table-column-filter {
21
+ font-size: @v-font-size-small;
22
+ }
23
+ }
24
+ }
@@ -1,110 +1,108 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2022-03-16 19:05:30
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-11-26 21:11:04
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-fast-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}-fast-search__setting {
24
- height: 100%;
25
- .main {
26
- display: flex;
27
- flex-direction: column;
28
- height: 100%;
29
- .top {
30
- display: flex;
31
- flex: 1;
32
- height: 0;
33
- overflow-y: auto;
34
- .container {
35
- flex: 1;
36
- width: 0;
37
- .@{qm-prefix}-tabs {
38
- margin-top: -5px;
39
- }
40
- }
41
- .saved {
42
- width: 200px;
43
- .form-wrap {
44
- display: flex;
45
- }
46
- .card-wrap {
47
- margin-top: @v-module-distance;
48
- border: 1px solid @v-table-border-color;
49
- > h5 {
50
- display: flex;
51
- align-items: center;
52
- font-size: inherit;
53
- font-weight: normal;
54
- margin-bottom: 0;
55
- padding: 0 @v-module-distance;
56
- border-bottom: 1px solid @v-table-border-color;
57
- background-color: @v-table-header-background-color;
58
- }
59
- > ul {
60
- margin-bottom: 0;
61
- li {
62
- display: flex;
63
- align-items: center;
64
- position: relative;
65
- padding: 6px @v-module-distance;
66
- border-bottom: 1px solid @v-table-border-color;
67
- cursor: pointer;
68
- transition: all 0.3s ease;
69
- &:last-of-type {
70
- border-bottom: 0;
71
- }
72
- &:hover {
73
- background-color: @v-table-row-hover-background-color;
74
- .close {
75
- visibility: visible;
76
- }
77
- }
78
- &.selected {
79
- background-color: @v-table-row-selected-background-color;
80
- }
81
- .title {
82
- i {
83
- margin-right: 5px;
84
- }
85
- }
86
- .close {
87
- position: absolute;
88
- right: @v-module-distance;
89
- visibility: hidden;
90
- }
91
- }
92
- }
93
- }
94
- }
95
- .line {
96
- border-left: 1px dashed @--border-color-base;
97
- padding-left: @v-module-distance;
98
- margin-left: @v-module-distance;
99
- }
100
- }
101
- .bottom {
102
- display: flex;
103
- justify-content: space-between;
104
- align-items: center;
105
- padding: 10px 5px;
106
- margin-top: 10px;
107
- border-top: 1px dashed @--border-color-base;
108
- }
109
- }
110
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2022-03-16 19:05:30
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-11-26 21:11:04
6
+ */
7
+ .@{prefix-table}-fast-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}-fast-search__setting {
22
+ height: 100%;
23
+ .main {
24
+ display: flex;
25
+ flex-direction: column;
26
+ height: 100%;
27
+ .top {
28
+ display: flex;
29
+ flex: 1;
30
+ height: 0;
31
+ overflow-y: auto;
32
+ .container {
33
+ flex: 1;
34
+ width: 0;
35
+ .@{qm-prefix}-tabs {
36
+ margin-top: -5px;
37
+ }
38
+ }
39
+ .saved {
40
+ width: 200px;
41
+ .form-wrap {
42
+ display: flex;
43
+ }
44
+ .card-wrap {
45
+ margin-top: @v-module-distance;
46
+ border: 1px solid @v-table-border-color;
47
+ > h5 {
48
+ display: flex;
49
+ align-items: center;
50
+ font-size: inherit;
51
+ font-weight: normal;
52
+ margin-bottom: 0;
53
+ padding: 0 @v-module-distance;
54
+ border-bottom: 1px solid @v-table-border-color;
55
+ background-color: @v-table-header-background-color;
56
+ }
57
+ > ul {
58
+ margin-bottom: 0;
59
+ li {
60
+ display: flex;
61
+ align-items: center;
62
+ position: relative;
63
+ padding: 6px @v-module-distance;
64
+ border-bottom: 1px solid @v-table-border-color;
65
+ cursor: pointer;
66
+ transition: all 0.3s ease;
67
+ &:last-of-type {
68
+ border-bottom: 0;
69
+ }
70
+ &:hover {
71
+ background-color: @v-table-row-hover-background-color;
72
+ .close {
73
+ visibility: visible;
74
+ }
75
+ }
76
+ &.selected {
77
+ background-color: @v-table-row-selected-background-color;
78
+ }
79
+ .title {
80
+ i {
81
+ margin-right: 5px;
82
+ }
83
+ }
84
+ .close {
85
+ position: absolute;
86
+ right: @v-module-distance;
87
+ visibility: hidden;
88
+ }
89
+ }
90
+ }
91
+ }
92
+ }
93
+ .line {
94
+ border-left: 1px dashed @--border-color-base;
95
+ padding-left: @v-module-distance;
96
+ margin-left: @v-module-distance;
97
+ }
98
+ }
99
+ .bottom {
100
+ display: flex;
101
+ justify-content: space-between;
102
+ align-items: center;
103
+ padding: 10px 5px;
104
+ margin-top: 10px;
105
+ border-top: 1px dashed @--border-color-base;
106
+ }
107
+ }
108
+ }
@@ -1,33 +1,31 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-02-28 22:13:07
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2021-05-21 13:56:03
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}--footer-wrapper {
10
- background-color: @v-table-footer-background-color;
11
- &::before {
12
- content: '';
13
- position: absolute;
14
- left: 0;
15
- right: 0;
16
- height: 0;
17
- z-index: 3;
18
- border-top: 1px solid @v-table-border-color;
19
- }
20
- .@{prefix-table}--footer {
21
- .gutter {
22
- background-color: @v-table-footer-background-color;
23
- }
24
- .cell {
25
- font-weight: 700;
26
- }
27
- .footer--row {
28
- &:last-of-type .footer--column {
29
- border-bottom: 0;
30
- }
31
- }
32
- }
33
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-02-28 22:13:07
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2021-05-21 13:56:03
6
+ */
7
+ .@{prefix-table}--footer-wrapper {
8
+ background-color: @v-table-footer-background-color;
9
+ &::before {
10
+ content: '';
11
+ position: absolute;
12
+ left: 0;
13
+ right: 0;
14
+ height: 0;
15
+ z-index: 3;
16
+ border-top: 1px solid @v-table-border-color;
17
+ }
18
+ .@{prefix-table}--footer {
19
+ .gutter {
20
+ background-color: @v-table-footer-background-color;
21
+ }
22
+ .cell {
23
+ font-weight: 700;
24
+ }
25
+ .footer--row {
26
+ &:last-of-type .footer--column {
27
+ border-bottom: 0;
28
+ }
29
+ }
30
+ }
31
+ }
@@ -1,21 +1,19 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-03-26 11:45:02
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2021-12-30 16:06:55
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-full-screen {
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
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-03-26 11:45:02
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2021-12-30 16:06:55
6
+ */
7
+ .@{prefix-table}-full-screen {
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
+ }
@@ -1,93 +1,91 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-03-26 11:45:02
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-11-26 21:11:09
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-group-summary {
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}-group-summary__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
- }
33
- .saved {
34
- width: 200px;
35
- .form-wrap {
36
- display: flex;
37
- }
38
- .card-wrap {
39
- margin-top: @v-module-distance;
40
- border: 1px solid @v-table-border-color;
41
- > h5 {
42
- display: flex;
43
- align-items: center;
44
- font-size: inherit;
45
- font-weight: normal;
46
- margin-bottom: 0;
47
- padding: 0 @v-module-distance;
48
- border-bottom: 1px solid @v-table-border-color;
49
- background-color: @v-table-header-background-color;
50
- }
51
- > ul {
52
- margin-bottom: 0;
53
- li {
54
- display: flex;
55
- align-items: center;
56
- position: relative;
57
- padding: 6px @v-module-distance;
58
- border-bottom: 1px solid @v-table-border-color;
59
- cursor: pointer;
60
- transition: all 0.3s ease;
61
- &:last-of-type {
62
- border-bottom: 0;
63
- }
64
- &:hover {
65
- background-color: @v-table-row-hover-background-color;
66
- .close {
67
- visibility: visible;
68
- }
69
- }
70
- &.selected {
71
- background-color: @v-table-row-selected-background-color;
72
- }
73
- .title {
74
- i {
75
- margin-right: 5px;
76
- }
77
- }
78
- .close {
79
- position: absolute;
80
- right: @v-module-distance;
81
- visibility: hidden;
82
- }
83
- }
84
- }
85
- }
86
- }
87
- .line {
88
- border-left: 1px dashed @--border-color-base;
89
- padding-left: @v-module-distance;
90
- margin-left: @v-module-distance;
91
- }
92
- }
93
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-03-26 11:45:02
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-11-26 21:11:09
6
+ */
7
+ .@{prefix-table}-group-summary {
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}-group-summary__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
+ }
31
+ .saved {
32
+ width: 200px;
33
+ .form-wrap {
34
+ display: flex;
35
+ }
36
+ .card-wrap {
37
+ margin-top: @v-module-distance;
38
+ border: 1px solid @v-table-border-color;
39
+ > h5 {
40
+ display: flex;
41
+ align-items: center;
42
+ font-size: inherit;
43
+ font-weight: normal;
44
+ margin-bottom: 0;
45
+ padding: 0 @v-module-distance;
46
+ border-bottom: 1px solid @v-table-border-color;
47
+ background-color: @v-table-header-background-color;
48
+ }
49
+ > ul {
50
+ margin-bottom: 0;
51
+ li {
52
+ display: flex;
53
+ align-items: center;
54
+ position: relative;
55
+ padding: 6px @v-module-distance;
56
+ border-bottom: 1px solid @v-table-border-color;
57
+ cursor: pointer;
58
+ transition: all 0.3s ease;
59
+ &:last-of-type {
60
+ border-bottom: 0;
61
+ }
62
+ &:hover {
63
+ background-color: @v-table-row-hover-background-color;
64
+ .close {
65
+ visibility: visible;
66
+ }
67
+ }
68
+ &.selected {
69
+ background-color: @v-table-row-selected-background-color;
70
+ }
71
+ .title {
72
+ i {
73
+ margin-right: 5px;
74
+ }
75
+ }
76
+ .close {
77
+ position: absolute;
78
+ right: @v-module-distance;
79
+ visibility: hidden;
80
+ }
81
+ }
82
+ }
83
+ }
84
+ }
85
+ .line {
86
+ border-left: 1px dashed @--border-color-base;
87
+ padding-left: @v-module-distance;
88
+ margin-left: @v-module-distance;
89
+ }
90
+ }
91
+ }