vxe-gantt 3.6.0 → 3.6.2

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 (35) hide show
  1. package/es/gantt/src/gantt-view.js +6 -2
  2. package/es/gantt/src/gantt.js +7 -3
  3. package/es/gantt/style.css +21 -21
  4. package/es/gantt/style.min.css +1 -1
  5. package/es/style.css +1 -1
  6. package/es/style.min.css +1 -1
  7. package/es/ui/index.js +2 -1
  8. package/es/ui/src/log.js +2 -2
  9. package/es/vxe-gantt/style.css +21 -21
  10. package/es/vxe-gantt/style.min.css +1 -1
  11. package/lib/gantt/src/gantt-view.js +4 -0
  12. package/lib/gantt/src/gantt-view.min.js +1 -1
  13. package/lib/gantt/src/gantt.js +7 -3
  14. package/lib/gantt/src/gantt.min.js +1 -1
  15. package/lib/gantt/style/style.css +21 -21
  16. package/lib/gantt/style/style.min.css +1 -1
  17. package/lib/index.umd.js +21 -8
  18. package/lib/index.umd.min.js +1 -1
  19. package/lib/style.css +1 -1
  20. package/lib/style.min.css +1 -1
  21. package/lib/ui/index.js +2 -1
  22. package/lib/ui/index.min.js +1 -1
  23. package/lib/ui/src/log.js +4 -2
  24. package/lib/ui/src/log.min.js +1 -1
  25. package/lib/vxe-gantt/style/style.css +21 -21
  26. package/lib/vxe-gantt/style/style.min.css +1 -1
  27. package/package.json +3 -3
  28. package/packages/gantt/src/gantt-view.ts +6 -2
  29. package/packages/gantt/src/gantt.ts +7 -3
  30. package/packages/ui/index.ts +1 -0
  31. package/packages/ui/src/log.ts +1 -1
  32. package/styles/components/gantt.scss +28 -15
  33. package/styles/theme/base.scss +8 -2
  34. package/styles/theme/dark.scss +0 -1
  35. package/styles/theme/light.scss +0 -1
package/styles/components/gantt.scss CHANGED
@@ -293,6 +293,22 @@
293
293
  }
294
294
 
295
295
  /*分割条*/
296
+ .vxe-gantt--gantt-container {
297
+ &.is--ah-split-btn {
298
+ & > .vxe-gantt--view-split-bar {
299
+ .vxe-gantt--view-split-bar-action-btn {
300
+ opacity: 0;
301
+ }
302
+ }
303
+ &:hover {
304
+ & > .vxe-gantt--view-split-bar {
305
+ .vxe-gantt--view-split-bar-action-btn {
306
+ opacity: 1;
307
+ }
308
+ }
309
+ }
310
+ }
311
+ }
296
312
  .vxe-gantt--view-split-bar {
297
313
  position: relative;
298
314
  user-select: none;
@@ -306,33 +322,23 @@
306
322
  z-index: 3;
307
323
  }
308
324
  .vxe-gantt--view-split-bar-btn-wrapper {
309
- display: flex;
310
- flex-direction: column;
311
- align-items: center;
312
325
  position: absolute;
313
326
  left: 50%;
314
327
  top: 50%;
315
328
  transform: translate(-50%, -50%);
316
329
  z-index: 5;
317
330
  pointer-events: none;
318
- & > div {
319
- margin-top: 1em;
320
- &:first-child {
321
- margin-top: 0;
322
- }
323
- }
324
331
  }
325
- .vxe-gantt--view-split-bar-left-btn,
326
- .vxe-gantt--view-split-bar-right-btn {
332
+ .vxe-gantt--view-split-bar-action-btn {
333
+ position: absolute;
327
334
  display: flex;
328
335
  flex-direction: row;
329
336
  align-items: center;
330
337
  justify-content: center;
331
- height: var(--vxe-ui-gantt-view-split-bar-height);
332
- width: var(--vxe-ui-gantt-view-split-bar-width);
333
- color: var(--vxe-ui-layout-background-color);
338
+ height: var(--vxe-ui-gantt-view-split-bar-action-btn-height);
339
+ width: var(--vxe-ui-gantt-view-split-bar-action-btn-width);
334
340
  border-radius: var(--vxe-ui-base-border-radius);
335
- background-color: var(--vxe-ui-gantt-view-handle-background-color);
341
+ background-color: var(--vxe-ui-gantt-view-handle-button-background-color);
336
342
  border: 1px solid var(--vxe-ui-input-border-color);
337
343
  pointer-events: all;
338
344
  cursor: pointer;
@@ -345,10 +351,17 @@
345
351
  &:active {
346
352
  transform: scale(0.9);
347
353
  }
354
+ &.is--prev {
355
+ left: calc(var(--vxe-ui-gantt-view-split-bar-action-btn-width) * -1 - 0.2em);
356
+ }
357
+ &.is--next {
358
+ right: calc(var(--vxe-ui-gantt-view-split-bar-action-btn-width) * -1 - 0.2em);
359
+ }
348
360
  i {
349
361
  font-size: 0.5em;
350
362
  }
351
363
  }
364
+
352
365
  .vxe-gantt--resizable-split-tip {
353
366
  display: none;
354
367
  position: absolute;
package/styles/theme/base.scss CHANGED
@@ -2,13 +2,19 @@
2
2
  /*gantt*/
3
3
  --vxe-ui-gantt-view-default-cell-width: 2.6em;
4
4
  --vxe-ui-gantt-view-chart-bar-height: 1.6em;
5
- --vxe-ui-gantt-view-split-bar-width: 0.68em;
6
- --vxe-ui-gantt-view-split-bar-height: 3.2em;
5
+
6
+ --vxe-ui-gantt-view-split-bar-width: 2px;
7
+ --vxe-ui-gantt-view-split-bar-action-btn-width: 1.2em;
8
+ --vxe-ui-gantt-view-split-bar-action-btn-height: 2.4em;
9
+ --vxe-ui-gantt-view-handle-button-background-color: var(--vxe-ui-gantt-view-split-bar-background-color);
10
+
7
11
  --vxe-ui-gantt-view-table-default-width: 30%;
12
+
8
13
  --vxe-ui-gantt-view-task-bar-border-radius: calc(var(--vxe-ui-gantt-view-split-bar-height) / 2);
9
14
  --vxe-ui-gantt-view-task-bar-background-color: var(--vxe-ui-font-primary-lighten-color);
10
15
  --vxe-ui-gantt-view-task-bar-completed-background-color: var(--vxe-ui-font-primary-color);
11
16
  --vxe-ui-gantt-view-task-bar-overview-background-color: var(--vxe-ui-font-disabled-color);
17
+
12
18
  --vxe-ui-gantt-view-task-line-color: var(--vxe-ui-font-primary-color);
13
19
  --vxe-ui-gantt-view-task-line-width: 2px;
14
20
  --vxe-ui-gantt-view-task-line-arrow-width: 5;
package/styles/theme/dark.scss CHANGED
@@ -2,7 +2,6 @@
2
2
 
3
3
  [data-vxe-ui-theme="dark"] {
4
4
  /*gantt*/
5
- --vxe-ui-gantt-view-handle-background-color: #9f9f9f;
6
5
  --vxe-ui-gantt-view-split-bar-background-color: #444444;
7
6
  --vxe-ui-gantt-view-split-bar-hover-background-color: #606060;
8
7
  }
package/styles/theme/light.scss CHANGED
@@ -2,7 +2,6 @@
2
2
 
3
3
  [data-vxe-ui-theme="light"] {
4
4
  /*gantt*/
5
- --vxe-ui-gantt-view-handle-background-color: #8b8b8b;
6
5
  --vxe-ui-gantt-view-split-bar-background-color: #e2e2e3;
7
6
  --vxe-ui-gantt-view-split-bar-hover-background-color: #d8d8d8;
8
7
  }