dcp-design-react 1.11.24 → 1.12.0

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 (49) hide show
  1. package/lib/collapse/style/index.less +24 -24
  2. package/lib/collapse/style/motion.less +11 -11
  3. package/lib/color-picker/style/index.less +119 -119
  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/locale/lang/en.d.ts +7 -6
  8. package/lib/locale/lang/en.js +14 -13
  9. package/lib/locale/lang/zh-cn.d.ts +7 -6
  10. package/lib/locale/lang/zh-cn.js +14 -13
  11. package/lib/pivot-grid/style/context-menu.less +28 -28
  12. package/lib/pivot-grid/style/grid-layout.less +409 -409
  13. package/lib/pivot-grid/style/index.less +11 -11
  14. package/lib/pivot-grid/style/main.less +33 -33
  15. package/lib/pivot-grid/style/top-bar.less +189 -189
  16. package/lib/scrollbar/style/index.less +1 -2
  17. package/lib/search-tree/style/index.less +34 -34
  18. package/lib/style/index.css +102 -13
  19. package/lib/style/index.less +44 -44
  20. package/lib/style/index.min.css +1 -1
  21. package/lib/table/src/context/index.d.ts +6 -1
  22. package/lib/table/src/filter/CheckboxPanel.d.ts +7 -0
  23. package/lib/table/src/filter/DatePanel.d.ts +7 -0
  24. package/lib/table/src/filter/FooterPanel.d.ts +12 -0
  25. package/lib/table/src/filter/ListPanel.d.ts +11 -0
  26. package/lib/table/src/filter/NilPanel.d.ts +9 -0
  27. package/lib/table/src/filter/NumberPanel.d.ts +7 -0
  28. package/lib/table/src/filter/TextAreaPanel.d.ts +7 -0
  29. package/lib/table/src/filter/TextPanel.d.ts +7 -0
  30. package/lib/table/src/filter/TreePanel.d.ts +7 -0
  31. package/lib/table/src/filter/context.d.ts +3 -0
  32. package/lib/table/src/filter-sql/index.d.ts +1 -1
  33. package/lib/table/src/filter-sql/lib/filter_string.d.ts +1 -3
  34. package/lib/table/src/hooks/useImperativeMethod.d.ts +1 -0
  35. package/lib/table/src/hooks/useTableCore.d.ts +9 -5
  36. package/lib/table/src/hooks/useTableRef.d.ts +4 -9
  37. package/lib/table/src/hooks/useTableState.d.ts +4 -1
  38. package/lib/table/src/table/props.d.ts +1 -0
  39. package/lib/table/src/table/types.d.ts +6 -1
  40. package/lib/table/src/utils/index.d.ts +4 -1
  41. package/lib/table/style/body.less +1 -0
  42. package/lib/table/style/fast-search.less +151 -150
  43. package/lib/table/style/header.less +108 -10
  44. package/lib/table/style/variable.less +51 -51
  45. package/lib/virtual-list/src/core.d.ts +4 -5
  46. package/lib/virtual-list/src/useVirtual.d.ts +2 -2
  47. package/lib/virtual-list/src/utils.d.ts +1 -2
  48. package/lib/virtual-list/style/index.less +22 -22
  49. package/package.json +1 -1
@@ -1,11 +1,11 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2024-11-28 19:27:58
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2025-01-11 18:32:54
6
- */
7
- @import './variable.less';
8
- @import './main.less';
9
- @import './top-bar.less';
10
- @import './grid-layout.less';
11
- @import './context-menu.less';
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2024-11-28 19:27:58
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2025-01-11 18:32:54
6
+ */
7
+ @import './variable.less';
8
+ @import './main.less';
9
+ @import './top-bar.less';
10
+ @import './grid-layout.less';
11
+ @import './context-menu.less';
@@ -1,33 +1,33 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2022-03-16 19:05:30
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2024-12-25 14:25:58
6
- */
7
- @import '../../style/common';
8
-
9
- .@{prefix-pivot-grid} {
10
- display: flex;
11
- flex-direction: column;
12
- &.is-from-table {
13
- height: 100%;
14
- }
15
- &:not(.is-from-table) {
16
- border: 1px solid @--border-color-secondary;
17
- border-radius: @--border-radius-lg + 2px;
18
- }
19
- .top-bar {
20
- display: flex;
21
- justify-content: space-between;
22
- padding: @--padding-sm;
23
- border-bottom: 1px solid @--border-color-secondary;
24
- }
25
- .wrapper {
26
- display: flex;
27
- flex: auto;
28
- // height: 0;
29
- min-height: 0;
30
- padding: @--padding-md;
31
- background-color: @--background-color-light;
32
- }
33
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2022-03-16 19:05:30
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2024-12-25 14:25:58
6
+ */
7
+ @import '../../style/common';
8
+
9
+ .@{prefix-pivot-grid} {
10
+ display: flex;
11
+ flex-direction: column;
12
+ &.is-from-table {
13
+ height: 100%;
14
+ }
15
+ &:not(.is-from-table) {
16
+ border: 1px solid @--border-color-secondary;
17
+ border-radius: @--border-radius-lg + 2px;
18
+ }
19
+ .top-bar {
20
+ display: flex;
21
+ justify-content: space-between;
22
+ padding: @--padding-sm;
23
+ border-bottom: 1px solid @--border-color-secondary;
24
+ }
25
+ .wrapper {
26
+ display: flex;
27
+ flex: auto;
28
+ // height: 0;
29
+ min-height: 0;
30
+ padding: @--padding-md;
31
+ background-color: @--background-color-light;
32
+ }
33
+ }
@@ -1,189 +1,189 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2022-03-16 19:05:30
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2024-12-25 18:46:15
6
- */
7
- @import '../../style/common';
8
-
9
- .button-icon {
10
- display: inline-flex;
11
- text-align: center;
12
- text-transform: none;
13
- text-decoration: none;
14
- background: transparent;
15
- border: 0;
16
- outline: 0;
17
- line-height: 1;
18
- padding: 5px;
19
- color: @--text-color-placeholder;
20
- border-radius: @--border-radius-lg;
21
- transition: background-color 0.3s ease;
22
- cursor: pointer;
23
- &:not(.no-hover-bg):hover {
24
- background-color: @--background-color;
25
- }
26
- &.disabled {
27
- cursor: not-allowed;
28
- }
29
- }
30
-
31
- .@{prefix-pivot-grid} {
32
- .top-bar {
33
- .alert-info {
34
- background-color: rgba(0, 0, 0, 0.045);
35
- border-radius: @--border-radius-base;
36
- display: flex;
37
- align-items: center;
38
- margin-right: 4px;
39
- padding: 5px @--padding-sm;
40
- .icon {
41
- margin-right: 5px;
42
- color: @--primary-color;
43
- }
44
- }
45
- .action-btn {
46
- display: inline-flex;
47
- align-items: center;
48
- padding: 5px 12px;
49
- border-radius: @--border-radius-lg;
50
- cursor: pointer;
51
- transition: all 0.3s ease;
52
- &:hover,
53
- &.active,
54
- &.ant-dropdown-open {
55
- background-color: @--background-color;
56
- }
57
- .icon {
58
- margin-right: 6px;
59
- }
60
- }
61
- .ant-divider-vertical {
62
- margin: 0;
63
- height: 1.25em;
64
- }
65
- }
66
- }
67
-
68
- .@{prefix-pivot-grid}__popper {
69
- .container {
70
- padding: 6px 15px;
71
- &.scroll-y {
72
- overflow-y: auto;
73
- max-height: calc(100vh - 10px);
74
- }
75
- & > .label {
76
- display: flex;
77
- justify-content: space-between;
78
- align-items: center;
79
- padding: 4px 0;
80
- }
81
- & > .list {
82
- li.item {
83
- display: flex;
84
- align-items: center;
85
- margin: 6px 0;
86
- .icon {
87
- padding: 6px 2px;
88
- color: @--text-color-placeholder;
89
- cursor: pointer;
90
- }
91
- .close {
92
- margin-left: @--margin-sm;
93
- font-size: @--font-size-lg;
94
- padding: @--padding-sm;
95
- border-radius: @--border-radius-lg;
96
- transition: all 0.3s ease;
97
- &:hover {
98
- background-color: @--background-color;
99
- }
100
- }
101
- }
102
- li.check-item {
103
- display: flex;
104
- align-items: center;
105
- justify-content: space-between;
106
- border-radius: @--border-radius-lg;
107
- &.active {
108
- .icon {
109
- display: block;
110
- }
111
- }
112
- .icon {
113
- color: @--primary-color;
114
- display: none;
115
- }
116
- }
117
- li.sort-item {
118
- display: flex;
119
- align-items: center;
120
- padding-right: 6px;
121
- border-radius: @--border-radius-lg;
122
- transition: none;
123
- &.active {
124
- background-color: @--background-color-light;
125
- }
126
- .handle {
127
- padding: 5px 6px 5px 2px;
128
- color: @--text-color-placeholder;
129
- cursor: s-resize;
130
- }
131
- .label {
132
- flex: 1 0;
133
- display: inline-flex;
134
- align-items: center;
135
- .title {
136
- flex: 1 0;
137
- }
138
- }
139
- .button-icon:hover {
140
- background-color: #ddd;
141
- }
142
- }
143
- li.divider {
144
- padding: 6px;
145
- &::after {
146
- content: '';
147
- display: block;
148
- border-top: 1px solid @--border-color-secondary;
149
- }
150
- }
151
- }
152
- & > .add-record {
153
- display: flex;
154
- justify-content: space-between;
155
- align-items: center;
156
- padding: @--margin-md 0 4px;
157
- .insert {
158
- color: @--primary-4;
159
- cursor: pointer;
160
- .icon {
161
- margin-right: 4px;
162
- }
163
- }
164
- }
165
- & > .search {
166
- .search-switch {
167
- display: inline-flex;
168
- align-items: center;
169
- margin-right: -7px;
170
- &.disabled {
171
- .btn {
172
- pointer-events: none;
173
- }
174
- }
175
- .num {
176
- margin: 0 4px;
177
- color: @--text-color-placeholder;
178
- line-height: 1;
179
- }
180
- }
181
- }
182
- }
183
- .ant-dropdown-menu-root {
184
- padding: 5px;
185
- .ant-dropdown-menu-item {
186
- border-radius: @--border-radius-lg;
187
- }
188
- }
189
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2022-03-16 19:05:30
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2024-12-25 18:46:15
6
+ */
7
+ @import '../../style/common';
8
+
9
+ .button-icon {
10
+ display: inline-flex;
11
+ text-align: center;
12
+ text-transform: none;
13
+ text-decoration: none;
14
+ background: transparent;
15
+ border: 0;
16
+ outline: 0;
17
+ line-height: 1;
18
+ padding: 5px;
19
+ color: @--text-color-placeholder;
20
+ border-radius: @--border-radius-lg;
21
+ transition: background-color 0.3s ease;
22
+ cursor: pointer;
23
+ &:not(.no-hover-bg):hover {
24
+ background-color: @--background-color;
25
+ }
26
+ &.disabled {
27
+ cursor: not-allowed;
28
+ }
29
+ }
30
+
31
+ .@{prefix-pivot-grid} {
32
+ .top-bar {
33
+ .alert-info {
34
+ background-color: rgba(0, 0, 0, 0.045);
35
+ border-radius: @--border-radius-base;
36
+ display: flex;
37
+ align-items: center;
38
+ margin-right: 4px;
39
+ padding: 5px @--padding-sm;
40
+ .icon {
41
+ margin-right: 5px;
42
+ color: @--primary-color;
43
+ }
44
+ }
45
+ .action-btn {
46
+ display: inline-flex;
47
+ align-items: center;
48
+ padding: 5px 12px;
49
+ border-radius: @--border-radius-lg;
50
+ cursor: pointer;
51
+ transition: all 0.3s ease;
52
+ &:hover,
53
+ &.active,
54
+ &.ant-dropdown-open {
55
+ background-color: @--background-color;
56
+ }
57
+ .icon {
58
+ margin-right: 6px;
59
+ }
60
+ }
61
+ .ant-divider-vertical {
62
+ margin: 0;
63
+ height: 1.25em;
64
+ }
65
+ }
66
+ }
67
+
68
+ .@{prefix-pivot-grid}__popper {
69
+ .container {
70
+ padding: 6px 15px;
71
+ &.scroll-y {
72
+ overflow-y: auto;
73
+ max-height: calc(100vh - 10px);
74
+ }
75
+ & > .label {
76
+ display: flex;
77
+ justify-content: space-between;
78
+ align-items: center;
79
+ padding: 4px 0;
80
+ }
81
+ & > .list {
82
+ li.item {
83
+ display: flex;
84
+ align-items: center;
85
+ margin: 6px 0;
86
+ .icon {
87
+ padding: 6px 2px;
88
+ color: @--text-color-placeholder;
89
+ cursor: pointer;
90
+ }
91
+ .close {
92
+ margin-left: @--margin-sm;
93
+ font-size: @--font-size-lg;
94
+ padding: @--padding-sm;
95
+ border-radius: @--border-radius-lg;
96
+ transition: all 0.3s ease;
97
+ &:hover {
98
+ background-color: @--background-color;
99
+ }
100
+ }
101
+ }
102
+ li.check-item {
103
+ display: flex;
104
+ align-items: center;
105
+ justify-content: space-between;
106
+ border-radius: @--border-radius-lg;
107
+ &.active {
108
+ .icon {
109
+ display: block;
110
+ }
111
+ }
112
+ .icon {
113
+ color: @--primary-color;
114
+ display: none;
115
+ }
116
+ }
117
+ li.sort-item {
118
+ display: flex;
119
+ align-items: center;
120
+ padding-right: 6px;
121
+ border-radius: @--border-radius-lg;
122
+ transition: none;
123
+ &.active {
124
+ background-color: @--background-color-light;
125
+ }
126
+ .handle {
127
+ padding: 5px 6px 5px 2px;
128
+ color: @--text-color-placeholder;
129
+ cursor: s-resize;
130
+ }
131
+ .label {
132
+ flex: 1 0;
133
+ display: inline-flex;
134
+ align-items: center;
135
+ .title {
136
+ flex: 1 0;
137
+ }
138
+ }
139
+ .button-icon:hover {
140
+ background-color: #ddd;
141
+ }
142
+ }
143
+ li.divider {
144
+ padding: 6px;
145
+ &::after {
146
+ content: '';
147
+ display: block;
148
+ border-top: 1px solid @--border-color-secondary;
149
+ }
150
+ }
151
+ }
152
+ & > .add-record {
153
+ display: flex;
154
+ justify-content: space-between;
155
+ align-items: center;
156
+ padding: @--margin-md 0 4px;
157
+ .insert {
158
+ color: @--primary-4;
159
+ cursor: pointer;
160
+ .icon {
161
+ margin-right: 4px;
162
+ }
163
+ }
164
+ }
165
+ & > .search {
166
+ .search-switch {
167
+ display: inline-flex;
168
+ align-items: center;
169
+ margin-right: -7px;
170
+ &.disabled {
171
+ .btn {
172
+ pointer-events: none;
173
+ }
174
+ }
175
+ .num {
176
+ margin: 0 4px;
177
+ color: @--text-color-placeholder;
178
+ line-height: 1;
179
+ }
180
+ }
181
+ }
182
+ }
183
+ .ant-dropdown-menu-root {
184
+ padding: 5px;
185
+ .ant-dropdown-menu-item {
186
+ border-radius: @--border-radius-lg;
187
+ }
188
+ }
189
+ }
@@ -12,9 +12,8 @@
12
12
  position: relative;
13
13
  &__wrap {
14
14
  display: grid;
15
- height: 100%;
16
- max-height: inherit;
17
15
  overflow: auto;
16
+ max-height: 100%;
18
17
  &--hidden {
19
18
  scrollbar-width: none;
20
19
  &::-webkit-scrollbar {
@@ -1,34 +1,34 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2022-01-11 18:01:20
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-09-04 16:40:18
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-search-tree: ~'@{qm-prefix}-search-tree';
10
-
11
- .@{prefix-search-tree} {
12
- .reset-container();
13
- height: 100%;
14
- .topper {
15
- display: flex;
16
- justify-content: space-between;
17
- align-items: center;
18
- margin-bottom: @--margin-md;
19
- .ant-input-affix-wrapper {
20
- flex: 1 0;
21
- }
22
- .trigger {
23
- flex-shrink: 0;
24
- margin-left: @--margin-sm;
25
- }
26
- }
27
- .ant-tree {
28
- .filter-node {
29
- & > span:last-of-type {
30
- color: @--primary-color;
31
- }
32
- }
33
- }
34
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2022-01-11 18:01:20
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-09-04 16:40:18
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-search-tree: ~'@{qm-prefix}-search-tree';
10
+
11
+ .@{prefix-search-tree} {
12
+ .reset-container();
13
+ height: 100%;
14
+ .topper {
15
+ display: flex;
16
+ justify-content: space-between;
17
+ align-items: center;
18
+ margin-bottom: @--margin-md;
19
+ .ant-input-affix-wrapper {
20
+ flex: 1 0;
21
+ }
22
+ .trigger {
23
+ flex-shrink: 0;
24
+ margin-left: @--margin-sm;
25
+ }
26
+ }
27
+ .ant-tree {
28
+ .filter-node {
29
+ & > span:last-of-type {
30
+ color: @--primary-color;
31
+ }
32
+ }
33
+ }
34
+ }