dcp-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 +6 -6
@@ -1,25 +1,23 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-03-26 11:26:46
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-04-28 12:03:38
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-import {
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}--file-form {
24
- display: none;
25
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-03-26 11:26:46
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-04-28 12:03:38
6
+ */
7
+ .@{prefix-table}-import {
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}--file-form {
22
+ display: none;
23
+ }
@@ -1,29 +1,27 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-03-26 11:45:02
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2021-09-04 10:17:37
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-pager {
10
- margin-top: @v-module-distance;
11
- display: flex;
12
- justify-content: space-between;
13
- .pager-alert {
14
- .@{prefix-table}__alert {
15
- height: 100%;
16
- }
17
- }
18
- .ant-pagination {
19
- line-height: 1;
20
- &-options-size-changer.ant-select {
21
- width: auto;
22
- &.ant-select-status-error {
23
- .ant-select-selector {
24
- border-color: @--border-color-base !important;
25
- }
26
- }
27
- }
28
- }
29
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-03-26 11:45:02
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2021-09-04 10:17:37
6
+ */
7
+ .@{prefix-table}-pager {
8
+ margin-top: @v-module-distance;
9
+ display: flex;
10
+ justify-content: space-between;
11
+ .pager-alert {
12
+ .@{prefix-table}__alert {
13
+ height: 100%;
14
+ }
15
+ }
16
+ .ant-pagination {
17
+ line-height: 1;
18
+ &-options-size-changer.ant-select {
19
+ width: auto;
20
+ &.ant-select-status-error {
21
+ .ant-select-selector {
22
+ border-color: @--border-color-base !important;
23
+ }
24
+ }
25
+ }
26
+ }
27
+ }
@@ -1,21 +1,19 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-03-26 11:45:02
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-01-09 10:06:27
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-print {
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: 2022-01-09 10:06:27
6
+ */
7
+ .@{prefix-table}-print {
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,21 +1,19 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-03-26 11:45:02
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2021-12-31 14:12:41
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-reload {
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-31 14:12:41
6
+ */
7
+ .@{prefix-table}-reload {
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,21 +1,19 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-03-26 11:45:02
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-01-06 10:27:07
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- .@{prefix-table}-select-collection {
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: 2022-01-06 10:27:07
6
+ */
7
+ .@{prefix-table}-select-collection {
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,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
+ }
@@ -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
+ }
@@ -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();