vxe-gantt 3.4.2 → 3.4.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 (44) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +53 -53
  3. package/es/gantt/src/gantt.js +1 -1
  4. package/es/ui/index.js +1 -1
  5. package/es/ui/src/log.js +1 -1
  6. package/lib/gantt/src/gantt.js +1 -1
  7. package/lib/gantt/src/gantt.min.js +1 -1
  8. package/lib/index.umd.js +50 -50
  9. package/lib/index.umd.min.js +1 -1
  10. package/lib/ui/index.js +1 -1
  11. package/lib/ui/index.min.js +1 -1
  12. package/lib/ui/src/log.js +1 -1
  13. package/lib/ui/src/log.min.js +1 -1
  14. package/package.json +88 -88
  15. package/packages/components.ts +22 -22
  16. package/packages/gantt/index.ts +32 -32
  17. package/packages/gantt/src/gantt-body.ts +323 -323
  18. package/packages/gantt/src/gantt-chart.ts +542 -542
  19. package/packages/gantt/src/gantt-footer.ts +73 -73
  20. package/packages/gantt/src/gantt-header.ts +162 -162
  21. package/packages/gantt/src/gantt-view.ts +1954 -1954
  22. package/packages/gantt/src/gantt.ts +2827 -2827
  23. package/packages/gantt/src/static.ts +35 -35
  24. package/packages/gantt/src/util.ts +47 -47
  25. package/packages/index.ts +8 -8
  26. package/packages/ui/index.ts +119 -119
  27. package/packages/ui/src/comp.ts +3 -3
  28. package/packages/ui/src/depend.ts +14 -14
  29. package/packages/ui/src/dom.ts +196 -196
  30. package/packages/ui/src/log.ts +8 -8
  31. package/packages/ui/src/utils.ts +67 -67
  32. package/packages/ui/src/vn.ts +13 -13
  33. package/styles/all.scss +3 -3
  34. package/styles/base.scss +2 -2
  35. package/styles/components/gantt-module/gantt-chart.scss +261 -261
  36. package/styles/components/gantt.scss +707 -707
  37. package/styles/helpers/baseMixin.scss +95 -95
  38. package/styles/helpers/baseVar.scss +3 -3
  39. package/styles/helpers/placement.scss +38 -38
  40. package/styles/theme/base.scss +14 -14
  41. package/styles/theme/dark.scss +8 -8
  42. package/styles/theme/light.scss +8 -8
  43. package/types/all.d.ts +16 -16
  44. package/types/index.d.ts +4 -4
package/styles/components/gantt-module/gantt-chart.scss CHANGED
@@ -1,262 +1,262 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- .vxe-gantt-view--chart-task-wrapper {
5
- position: absolute;
6
- top: 0;
7
- left: 0;
8
- pointer-events: none;
9
- }
10
-
11
- .vxe-gantt-view--chart-row,
12
- .vxe-gantt-view--chart-subview-row {
13
- position: relative;
14
- width: 100%;
15
- height: 0;
16
- }
17
- .vxe-gantt-view--chart-row {
18
- &.row--pending {
19
- .vxe-gantt-view--chart-bar {
20
- color: var(--vxe-ui-font-disabled-color);
21
- opacity: 0.5;
22
- text-decoration: line-through;
23
- }
24
- }
25
- &.is--round {
26
- & > .vxe-gantt-view--chart-bar,
27
- & > .vxe-gantt-view--chart-custom-bar {
28
- border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
29
- .vxe-gantt-view--chart-bar-content-wrapper,
30
- .vxe-gantt-view--chart-custom-bar-content-wrapper {
31
- border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
32
- }
33
- &:hover {
34
- &::after {
35
- border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
36
- }
37
- }
38
- }
39
- }
40
- }
41
- .vxe-gantt-view--chart-subview-row {
42
- &.row--pending {
43
- .vxe-gantt-view--chart-subview-bar,
44
- .vxe-gantt-view--chart-subview-custom-bar {
45
- color: var(--vxe-ui-font-disabled-color);
46
- opacity: 0.5;
47
- text-decoration: line-through;
48
- }
49
- }
50
- &.is--round {
51
- & > .vxe-gantt-view--chart-subview-bar,
52
- & > .vxe-gantt-view--chart-subview-custom-bar {
53
- border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
54
- .vxe-gantt-view--chart-subview-bar-content-wrapper,
55
- .vxe-gantt-view--chart-subview-custom-bar-content-wrapper {
56
- border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
57
- }
58
- &:hover {
59
- &::after {
60
- border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
61
- }
62
- }
63
- }
64
- }
65
- }
66
- .vxe-gantt-view--chart-subview-wrapper {
67
- &.is--overview {
68
- & > .vxe-gantt-view--chart-subview-row {
69
- .vxe-gantt-view--chart-subview-bar {
70
- color: #ffffff;
71
- background-color: var(--vxe-ui-gantt-view-task-bar-overview-background-color);
72
- }
73
- }
74
- }
75
- }
76
-
77
- .vxe-gantt-view--chart-bar,
78
- .vxe-gantt-view--chart-custom-bar,
79
- .vxe-gantt-view--chart-subview-bar,
80
- .vxe-gantt-view--chart-subview-custom-bar {
81
- display: flex;
82
- flex-direction: row;
83
- position: absolute;
84
- top: 50%;
85
- left: 0;
86
- transform: translateY(-50%);
87
- pointer-events: all;
88
- }
89
-
90
- .vxe-gantt-view--chart-row {
91
- &.is--progress {
92
- & > .vxe-gantt-view--chart-bar,
93
- & > .vxe-gantt-view--chart-custom-bar {
94
- &.is--default {
95
- color: #ffffff;
96
- background-color: var(--vxe-ui-gantt-view-task-bar-background-color);
97
- }
98
- }
99
- }
100
- &:not(.is--progress) {
101
- & > .vxe-gantt-view--chart-bar,
102
- & > .vxe-gantt-view--chart-custom-bar {
103
- &.is--default {
104
- color: #ffffff;
105
- background-color: var(--vxe-ui-gantt-view-task-bar-completed-background-color);
106
- }
107
- }
108
- }
109
- }
110
- .vxe-gantt-view--chart-subview-row {
111
- &.is--progress {
112
- & > .vxe-gantt-view--chart-subview-bar,
113
- & > .vxe-gantt-view--chart-subview-custom-bar {
114
- &.is--subview {
115
- color: #ffffff;
116
- background-color: var(--vxe-ui-gantt-view-task-bar-overview-background-color);
117
- }
118
- &.is--default {
119
- color: #ffffff;
120
- background-color: var(--vxe-ui-gantt-view-task-bar-background-color);
121
- }
122
- }
123
- }
124
- &:not(.is--progress) {
125
- & > .vxe-gantt-view--chart-subview-bar,
126
- & > .vxe-gantt-view--chart-subview-custom-bar {
127
- &.is--subview {
128
- color: #ffffff;
129
- background-color: var(--vxe-ui-gantt-view-task-bar-overview-background-color);
130
- }
131
- &.is--default {
132
- color: #ffffff;
133
- background-color: var(--vxe-ui-gantt-view-task-bar-completed-background-color);
134
- }
135
- }
136
- }
137
- }
138
- .vxe-gantt-view--chart-bar-content-wrapper,
139
- .vxe-gantt-view--chart-subview-bar-content-wrapper{
140
- height: var(--vxe-ui-gantt-view-chart-bar-height);
141
- }
142
- .vxe-gantt-view--chart-custom-bar-content-wrapper,
143
- .vxe-gantt-view--chart-subview-custom-bar-content-wrapper {
144
- min-height: var(--vxe-ui-gantt-view-chart-bar-height);
145
- }
146
-
147
- .vxe-gantt-view--chart-bar-content-wrapper,
148
- .vxe-gantt-view--chart-custom-bar-content-wrapper,
149
- .vxe-gantt-view--chart-subview-bar-content-wrapper,
150
- .vxe-gantt-view--chart-subview-custom-bar-content-wrapper {
151
- width: 100%;
152
- overflow: hidden;
153
- }
154
- .vxe-gantt-view--chart-bar-content-wrapper,
155
- .vxe-gantt-view--chart-subview-bar-content-wrapper {
156
- width: 100%;
157
- display: flex;
158
- flex-direction: row;
159
- align-items: center;
160
- }
161
- .vxe-gantt-view--chart-bar,
162
- .vxe-gantt-view--chart-custom-bar,
163
- .vxe-gantt-view--chart-subview-bar,
164
- .vxe-gantt-view--chart-subview-custom-bar {
165
- align-items: center;
166
- &.is--default {
167
- &:hover {
168
- &::after {
169
- content: "";
170
- position: absolute;
171
- top: 0;
172
- left: 0;
173
- width: 100%;
174
- height: 100%;
175
- background-color: rgba(0, 0, 0, 0.1);
176
- pointer-events: none;
177
- }
178
- }
179
- }
180
- &.is--milestone {
181
- white-space: nowrap;
182
- }
183
- }
184
- .vxe-gantt-view--chart-progress {
185
- flex-shrink: 0;
186
- width: 0;
187
- height: 100%;
188
- text-align: left;
189
- background-color: var(--vxe-ui-gantt-view-task-bar-completed-background-color);
190
- overflow: hidden;
191
- text-overflow: ellipsis;
192
- white-space: nowrap;
193
- }
194
- .vxe-gantt-view--chart-content {
195
- position: absolute;
196
- width: 100%;
197
- overflow: hidden;
198
- text-overflow: ellipsis;
199
- white-space: nowrap;
200
- font-size: 0.9em;
201
- padding: 0 0.6em;
202
- }
203
-
204
- $iconThemeList: (
205
- (
206
- name: "primary",
207
- color: var(--vxe-ui-font-primary-color),
208
- ),
209
- (
210
- name: "success",
211
- color: var(--vxe-ui-status-success-color),
212
- ),
213
- (
214
- name: "info",
215
- color: var(--vxe-ui-status-info-color),
216
- ),
217
- (
218
- name: "warning",
219
- color: var(--vxe-ui-status-warning-color),
220
- ),
221
- (
222
- name: "danger",
223
- color: var(--vxe-ui-status-danger-color),
224
- ),
225
- (
226
- name: "error",
227
- color: var(--vxe-ui-status-error-color),
228
- )
229
- );
230
- .vxe-gantt-view--chart-milestone-wrapper {
231
- display: flex;
232
- flex-direction: row;
233
- align-items: center;
234
- }
235
- .vxe-gantt-view--chart-milestone-icon {
236
- flex-shrink: 0;
237
- padding: 0 0.3em;
238
- color: var(--vxe-ui-font-primary-color);
239
- @for $index from 0 to list.length($iconThemeList) {
240
- $item: list.nth($iconThemeList, $index + 1);
241
- &.theme--#{map.get($item, name)} {
242
- color: map.get($item, color);
243
- }
244
- }
245
- i {
246
- display: inline-block;
247
- }
248
- }
249
- .vxe-gantt-view--chart-milestone-content {
250
- flex-grow: 1;
251
- }
252
-
253
- /*行拖拽*/
254
- .vxe-gantt-view--chart-row,
255
- .vxe-gantt-view--chart-subview-row {
256
- &.row--drag-move {
257
- transition: transform 0.5s ease;
258
- }
259
- &.row--drag-origin {
260
- opacity: 0.3;
261
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+
4
+ .vxe-gantt-view--chart-task-wrapper {
5
+ position: absolute;
6
+ top: 0;
7
+ left: 0;
8
+ pointer-events: none;
9
+ }
10
+
11
+ .vxe-gantt-view--chart-row,
12
+ .vxe-gantt-view--chart-subview-row {
13
+ position: relative;
14
+ width: 100%;
15
+ height: 0;
16
+ }
17
+ .vxe-gantt-view--chart-row {
18
+ &.row--pending {
19
+ .vxe-gantt-view--chart-bar {
20
+ color: var(--vxe-ui-font-disabled-color);
21
+ opacity: 0.5;
22
+ text-decoration: line-through;
23
+ }
24
+ }
25
+ &.is--round {
26
+ & > .vxe-gantt-view--chart-bar,
27
+ & > .vxe-gantt-view--chart-custom-bar {
28
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
29
+ .vxe-gantt-view--chart-bar-content-wrapper,
30
+ .vxe-gantt-view--chart-custom-bar-content-wrapper {
31
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
32
+ }
33
+ &:hover {
34
+ &::after {
35
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
36
+ }
37
+ }
38
+ }
39
+ }
40
+ }
41
+ .vxe-gantt-view--chart-subview-row {
42
+ &.row--pending {
43
+ .vxe-gantt-view--chart-subview-bar,
44
+ .vxe-gantt-view--chart-subview-custom-bar {
45
+ color: var(--vxe-ui-font-disabled-color);
46
+ opacity: 0.5;
47
+ text-decoration: line-through;
48
+ }
49
+ }
50
+ &.is--round {
51
+ & > .vxe-gantt-view--chart-subview-bar,
52
+ & > .vxe-gantt-view--chart-subview-custom-bar {
53
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
54
+ .vxe-gantt-view--chart-subview-bar-content-wrapper,
55
+ .vxe-gantt-view--chart-subview-custom-bar-content-wrapper {
56
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
57
+ }
58
+ &:hover {
59
+ &::after {
60
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
61
+ }
62
+ }
63
+ }
64
+ }
65
+ }
66
+ .vxe-gantt-view--chart-subview-wrapper {
67
+ &.is--overview {
68
+ & > .vxe-gantt-view--chart-subview-row {
69
+ .vxe-gantt-view--chart-subview-bar {
70
+ color: #ffffff;
71
+ background-color: var(--vxe-ui-gantt-view-task-bar-overview-background-color);
72
+ }
73
+ }
74
+ }
75
+ }
76
+
77
+ .vxe-gantt-view--chart-bar,
78
+ .vxe-gantt-view--chart-custom-bar,
79
+ .vxe-gantt-view--chart-subview-bar,
80
+ .vxe-gantt-view--chart-subview-custom-bar {
81
+ display: flex;
82
+ flex-direction: row;
83
+ position: absolute;
84
+ top: 50%;
85
+ left: 0;
86
+ transform: translateY(-50%);
87
+ pointer-events: all;
88
+ }
89
+
90
+ .vxe-gantt-view--chart-row {
91
+ &.is--progress {
92
+ & > .vxe-gantt-view--chart-bar,
93
+ & > .vxe-gantt-view--chart-custom-bar {
94
+ &.is--default {
95
+ color: #ffffff;
96
+ background-color: var(--vxe-ui-gantt-view-task-bar-background-color);
97
+ }
98
+ }
99
+ }
100
+ &:not(.is--progress) {
101
+ & > .vxe-gantt-view--chart-bar,
102
+ & > .vxe-gantt-view--chart-custom-bar {
103
+ &.is--default {
104
+ color: #ffffff;
105
+ background-color: var(--vxe-ui-gantt-view-task-bar-completed-background-color);
106
+ }
107
+ }
108
+ }
109
+ }
110
+ .vxe-gantt-view--chart-subview-row {
111
+ &.is--progress {
112
+ & > .vxe-gantt-view--chart-subview-bar,
113
+ & > .vxe-gantt-view--chart-subview-custom-bar {
114
+ &.is--subview {
115
+ color: #ffffff;
116
+ background-color: var(--vxe-ui-gantt-view-task-bar-overview-background-color);
117
+ }
118
+ &.is--default {
119
+ color: #ffffff;
120
+ background-color: var(--vxe-ui-gantt-view-task-bar-background-color);
121
+ }
122
+ }
123
+ }
124
+ &:not(.is--progress) {
125
+ & > .vxe-gantt-view--chart-subview-bar,
126
+ & > .vxe-gantt-view--chart-subview-custom-bar {
127
+ &.is--subview {
128
+ color: #ffffff;
129
+ background-color: var(--vxe-ui-gantt-view-task-bar-overview-background-color);
130
+ }
131
+ &.is--default {
132
+ color: #ffffff;
133
+ background-color: var(--vxe-ui-gantt-view-task-bar-completed-background-color);
134
+ }
135
+ }
136
+ }
137
+ }
138
+ .vxe-gantt-view--chart-bar-content-wrapper,
139
+ .vxe-gantt-view--chart-subview-bar-content-wrapper{
140
+ height: var(--vxe-ui-gantt-view-chart-bar-height);
141
+ }
142
+ .vxe-gantt-view--chart-custom-bar-content-wrapper,
143
+ .vxe-gantt-view--chart-subview-custom-bar-content-wrapper {
144
+ min-height: var(--vxe-ui-gantt-view-chart-bar-height);
145
+ }
146
+
147
+ .vxe-gantt-view--chart-bar-content-wrapper,
148
+ .vxe-gantt-view--chart-custom-bar-content-wrapper,
149
+ .vxe-gantt-view--chart-subview-bar-content-wrapper,
150
+ .vxe-gantt-view--chart-subview-custom-bar-content-wrapper {
151
+ width: 100%;
152
+ overflow: hidden;
153
+ }
154
+ .vxe-gantt-view--chart-bar-content-wrapper,
155
+ .vxe-gantt-view--chart-subview-bar-content-wrapper {
156
+ width: 100%;
157
+ display: flex;
158
+ flex-direction: row;
159
+ align-items: center;
160
+ }
161
+ .vxe-gantt-view--chart-bar,
162
+ .vxe-gantt-view--chart-custom-bar,
163
+ .vxe-gantt-view--chart-subview-bar,
164
+ .vxe-gantt-view--chart-subview-custom-bar {
165
+ align-items: center;
166
+ &.is--default {
167
+ &:hover {
168
+ &::after {
169
+ content: "";
170
+ position: absolute;
171
+ top: 0;
172
+ left: 0;
173
+ width: 100%;
174
+ height: 100%;
175
+ background-color: rgba(0, 0, 0, 0.1);
176
+ pointer-events: none;
177
+ }
178
+ }
179
+ }
180
+ &.is--milestone {
181
+ white-space: nowrap;
182
+ }
183
+ }
184
+ .vxe-gantt-view--chart-progress {
185
+ flex-shrink: 0;
186
+ width: 0;
187
+ height: 100%;
188
+ text-align: left;
189
+ background-color: var(--vxe-ui-gantt-view-task-bar-completed-background-color);
190
+ overflow: hidden;
191
+ text-overflow: ellipsis;
192
+ white-space: nowrap;
193
+ }
194
+ .vxe-gantt-view--chart-content {
195
+ position: absolute;
196
+ width: 100%;
197
+ overflow: hidden;
198
+ text-overflow: ellipsis;
199
+ white-space: nowrap;
200
+ font-size: 0.9em;
201
+ padding: 0 0.6em;
202
+ }
203
+
204
+ $iconThemeList: (
205
+ (
206
+ name: "primary",
207
+ color: var(--vxe-ui-font-primary-color),
208
+ ),
209
+ (
210
+ name: "success",
211
+ color: var(--vxe-ui-status-success-color),
212
+ ),
213
+ (
214
+ name: "info",
215
+ color: var(--vxe-ui-status-info-color),
216
+ ),
217
+ (
218
+ name: "warning",
219
+ color: var(--vxe-ui-status-warning-color),
220
+ ),
221
+ (
222
+ name: "danger",
223
+ color: var(--vxe-ui-status-danger-color),
224
+ ),
225
+ (
226
+ name: "error",
227
+ color: var(--vxe-ui-status-error-color),
228
+ )
229
+ );
230
+ .vxe-gantt-view--chart-milestone-wrapper {
231
+ display: flex;
232
+ flex-direction: row;
233
+ align-items: center;
234
+ }
235
+ .vxe-gantt-view--chart-milestone-icon {
236
+ flex-shrink: 0;
237
+ padding: 0 0.3em;
238
+ color: var(--vxe-ui-font-primary-color);
239
+ @for $index from 0 to list.length($iconThemeList) {
240
+ $item: list.nth($iconThemeList, $index + 1);
241
+ &.theme--#{map.get($item, name)} {
242
+ color: map.get($item, color);
243
+ }
244
+ }
245
+ i {
246
+ display: inline-block;
247
+ }
248
+ }
249
+ .vxe-gantt-view--chart-milestone-content {
250
+ flex-grow: 1;
251
+ }
252
+
253
+ /*行拖拽*/
254
+ .vxe-gantt-view--chart-row,
255
+ .vxe-gantt-view--chart-subview-row {
256
+ &.row--drag-move {
257
+ transition: transform 0.5s ease;
258
+ }
259
+ &.row--drag-origin {
260
+ opacity: 0.3;
261
+ }
262
262
  }