vxe-gantt 4.0.0-beta.5 → 4.0.0-beta.7

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 (47) hide show
  1. package/es/gantt/src/gantt-body.js +23 -6
  2. package/es/gantt/src/gantt-chart.js +6 -1
  3. package/es/gantt/src/gantt-header.js +1 -15
  4. package/es/gantt/src/gantt-view.js +34 -62
  5. package/es/gantt/src/gantt.js +18 -6
  6. package/es/gantt/src/util.js +0 -6
  7. package/es/gantt/style.css +17 -3
  8. package/es/gantt/style.min.css +1 -1
  9. package/es/style.css +1 -1
  10. package/es/style.min.css +1 -1
  11. package/es/ui/index.js +1 -1
  12. package/es/ui/src/log.js +1 -1
  13. package/es/vxe-gantt/style.css +17 -3
  14. package/es/vxe-gantt/style.min.css +1 -1
  15. package/lib/gantt/src/gantt-body.js +30 -5
  16. package/lib/gantt/src/gantt-body.min.js +1 -1
  17. package/lib/gantt/src/gantt-chart.js +8 -1
  18. package/lib/gantt/src/gantt-chart.min.js +1 -1
  19. package/lib/gantt/src/gantt-header.js +1 -18
  20. package/lib/gantt/src/gantt-header.min.js +1 -1
  21. package/lib/gantt/src/gantt-view.js +39 -69
  22. package/lib/gantt/src/gantt-view.min.js +1 -1
  23. package/lib/gantt/src/gantt.js +21 -4
  24. package/lib/gantt/src/gantt.min.js +1 -1
  25. package/lib/gantt/src/util.js +0 -7
  26. package/lib/gantt/src/util.min.js +1 -1
  27. package/lib/gantt/style/style.css +17 -3
  28. package/lib/gantt/style/style.min.css +1 -1
  29. package/lib/index.umd.js +221 -157
  30. package/lib/index.umd.min.js +1 -1
  31. package/lib/style.css +1 -1
  32. package/lib/style.min.css +1 -1
  33. package/lib/ui/index.js +1 -1
  34. package/lib/ui/index.min.js +1 -1
  35. package/lib/ui/src/log.js +1 -1
  36. package/lib/ui/src/log.min.js +1 -1
  37. package/lib/vxe-gantt/style/style.css +17 -3
  38. package/lib/vxe-gantt/style/style.min.css +1 -1
  39. package/package.json +3 -3
  40. package/packages/gantt/src/gantt-body.ts +23 -6
  41. package/packages/gantt/src/gantt-chart.ts +7 -1
  42. package/packages/gantt/src/gantt-header.ts +1 -19
  43. package/packages/gantt/src/gantt-view.ts +37 -67
  44. package/packages/gantt/src/gantt.ts +18 -6
  45. package/packages/gantt/src/util.ts +0 -7
  46. package/styles/components/gantt-module/gantt-chart.scss +1 -3
  47. package/styles/components/gantt.scss +15 -0
package/es/ui/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { VxeUI } from '@vxe-ui/core';
2
2
  import { errLog } from './src/log';
3
3
  const { setConfig, setIcon, checkVersion } = VxeUI;
4
- VxeUI.ganttVersion = "4.0.0-beta.5";
4
+ VxeUI.ganttVersion = "4.0.0-beta.7";
5
5
  setConfig({
6
6
  gantt: {
7
7
  // size: null,
package/es/ui/src/log.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { VxeUI } from '@vxe-ui/core';
2
2
  const { log } = VxeUI;
3
- const version = `gantt v${"4.0.0-beta.5"}`;
3
+ const version = `gantt v${"4.0.0-beta.7"}`;
4
4
  export const warnLog = log.create('warn', version);
5
5
  export const errLog = log.create('error', version);
package/es/vxe-gantt/style.css CHANGED
@@ -15,9 +15,6 @@
15
15
  .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar:hover::after {
16
16
  border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
17
17
  }
18
- .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar > .vxe-gantt-view--chart-progress {
19
- border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius) 0 0 var(--vxe-ui-gantt-view-task-bar-border-radius);
20
- }
21
18
 
22
19
  .vxe-gantt-view--chart-bar {
23
20
  display: flex;
@@ -30,6 +27,7 @@
30
27
  transform: translateY(-50%);
31
28
  height: var(--vxe-ui-gantt-view-chart-bar-height);
32
29
  background-color: var(--vxe-ui-gantt-view-task-bar-background-color);
30
+ overflow: hidden;
33
31
  pointer-events: all;
34
32
  }
35
33
  .vxe-gantt-view--chart-bar:hover::after {
@@ -555,6 +553,10 @@
555
553
  float: left;
556
554
  }
557
555
 
556
+ .vxe-gantt-view--header-table {
557
+ height: 100%;
558
+ }
559
+
558
560
  .vxe-gantt-view--header-table,
559
561
  .vxe-gantt-view--body-table {
560
562
  border: 0;
@@ -613,6 +615,12 @@
613
615
  .vxe-gantt-view--body-row.row--stripe {
614
616
  background-color: var(--vxe-ui-table-row-striped-background-color);
615
617
  }
618
+ .vxe-gantt-view--body-row.row--radio {
619
+ background-color: var(--vxe-ui-table-row-radio-checked-background-color);
620
+ }
621
+ .vxe-gantt-view--body-row.row--checked {
622
+ background-color: var(--vxe-ui-table-row-checkbox-checked-background-color);
623
+ }
616
624
  .vxe-gantt-view--body-row.row--current {
617
625
  background-color: var(--vxe-ui-table-row-current-background-color);
618
626
  }
@@ -622,6 +630,12 @@
622
630
  .vxe-gantt-view--body-row.row--hover.row--stripe {
623
631
  background-color: var(--vxe-ui-table-row-hover-striped-background-color);
624
632
  }
633
+ .vxe-gantt-view--body-row.row--hover.row--radio {
634
+ background-color: var(--vxe-ui-table-row-hover-radio-checked-background-color);
635
+ }
636
+ .vxe-gantt-view--body-row.row--hover.row--checked {
637
+ background-color: var(--vxe-ui-table-row-hover-checkbox-checked-background-color);
638
+ }
625
639
  .vxe-gantt-view--body-row.row--hover.row--current {
626
640
  background-color: var(--vxe-ui-table-row-hover-current-background-color);
627
641
  }
package/es/vxe-gantt/style.min.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.vxe-gantt-view--chart-wrapper{position:absolute;top:0;left:0;pointer-events:none}.vxe-gantt-view--chart-row{position:relative}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar:hover::after{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar>.vxe-gantt-view--chart-progress{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius) 0 0 var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-bar{display:flex;flex-direction:row;align-items:center;position:absolute;top:50%;left:0;color:#fff;transform:translateY(-50%);height:var(--vxe-ui-gantt-view-chart-bar-height);background-color:var(--vxe-ui-gantt-view-task-bar-background-color);pointer-events:all}.vxe-gantt-view--chart-bar:hover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);pointer-events:none}.vxe-gantt-view--chart-progress{flex-shrink:0;width:0;height:100%;text-align:left;background-color:var(--vxe-ui-gantt-view-task-bar-completed-background-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view--chart-content{position:absolute;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;padding:0 .6em}.vxe-gantt{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-gantt.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-gantt.is--loading>.vxe-gantt-view .vxe-loading{background-color:transparent}.vxe-gantt.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt.is--split-drag{cursor:col-resize}.vxe-gantt.is--split-drag .vxe-gantt--table-wrapper::after,.vxe-gantt.is--split-drag .vxe-gantt--view-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt .vxe-gantt--bottom-wrapper,.vxe-gantt .vxe-gantt--form-wrapper,.vxe-gantt .vxe-gantt--top-wrapper{position:relative}.vxe-gantt .vxe-gantt--gantt-container{position:relative;display:flex;flex-direction:row}.vxe-gantt .vxe-gantt--left-wrapper,.vxe-gantt .vxe-gantt--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-gantt .vxe-gantt--table-wrapper,.vxe-gantt .vxe-gantt--view-wrapper{display:none;position:relative;flex-grow:1;overflow:hidden}.vxe-gantt .vxe-gantt--view-split-bar{flex-shrink:0;width:var(--vxe-ui-gantt-view-split-bar-width);background-color:var(--vxe-ui-gantt-view-split-bar-background-color)}.vxe-gantt .vxe-gantt--view-split-bar.is--resize{cursor:col-resize}.vxe-gantt.show--left .vxe-gantt--table-wrapper{display:block}.vxe-gantt.show--left.show--right .vxe-gantt--table-wrapper{flex-grow:unset;flex-shrink:0;width:var(--vxe-ui-gantt-view-table-default-width)}.vxe-gantt.show--right .vxe-gantt--view-wrapper{display:block}.vxe-gantt--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-gantt--layout-body-content-wrapper{flex-grow:1;overflow:hidden}.vxe-gantt--layout-aside-left-wrapper,.vxe-gantt--layout-footer-wrapper,.vxe-gantt--layout-header-wrapper{flex-shrink:0;overflow:auto}.vxe-gantt--border-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;border:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--full .vxe-gantt-view--body-column,.vxe-gantt.border--full .vxe-gantt-view--footer-column,.vxe-gantt.border--full .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color)),linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:var(--vxe-ui-table-border-width) 100%,100% var(--vxe-ui-table-border-width);background-position:right top,right bottom}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:0;border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{border-bottom-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner{border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer .vxe-gantt-view--scroll-x-wrapper::after{content:"";position:absolute;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after{top:0;border-bottom:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after{bottom:0;height:calc(100% + var(--vxe-ui-table-border-width));border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before{width:calc(100% + 1px);left:-1px}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-wrapper::after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after{left:0;border-right:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after{right:0;width:calc(100% + var(--vxe-ui-table-border-width));border-left:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--body-column,.vxe-gantt.border--default .vxe-gantt-view--footer-column,.vxe-gantt.border--default .vxe-gantt-view--header-column,.vxe-gantt.border--inner .vxe-gantt-view--body-column,.vxe-gantt.border--inner .vxe-gantt-view--footer-column,.vxe-gantt.border--inner .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:100% var(--vxe-ui-table-border-width);background-position:right bottom}.vxe-gantt.border--inner .vxe-gantt--border-line{border-width:0 0 1px 0}.vxe-gantt.border--none .vxe-gantt--border-line{display:none}.vxe-gantt--view-split-bar{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt--view-split-bar-handle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:13}.vxe-gantt--view-split-bar-btn-wrapper{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.vxe-gantt--view-split-bar-btn-wrapper>div{margin-top:1em}.vxe-gantt--view-split-bar-btn-wrapper>div:first-child{margin-top:0}.vxe-gantt--view-split-bar-left-btn,.vxe-gantt--view-split-bar-right-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;height:var(--vxe-ui-gantt-view-split-bar-height);width:var(--vxe-ui-gantt-view-split-bar-width);color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-gantt-view-handle-background-color);border:1px solid var(--vxe-ui-input-border-color);pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease-in-out}.vxe-gantt--view-split-bar-left-btn:hover,.vxe-gantt--view-split-bar-right-btn:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-gantt--view-split-bar-left-btn:active,.vxe-gantt--view-split-bar-right-btn:active{transform:scale(.9)}.vxe-gantt--resizable-split-tip{display:none;position:absolute;top:0;left:0;width:1px;height:100%;z-index:18;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-gantt--resizable-split-tip:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-gantt--resizable-split-number-left,.vxe-gantt--resizable-split-number-right{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-number-left{right:0}.vxe-gantt--resizable-split-number-right{left:1px}.vxe-gantt.is--loading>.vxe-gantt-view--scroll-x-virtual{visibility:hidden}.vxe-gantt.is--loading>.vxe-gantt-view--layout-wrapper>.vxe-gantt-view--scroll-y-virtual{visibility:hidden}.vxe-gantt .vxe-gantt-view--scroll-x-virtual{height:0}.vxe-gantt .vxe-gantt-view--scroll-y-virtual{width:0}.vxe-gantt .vxe-gantt-view--scroll-x-virtual,.vxe-gantt .vxe-gantt-view--scroll-y-virtual{visibility:hidden;position:relative;flex-shrink:0;z-index:7}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{width:100%;left:0;bottom:0}.vxe-gantt .vxe-gantt-view--scroll-x-handle{overflow-y:hidden;overflow-x:scroll;height:18px}.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{height:100%}.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{width:100%;height:100%;right:0;top:0}.vxe-gantt .vxe-gantt-view--scroll-y-handle{overflow-y:scroll;overflow-x:hidden;width:18px;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-space{height:1px}.vxe-gantt .vxe-gantt-view--scroll-y-space{width:1px}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{display:none;position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{bottom:0;width:0;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner::before,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:var(--vxe-ui-table-border-width);border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner{left:0}.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{right:0}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner{right:1px}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner::before{border-right:0}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner{bottom:1px}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner::before{border-bottom:0}.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{top:0;right:0;width:100%;height:0}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner{margin-top:-1px}.vxe-gantt-view--layout-wrapper{display:flex;flex-direction:row;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt-view--viewport-wrapper{position:relative;overflow:hidden;flex-grow:1}.vxe-gantt-view--render-vars{width:0;height:0;overflow:hidden}.vxe-gantt-view--column-info{width:var(--vxe-ui-gantt-view-default-cell-width)}.vxe-gantt-view{flex-grow:1;overflow:hidden}.vxe-gantt-view .vxe-body--x-space{width:100%;height:1px;margin-bottom:-1px}.vxe-gantt-view .vxe-body--y-space{width:0;float:left}.vxe-gantt-view--body-table,.vxe-gantt-view--header-table{border:0;border-spacing:0;border-collapse:separate;table-layout:fixed}.vxe-gantt-view--body-table col,.vxe-gantt-view--header-table col{width:var(--vxe-ui-gantt-view-default-cell-width)}.vxe-gantt-view--header-wrapper{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt-view--body-wrapper,.vxe-gantt-view--header-wrapper{overflow:hidden}.vxe-gantt-view--header-inner-wrapper{overflow-y:hidden;overflow-x:scroll}.vxe-gantt-view--body-inner-wrapper{overflow-y:auto;overflow-x:auto}.vxe-gantt-view--body-inner-wrapper,.vxe-gantt-view--header-inner-wrapper{position:relative;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.vxe-gantt-view--header-column{text-align:center;font-size:1em}.vxe-gantt-view--body-column,.vxe-gantt-view--footer-column,.vxe-gantt-view--header-column{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view--body-row.row--stripe{background-color:var(--vxe-ui-table-row-striped-background-color)}.vxe-gantt-view--body-row.row--current{background-color:var(--vxe-ui-table-row-current-background-color)}.vxe-gantt-view--body-row.row--hover{background-color:var(--vxe-ui-table-row-hover-background-color)}.vxe-gantt-view--body-row.row--hover.row--stripe{background-color:var(--vxe-ui-table-row-hover-striped-background-color)}.vxe-gantt-view--body-row.row--hover.row--current{background-color:var(--vxe-ui-table-row-hover-current-background-color)}.vxe-gantt-view.mode--day .vxe-gantt-view--header-column{height:50%}.vxe-gantt{font-size:var(--vxe-ui-font-size-default)}.vxe-gantt.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-gantt.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-gantt.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ @charset "UTF-8";.vxe-gantt-view--chart-wrapper{position:absolute;top:0;left:0;pointer-events:none}.vxe-gantt-view--chart-row{position:relative}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar:hover::after{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-bar{display:flex;flex-direction:row;align-items:center;position:absolute;top:50%;left:0;color:#fff;transform:translateY(-50%);height:var(--vxe-ui-gantt-view-chart-bar-height);background-color:var(--vxe-ui-gantt-view-task-bar-background-color);overflow:hidden;pointer-events:all}.vxe-gantt-view--chart-bar:hover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);pointer-events:none}.vxe-gantt-view--chart-progress{flex-shrink:0;width:0;height:100%;text-align:left;background-color:var(--vxe-ui-gantt-view-task-bar-completed-background-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view--chart-content{position:absolute;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;padding:0 .6em}.vxe-gantt{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-gantt.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-gantt.is--loading>.vxe-gantt-view .vxe-loading{background-color:transparent}.vxe-gantt.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt.is--split-drag{cursor:col-resize}.vxe-gantt.is--split-drag .vxe-gantt--table-wrapper::after,.vxe-gantt.is--split-drag .vxe-gantt--view-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt .vxe-gantt--bottom-wrapper,.vxe-gantt .vxe-gantt--form-wrapper,.vxe-gantt .vxe-gantt--top-wrapper{position:relative}.vxe-gantt .vxe-gantt--gantt-container{position:relative;display:flex;flex-direction:row}.vxe-gantt .vxe-gantt--left-wrapper,.vxe-gantt .vxe-gantt--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-gantt .vxe-gantt--table-wrapper,.vxe-gantt .vxe-gantt--view-wrapper{display:none;position:relative;flex-grow:1;overflow:hidden}.vxe-gantt .vxe-gantt--view-split-bar{flex-shrink:0;width:var(--vxe-ui-gantt-view-split-bar-width);background-color:var(--vxe-ui-gantt-view-split-bar-background-color)}.vxe-gantt .vxe-gantt--view-split-bar.is--resize{cursor:col-resize}.vxe-gantt.show--left .vxe-gantt--table-wrapper{display:block}.vxe-gantt.show--left.show--right .vxe-gantt--table-wrapper{flex-grow:unset;flex-shrink:0;width:var(--vxe-ui-gantt-view-table-default-width)}.vxe-gantt.show--right .vxe-gantt--view-wrapper{display:block}.vxe-gantt--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-gantt--layout-body-content-wrapper{flex-grow:1;overflow:hidden}.vxe-gantt--layout-aside-left-wrapper,.vxe-gantt--layout-footer-wrapper,.vxe-gantt--layout-header-wrapper{flex-shrink:0;overflow:auto}.vxe-gantt--border-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;border:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--full .vxe-gantt-view--body-column,.vxe-gantt.border--full .vxe-gantt-view--footer-column,.vxe-gantt.border--full .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color)),linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:var(--vxe-ui-table-border-width) 100%,100% var(--vxe-ui-table-border-width);background-position:right top,right bottom}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:0;border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{border-bottom-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner{border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer .vxe-gantt-view--scroll-x-wrapper::after{content:"";position:absolute;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after{top:0;border-bottom:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after{bottom:0;height:calc(100% + var(--vxe-ui-table-border-width));border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before{width:calc(100% + 1px);left:-1px}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-wrapper::after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after{left:0;border-right:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after{right:0;width:calc(100% + var(--vxe-ui-table-border-width));border-left:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--body-column,.vxe-gantt.border--default .vxe-gantt-view--footer-column,.vxe-gantt.border--default .vxe-gantt-view--header-column,.vxe-gantt.border--inner .vxe-gantt-view--body-column,.vxe-gantt.border--inner .vxe-gantt-view--footer-column,.vxe-gantt.border--inner .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:100% var(--vxe-ui-table-border-width);background-position:right bottom}.vxe-gantt.border--inner .vxe-gantt--border-line{border-width:0 0 1px 0}.vxe-gantt.border--none .vxe-gantt--border-line{display:none}.vxe-gantt--view-split-bar{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt--view-split-bar-handle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:13}.vxe-gantt--view-split-bar-btn-wrapper{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.vxe-gantt--view-split-bar-btn-wrapper>div{margin-top:1em}.vxe-gantt--view-split-bar-btn-wrapper>div:first-child{margin-top:0}.vxe-gantt--view-split-bar-left-btn,.vxe-gantt--view-split-bar-right-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;height:var(--vxe-ui-gantt-view-split-bar-height);width:var(--vxe-ui-gantt-view-split-bar-width);color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-gantt-view-handle-background-color);border:1px solid var(--vxe-ui-input-border-color);pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease-in-out}.vxe-gantt--view-split-bar-left-btn:hover,.vxe-gantt--view-split-bar-right-btn:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-gantt--view-split-bar-left-btn:active,.vxe-gantt--view-split-bar-right-btn:active{transform:scale(.9)}.vxe-gantt--resizable-split-tip{display:none;position:absolute;top:0;left:0;width:1px;height:100%;z-index:18;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-gantt--resizable-split-tip:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-gantt--resizable-split-number-left,.vxe-gantt--resizable-split-number-right{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-number-left{right:0}.vxe-gantt--resizable-split-number-right{left:1px}.vxe-gantt.is--loading>.vxe-gantt-view--scroll-x-virtual{visibility:hidden}.vxe-gantt.is--loading>.vxe-gantt-view--layout-wrapper>.vxe-gantt-view--scroll-y-virtual{visibility:hidden}.vxe-gantt .vxe-gantt-view--scroll-x-virtual{height:0}.vxe-gantt .vxe-gantt-view--scroll-y-virtual{width:0}.vxe-gantt .vxe-gantt-view--scroll-x-virtual,.vxe-gantt .vxe-gantt-view--scroll-y-virtual{visibility:hidden;position:relative;flex-shrink:0;z-index:7}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{width:100%;left:0;bottom:0}.vxe-gantt .vxe-gantt-view--scroll-x-handle{overflow-y:hidden;overflow-x:scroll;height:18px}.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{height:100%}.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{width:100%;height:100%;right:0;top:0}.vxe-gantt .vxe-gantt-view--scroll-y-handle{overflow-y:scroll;overflow-x:hidden;width:18px;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-space{height:1px}.vxe-gantt .vxe-gantt-view--scroll-y-space{width:1px}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{display:none;position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{bottom:0;width:0;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner::before,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:var(--vxe-ui-table-border-width);border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner{left:0}.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{right:0}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner{right:1px}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner::before{border-right:0}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner{bottom:1px}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner::before{border-bottom:0}.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{top:0;right:0;width:100%;height:0}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner{margin-top:-1px}.vxe-gantt-view--layout-wrapper{display:flex;flex-direction:row;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt-view--viewport-wrapper{position:relative;overflow:hidden;flex-grow:1}.vxe-gantt-view--render-vars{width:0;height:0;overflow:hidden}.vxe-gantt-view--column-info{width:var(--vxe-ui-gantt-view-default-cell-width)}.vxe-gantt-view{flex-grow:1;overflow:hidden}.vxe-gantt-view .vxe-body--x-space{width:100%;height:1px;margin-bottom:-1px}.vxe-gantt-view .vxe-body--y-space{width:0;float:left}.vxe-gantt-view--header-table{height:100%}.vxe-gantt-view--body-table,.vxe-gantt-view--header-table{border:0;border-spacing:0;border-collapse:separate;table-layout:fixed}.vxe-gantt-view--body-table col,.vxe-gantt-view--header-table col{width:var(--vxe-ui-gantt-view-default-cell-width)}.vxe-gantt-view--header-wrapper{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt-view--body-wrapper,.vxe-gantt-view--header-wrapper{overflow:hidden}.vxe-gantt-view--header-inner-wrapper{overflow-y:hidden;overflow-x:scroll}.vxe-gantt-view--body-inner-wrapper{overflow-y:auto;overflow-x:auto}.vxe-gantt-view--body-inner-wrapper,.vxe-gantt-view--header-inner-wrapper{position:relative;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.vxe-gantt-view--header-column{text-align:center;font-size:1em}.vxe-gantt-view--body-column,.vxe-gantt-view--footer-column,.vxe-gantt-view--header-column{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view--body-row.row--stripe{background-color:var(--vxe-ui-table-row-striped-background-color)}.vxe-gantt-view--body-row.row--radio{background-color:var(--vxe-ui-table-row-radio-checked-background-color)}.vxe-gantt-view--body-row.row--checked{background-color:var(--vxe-ui-table-row-checkbox-checked-background-color)}.vxe-gantt-view--body-row.row--current{background-color:var(--vxe-ui-table-row-current-background-color)}.vxe-gantt-view--body-row.row--hover{background-color:var(--vxe-ui-table-row-hover-background-color)}.vxe-gantt-view--body-row.row--hover.row--stripe{background-color:var(--vxe-ui-table-row-hover-striped-background-color)}.vxe-gantt-view--body-row.row--hover.row--radio{background-color:var(--vxe-ui-table-row-hover-radio-checked-background-color)}.vxe-gantt-view--body-row.row--hover.row--checked{background-color:var(--vxe-ui-table-row-hover-checkbox-checked-background-color)}.vxe-gantt-view--body-row.row--hover.row--current{background-color:var(--vxe-ui-table-row-hover-current-background-color)}.vxe-gantt-view.mode--day .vxe-gantt-view--header-column{height:50%}.vxe-gantt{font-size:var(--vxe-ui-font-size-default)}.vxe-gantt.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-gantt.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-gantt.size--mini{font-size:var(--vxe-ui-font-size-mini)}
package/lib/gantt/src/gantt-body.js CHANGED
@@ -24,6 +24,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
24
24
  const refBodyXSpace = (0, _vue.ref)();
25
25
  const refBodyYSpace = (0, _vue.ref)();
26
26
  const renderColumn = ($xeTable, row, rowid, $rowIndex, column, $columnIndex) => {
27
+ const tableReactData = $xeTable.reactData;
28
+ const {
29
+ resizeHeightFlag
30
+ } = tableReactData;
27
31
  const tableInternalData = $xeTable.internalData;
28
32
  const {
29
33
  fullAllDataRowIdData
@@ -37,10 +41,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
37
41
  const rowOpts = computeRowOpts.value;
38
42
  const defaultRowHeight = computeDefaultRowHeight.value;
39
43
  const rowRest = fullAllDataRowIdData[rowid] || {};
44
+ const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
45
+ const isRsHeight = resizeHeight > 0;
40
46
  const cellHeight = (0, _util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
41
47
  return (0, _vue.h)('td', {
42
48
  key: $columnIndex,
43
- class: 'vxe-gantt-view--body-column',
49
+ class: ['vxe-gantt-view--body-column', {
50
+ 'col--rs-height': isRsHeight
51
+ }],
44
52
  style: {
45
53
  height: `${cellHeight}px`
46
54
  },
@@ -63,21 +71,29 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
63
71
  const {
64
72
  treeConfig,
65
73
  stripe,
66
- highlightHoverRow
74
+ highlightHoverRow,
75
+ editConfig
67
76
  } = tableProps;
68
77
  const tableReactData = $xeTable.reactData;
69
78
  const {
70
- treeExpandedFlag
79
+ treeExpandedFlag,
80
+ selectRadioRow,
81
+ pendingRowFlag
71
82
  } = tableReactData;
72
83
  const tableInternalData = $xeTable.internalData;
73
84
  const {
74
85
  fullAllDataRowIdData,
75
- treeExpandedMaps
86
+ treeExpandedMaps,
87
+ pendingRowMaps
76
88
  } = tableInternalData;
77
89
  const {
90
+ computeRadioOpts,
91
+ computeCheckboxOpts,
78
92
  computeTreeOpts,
79
93
  computeRowOpts
80
94
  } = $xeTable.getComputeMaps();
95
+ const radioOpts = computeRadioOpts.value;
96
+ const checkboxOpts = computeCheckboxOpts.value;
81
97
  const rowOpts = computeRowOpts.value;
82
98
  const treeOpts = computeTreeOpts.value;
83
99
  const {
@@ -99,6 +115,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
99
115
  rowIndex = rowRest.index;
100
116
  _rowIndex = rowRest._index;
101
117
  }
118
+ // 是否新增行
119
+ let isNewRow = false;
120
+ if (editConfig) {
121
+ isNewRow = $xeTable.isInsertByRow(row);
122
+ }
102
123
  // 当前行事件
103
124
  if (rowOpts.isHover || highlightHoverRow) {
104
125
  trOns.onMouseenter = evnt => {
@@ -114,7 +135,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
114
135
  trVNs.push((0, _vue.h)('tr', Object.assign({
115
136
  key: treeConfig ? rowid : $rowIndex,
116
137
  class: ['vxe-gantt-view--body-row', {
117
- 'row--stripe': stripe && (_rowIndex + 1) % 2 === 0
138
+ 'row--stripe': stripe && (_rowIndex + 1) % 2 === 0,
139
+ 'is--new': isNewRow,
140
+ 'row--radio': radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
141
+ 'row--checked': checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
142
+ 'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid]
118
143
  }],
119
144
  rowid
120
145
  }, trOns), tableColumn.map((column, $columnIndex) => renderColumn($xeTable, row, rowid, $rowIndex, column, $columnIndex))));
package/lib/gantt/src/gantt-body.min.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_util=require("./util"),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",setup(){let i=(0,_vue.inject)("$xeGantt",{}),r=(0,_vue.inject)("$xeGanttView",{}),{reactData:o,internalData:a}=r,u=(0,_vue.ref)(),n=(0,_vue.ref)(),v=(0,_vue.ref)(),p=(0,_vue.ref)(),c=(0,_vue.ref)(),y=(e,t,a,l,r,o)=>{var u=e.internalData.fullAllDataRowIdData,{computeCellOpts:e,computeRowOpts:n,computeDefaultRowHeight:v}=e.getComputeMaps(),e=e.value,n=n.value,v=v.value,u=u[a]||{},a=(0,_util.getCellRestHeight)(u,e,n,v);return(0,_vue.h)("td",{key:o,class:"vxe-gantt-view--body-column",style:{height:a+"px"},onClick(e){i.handleTaskCellClickEvent(e,{row:t,column:r})},onDblclick(e){i.handleTaskCellDblclickEvent(e,{row:t,column:r})}})},D=(i,e)=>{let{treeConfig:p,stripe:c,highlightHoverRow:s}=i.props,d=i.reactData.treeExpandedFlag,{fullAllDataRowIdData:_,treeExpandedMaps:h}=i.internalData;var{computeTreeOpts:t,computeRowOpts:a}=i.getComputeMaps();let w=a.value;a=t.value;let f=a.transform,g=a.children||a.childrenField,{tableColumn:m,scrollYLoad:x}=o,b=[];return e.forEach((a,l)=>{let r=i.getRowid(a);var e=_[r]||{},t={};let o=l,u=-1,n=(e&&(o=e.index,u=e._index),(w.isHover||s)&&(t.onMouseenter=e=>{i.triggerHoverEvent(e,{row:a,rowIndex:o})},t.onMouseleave=()=>{i.clearHoverRow()}),b.push((0,_vue.h)("tr",Object.assign({key:p?r:l,class:["vxe-gantt-view--body-row",{"row--stripe":c&&(u+1)%2==0}],rowid:r},t),m.map((e,t)=>y(i,a,r,l,e,t)))),!1),v=[];!p||x||f||(v=a[g],n=!!d&&v&&0<v.length&&!!h[r]),n&&b.push(...D(i,v))}),b};return(0,_vue.onMounted)(()=>{var e=a.elemStore,t="main-body-";e[t+"wrapper"]=u,e[t+"scroll"]=n,e[t+"table"]=v,e[t+"xSpace"]=p,e[t+"ySpace"]=c}),(0,_vue.onUnmounted)(()=>{var e=a.elemStore,t="main-body-";e[t+"wrapper"]=null,e[t+"scroll"]=null,e[t+"table"]=null,e[t+"xSpace"]=null,e[t+"ySpace"]=null}),()=>{var e=r.internalData.xeTable;let{tableData:t,tableColumn:a,viewCellWidth:l}=o;return(0,_vue.h)("div",{ref:u,class:"vxe-gantt-view--body-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--body-inner-wrapper",onScroll:r.triggerBodyScrollEvent},[(0,_vue.h)("div",{ref:p,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:c,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:v,class:"vxe-gantt-view--body-table"},[(0,_vue.h)("colgroup",{},a.map((e,t)=>(0,_vue.h)("col",{key:t,style:{width:l+"px"}}))),(0,_vue.h)("tbody",{},e?D(e,t):[])]),(0,_vue.h)(_ganttChart.default)])])}}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_util=require("./util"),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",setup(){let c=(0,_vue.inject)("$xeGantt",{}),r=(0,_vue.inject)("$xeGanttView",{}),{reactData:o,internalData:a}=r,n=(0,_vue.ref)(),u=(0,_vue.ref)(),i=(0,_vue.ref)(),v=(0,_vue.ref)(),p=(0,_vue.ref)(),O=(e,t,a,l,r,o)=>{var n=e.reactData.resizeHeightFlag,u=e.internalData.fullAllDataRowIdData,{computeCellOpts:e,computeRowOpts:i,computeDefaultRowHeight:v}=e.getComputeMaps(),e=e.value,i=i.value,v=v.value,u=u[a]||{},a=0<(n?u.resizeHeight:0),n=(0,_util.getCellRestHeight)(u,e,i,v);return(0,_vue.h)("td",{key:o,class:["vxe-gantt-view--body-column",{"col--rs-height":a}],style:{height:n+"px"},onClick(e){c.handleTaskCellClickEvent(e,{row:t,column:r})},onDblclick(e){c.handleTaskCellDblclickEvent(e,{row:t,column:r})}})},S=(c,e)=>{let{treeConfig:p,stripe:s,highlightHoverRow:d,editConfig:h}=c.props,{treeExpandedFlag:g,selectRadioRow:w,pendingRowFlag:_}=c.reactData,{fullAllDataRowIdData:f,treeExpandedMaps:m,pendingRowMaps:x}=c.internalData;var{computeRadioOpts:t,computeCheckboxOpts:a,computeTreeOpts:l,computeRowOpts:r}=c.getComputeMaps();let b=t.value,y=a.value,C=r.value;t=l.value;let R=t.transform,D=t.children||t.childrenField,{tableColumn:k,scrollYLoad:M}=o,H=[];return e.forEach((a,l)=>{let r=c.getRowid(a);var e=f[r]||{},t={};let o=l,n=-1,u=(e&&(o=e.index,n=e._index),!1),i=(h&&(u=c.isInsertByRow(a)),(C.isHover||d)&&(t.onMouseenter=e=>{c.triggerHoverEvent(e,{row:a,rowIndex:o})},t.onMouseleave=()=>{c.clearHoverRow()}),H.push((0,_vue.h)("tr",Object.assign({key:p?r:l,class:["vxe-gantt-view--body-row",{"row--stripe":s&&(n+1)%2==0,"is--new":u,"row--radio":b.highlight&&c.eqRow(w,a),"row--checked":y.highlight&&c.isCheckedByCheckboxRow(a),"row--pending":!!_&&!!x[r]}],rowid:r},t),k.map((e,t)=>O(c,a,r,l,e,t)))),!1),v=[];!p||M||R||(v=a[D],i=!!g&&v&&0<v.length&&!!m[r]),i&&H.push(...S(c,v))}),H};return(0,_vue.onMounted)(()=>{var e=a.elemStore,t="main-body-";e[t+"wrapper"]=n,e[t+"scroll"]=u,e[t+"table"]=i,e[t+"xSpace"]=v,e[t+"ySpace"]=p}),(0,_vue.onUnmounted)(()=>{var e=a.elemStore,t="main-body-";e[t+"wrapper"]=null,e[t+"scroll"]=null,e[t+"table"]=null,e[t+"xSpace"]=null,e[t+"ySpace"]=null}),()=>{var e=r.internalData.xeTable;let{tableData:t,tableColumn:a,viewCellWidth:l}=o;return(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--body-wrapper"},[(0,_vue.h)("div",{ref:u,class:"vxe-gantt-view--body-inner-wrapper",onScroll:r.triggerBodyScrollEvent},[(0,_vue.h)("div",{ref:v,class:"vxe-body--x-space"}),(0,_vue.h)("div",{ref:p,class:"vxe-body--y-space"}),(0,_vue.h)("table",{ref:i,class:"vxe-gantt-view--body-table"},[(0,_vue.h)("colgroup",{},a.map((e,t)=>(0,_vue.h)("col",{key:t,style:{width:l+"px"}}))),(0,_vue.h)("tbody",{},e?S(e,t):[])]),(0,_vue.h)(_ganttChart.default)])])}}});
package/lib/gantt/src/gantt-chart.js CHANGED
@@ -34,6 +34,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
34
34
  const {
35
35
  treeConfig
36
36
  } = tableProps;
37
+ const tableReactData = $xeTable.reactData;
38
+ const {
39
+ resizeHeightFlag
40
+ } = tableReactData;
37
41
  const tableInternalData = $xeTable.internalData;
38
42
  const {
39
43
  fullAllDataRowIdData
@@ -59,6 +63,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
59
63
  round
60
64
  } = barStyle || {};
61
65
  const rowRest = fullAllDataRowIdData[rowid] || {};
66
+ const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
67
+ const isRsHeight = resizeHeight > 0;
62
68
  const cellHeight = (0, _util.getCellRestHeight)(rowRest, cellOpts, rowOpts, defaultRowHeight);
63
69
  let title = (0, _utils.getStringValue)(_xeUtils.default.get(row, titleField));
64
70
  const progressValue = showProgress ? Math.min(100, Math.max(0, _xeUtils.default.toNumber(_xeUtils.default.get(row, progressField)))) : 0;
@@ -72,7 +78,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
72
78
  key: treeConfig ? rowid : $rowIndex,
73
79
  rowid,
74
80
  class: ['vxe-gantt-view--chart-row', {
75
- 'is--round': round
81
+ 'is--round': round,
82
+ 'col--rs-height': isRsHeight
76
83
  }],
77
84
  style: {
78
85
  height: `${cellHeight}px`
package/lib/gantt/src/gantt-chart.min.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderEmptyElement=_core.VxeUI.renderEmptyElement;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",setup(){let h=(0,_vue.inject)("$xeGantt",{}),r=(0,_vue.inject)("$xeGanttView",{}),{reactData:a,internalData:t}=r,{computeProgressField:_,computeTitleField:g,computeTaskBarOpts:x}=h.getComputeMaps(),l=(0,_vue.ref)(),d=(e,t,r,a)=>{var l=e.props.treeConfig,u=e.internalData.fullAllDataRowIdData,{computeCellOpts:e,computeRowOpts:i,computeDefaultRowHeight:n}=e.getComputeMaps(),e=e.value,i=i.value,n=n.value,o=g.value,s=_.value,{showProgress:p,showContent:v,contentMethod:c,barStyle:d}=x.value,d=(d||{}).round,u=u[r]||{},u=(0,_util.getCellRestHeight)(u,e,i,n);let m=(0,_utils.getStringValue)(_xeUtils.default.get(t,o));e=p?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(t,s)))):0;return c&&(m=(0,_utils.getStringValue)(c({row:t,title:m}))),(0,_vue.h)("div",{key:l?r:a,rowid:r,class:["vxe-gantt-view--chart-row",{"is--round":d}],style:{height:u+"px"}},[(0,_vue.h)("div",{class:"vxe-gantt-view--chart-bar",rowid:r,onClick(e){h.handleTaskBarClickEvent(e,{row:t})},onDblclick(e){h.handleTaskBarDblclickEvent(e,{row:t})}},[p?(0,_vue.h)("div",{class:"vxe-gantt-view--chart-progress",style:{width:`${e||0}%`}}):renderEmptyElement(h),v?(0,_vue.h)("div",{class:"vxe-gantt-view--chart-content"},m):renderEmptyElement(h)])])},m=(u,e)=>{let i=u.props.treeConfig,n=u.reactData.treeExpandedFlag,o=u.internalData.treeExpandedMaps;var t=u.getComputeMaps().computeTreeOpts,t=t.value;let s=t.transform,p=t.children||t.childrenField,v=a.scrollYLoad,c=[];return e.forEach((e,t)=>{var r=u?u.getRowid(e):"";c.push(d(u,e,r,t));let a=!1,l=[];!i||v||s||(l=e[p],a=!!n&&l&&0<l.length&&!!o[r]),a&&c.push(...m(u,l))}),c};return(0,_vue.onMounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=l}),(0,_vue.onUnmounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=null}),()=>{var e=r.internalData.xeTable,t=a.tableData;return(0,_vue.h)("div",{ref:l,class:"vxe-gantt-view--chart-wrapper"},e?m(e,t):[])}}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderEmptyElement=_core.VxeUI.renderEmptyElement;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",setup(){let _=(0,_vue.inject)("$xeGantt",{}),r=(0,_vue.inject)("$xeGanttView",{}),{reactData:a,internalData:t}=r,{computeProgressField:g,computeTitleField:x,computeTaskBarOpts:w}=_.getComputeMaps(),l=(0,_vue.ref)(),d=(e,t,r,a)=>{var l=e.props.treeConfig,u=e.reactData.resizeHeightFlag,i=e.internalData.fullAllDataRowIdData,{computeCellOpts:e,computeRowOpts:n,computeDefaultRowHeight:o}=e.getComputeMaps(),e=e.value,n=n.value,o=o.value,s=x.value,p=g.value,{showProgress:c,showContent:v,contentMethod:d,barStyle:h}=w.value,h=(h||{}).round,i=i[r]||{},u=0<(u?i.resizeHeight:0),i=(0,_util.getCellRestHeight)(i,e,n,o);let m=(0,_utils.getStringValue)(_xeUtils.default.get(t,s));e=c?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(t,p)))):0;return d&&(m=(0,_utils.getStringValue)(d({row:t,title:m}))),(0,_vue.h)("div",{key:l?r:a,rowid:r,class:["vxe-gantt-view--chart-row",{"is--round":h,"col--rs-height":u}],style:{height:i+"px"}},[(0,_vue.h)("div",{class:"vxe-gantt-view--chart-bar",rowid:r,onClick(e){_.handleTaskBarClickEvent(e,{row:t})},onDblclick(e){_.handleTaskBarDblclickEvent(e,{row:t})}},[c?(0,_vue.h)("div",{class:"vxe-gantt-view--chart-progress",style:{width:`${e||0}%`}}):renderEmptyElement(_),v?(0,_vue.h)("div",{class:"vxe-gantt-view--chart-content"},m):renderEmptyElement(_)])])},h=(u,e)=>{let i=u.props.treeConfig,n=u.reactData.treeExpandedFlag,o=u.internalData.treeExpandedMaps;var t=u.getComputeMaps().computeTreeOpts,t=t.value;let s=t.transform,p=t.children||t.childrenField,c=a.scrollYLoad,v=[];return e.forEach((e,t)=>{var r=u?u.getRowid(e):"";v.push(d(u,e,r,t));let a=!1,l=[];!i||c||s||(l=e[p],a=!!n&&l&&0<l.length&&!!o[r]),a&&v.push(...h(u,l))}),v};return(0,_vue.onMounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=l}),(0,_vue.onUnmounted)(()=>{var e=t.elemStore;e["main-chart-wrapper"]=null}),()=>{var e=r.internalData.xeTable,t=a.tableData;return(0,_vue.h)("div",{ref:l,class:"vxe-gantt-view--chart-wrapper"},e?h(e,t):[])}}});
package/lib/gantt/src/gantt-header.js CHANGED
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _vue = require("vue");
8
8
  var _comp = require("../../ui/src/comp");
9
- var _util = require("./util");
10
9
  var _default = exports.default = (0, _comp.defineVxeComponent)({
11
10
  name: 'VxeGanttView',
12
11
  setup() {
@@ -20,24 +19,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
20
19
  const refHeaderTable = (0, _vue.ref)();
21
20
  const refHeaderXSpace = (0, _vue.ref)();
22
21
  const renderVN = () => {
23
- const $xeTable = $xeGanttView.internalData.xeTable;
24
22
  const {
25
23
  tableColumn,
26
24
  headerGroups,
27
25
  viewCellWidth
28
26
  } = reactData;
29
- let defaultRowHeight = 0;
30
- let headerCellOpts = {};
31
- let currCellHeight = 0;
32
- if ($xeTable) {
33
- const {
34
- computeDefaultRowHeight,
35
- computeHeaderCellOpts
36
- } = $xeTable.getComputeMaps();
37
- defaultRowHeight = computeDefaultRowHeight.value;
38
- headerCellOpts = computeHeaderCellOpts.value;
39
- currCellHeight = (0, _util.getCellHeight)(headerCellOpts.height) || defaultRowHeight;
40
- }
41
27
  return (0, _vue.h)('div', {
42
28
  ref: refElem,
43
29
  class: 'vxe-gantt-view--header-wrapper'
@@ -50,10 +36,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
50
36
  class: 'vxe-body--x-space'
51
37
  }), (0, _vue.h)('table', {
52
38
  ref: refHeaderTable,
53
- class: 'vxe-gantt-view--header-table',
54
- style: {
55
- height: `${currCellHeight}px`
56
- }
39
+ class: 'vxe-gantt-view--header-table'
57
40
  }, [(0, _vue.h)('colgroup', {}, tableColumn.map((column, cIndex) => {
58
41
  return (0, _vue.h)('col', {
59
42
  key: cIndex,
package/lib/gantt/src/gantt-header.min.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_util=require("./util"),_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(){let i=(0,_vue.inject)("$xeGanttView",{}),{reactData:o,internalData:l}=i,p=(0,_vue.ref)(),h=(0,_vue.ref)(),d=(0,_vue.ref)(),c=(0,_vue.ref)();return(0,_vue.onMounted)(()=>{var e=l.elemStore,t="main-header-";e[t+"wrapper"]=p,e[t+"scroll"]=h,e[t+"table"]=d,e[t+"xSpace"]=c}),(0,_vue.onUnmounted)(()=>{var e=l.elemStore,t="main-header-";e[t+"wrapper"]=null,e[t+"scroll"]=null,e[t+"table"]=null,e[t+"xSpace"]=null}),()=>{var e=i.internalData.xeTable;let{tableColumn:t,headerGroups:l,viewCellWidth:a}=o;var r,u=0,v={};let n=0;return e&&({computeDefaultRowHeight:e,computeHeaderCellOpts:r}=e.getComputeMaps(),u=e.value,v=r.value,n=(0,_util.getCellHeight)(v.height)||u),(0,_vue.h)("div",{ref:p,class:"vxe-gantt-view--header-wrapper"},[(0,_vue.h)("div",{ref:h,class:"vxe-gantt-view--header-inner-wrapper",onScroll:i.triggerHeaderScrollEvent},[(0,_vue.h)("div",{ref:c,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:d,class:"vxe-gantt-view--header-table",style:{height:n+"px"}},[(0,_vue.h)("colgroup",{},t.map((e,t)=>(0,_vue.h)("col",{key:t,style:{width:a+"px"}}))),(0,_vue.h)("thead",{},l.map((e,t)=>(0,_vue.h)("tr",{key:t},e.map((e,t)=>(0,_vue.h)("th",{key:t,class:"vxe-gantt-view--header-column",colspan:e.children?e.children.length:null,title:""+e.field},e.title)))))])])])}}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(){let a=(0,_vue.inject)("$xeGanttView",{}),{reactData:l,internalData:t}=a,u=(0,_vue.ref)(),n=(0,_vue.ref)(),v=(0,_vue.ref)(),o=(0,_vue.ref)();return(0,_vue.onMounted)(()=>{var e=t.elemStore,r="main-header-";e[r+"wrapper"]=u,e[r+"scroll"]=n,e[r+"table"]=v,e[r+"xSpace"]=o}),(0,_vue.onUnmounted)(()=>{var e=t.elemStore,r="main-header-";e[r+"wrapper"]=null,e[r+"scroll"]=null,e[r+"table"]=null,e[r+"xSpace"]=null}),()=>{let{tableColumn:e,headerGroups:r,viewCellWidth:t}=l;return(0,_vue.h)("div",{ref:u,class:"vxe-gantt-view--header-wrapper"},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--header-inner-wrapper",onScroll:a.triggerHeaderScrollEvent},[(0,_vue.h)("div",{ref:o,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:v,class:"vxe-gantt-view--header-table"},[(0,_vue.h)("colgroup",{},e.map((e,r)=>(0,_vue.h)("col",{key:r,style:{width:t+"px"}}))),(0,_vue.h)("thead",{},r.map((e,r)=>(0,_vue.h)("tr",{key:r},e.map((e,r)=>(0,_vue.h)("th",{key:r,class:"vxe-gantt-view--header-column",colspan:e.children?e.children.length:null,title:""+e.field},e.title)))))])])])}}});
package/lib/gantt/src/gantt-view.js CHANGED
@@ -46,7 +46,7 @@ function createInternalData() {
46
46
  };
47
47
  }
48
48
  const maxYHeight = 5e6;
49
- const maxXWidth = 5e6;
49
+ // const maxXWidth = 5e6
50
50
  var _default = exports.default = (0, _comp.defineVxeComponent)({
51
51
  name: 'VxeGanttView',
52
52
  setup(props, context) {
@@ -80,9 +80,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
80
80
  // 是否启用了纵向 Y 可视渲染方式加载
81
81
  scrollYLoad: false,
82
82
  // 是否存在纵向滚动条
83
- overflowY: false,
83
+ overflowY: true,
84
84
  // 是否存在横向滚动条
85
- overflowX: false,
85
+ overflowX: true,
86
86
  // 纵向滚动条的宽度
87
87
  scrollbarWidth: 0,
88
88
  // 横向滚动条的高度
@@ -441,61 +441,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
441
441
  updateChart();
442
442
  return (0, _vue.nextTick)();
443
443
  };
444
- const updateScrollXSpace = () => {
445
- const {
446
- scrollXLoad,
447
- scrollXWidth
448
- } = reactData;
449
- const {
450
- elemStore
451
- } = internalData;
452
- const bodyScrollElem = (0, _util.getRefElem)(elemStore['main-body-scroll']);
453
- const bodyTableElem = (0, _util.getRefElem)(elemStore['main-body-table']);
454
- let xSpaceLeft = 0;
455
- let clientWidth = 0;
456
- if (bodyScrollElem) {
457
- clientWidth = bodyScrollElem.clientWidth;
458
- }
459
- // 虚拟渲染
460
- let isScrollXBig = false;
461
- let ySpaceWidth = scrollXWidth;
462
- if (scrollXWidth > maxXWidth) {
463
- // 触右
464
- if (bodyScrollElem && bodyTableElem && bodyScrollElem.scrollLeft + clientWidth >= maxXWidth) {
465
- xSpaceLeft = maxXWidth - bodyTableElem.clientWidth;
466
- } else {
467
- xSpaceLeft = (maxXWidth - clientWidth) * (xSpaceLeft / (scrollXWidth - clientWidth));
468
- }
469
- ySpaceWidth = maxXWidth;
470
- isScrollXBig = true;
471
- }
472
- if (bodyTableElem) {
473
- bodyTableElem.style.transform = `translate(${xSpaceLeft}px, ${reactData.scrollYTop || 0}px)`;
474
- }
475
- const layoutList = ['header', 'body', 'footer'];
476
- layoutList.forEach(layout => {
477
- const xSpaceElem = (0, _util.getRefElem)(elemStore[`main-${layout}-xSpace`]);
478
- if (xSpaceElem) {
479
- xSpaceElem.style.width = scrollXLoad ? `${ySpaceWidth}px` : '';
480
- }
481
- });
482
- reactData.scrollXLeft = xSpaceLeft;
483
- reactData.scrollXWidth = ySpaceWidth;
484
- reactData.isScrollXBig = isScrollXBig;
485
- const scrollXSpaceEl = refScrollXSpaceElem.value;
486
- if (scrollXSpaceEl) {
487
- scrollXSpaceEl.style.width = `${ySpaceWidth}px`;
488
- }
489
- calcScrollbar();
490
- return (0, _vue.nextTick)().then(() => {
491
- updateStyle();
492
- });
493
- };
444
+ // const updateScrollXSpace = () => {
445
+ // }
494
446
  const updateScrollYSpace = () => {
495
- const {
496
- scrollYLoad,
497
- overflowY
498
- } = reactData;
499
447
  const {
500
448
  elemStore
501
449
  } = internalData;
@@ -526,19 +474,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
526
474
  }
527
475
  ySpaceHeight = maxYHeight;
528
476
  }
529
- if (!(scrollYLoad && overflowY)) {
530
- scrollYTop = 0;
531
- }
477
+ const bodyChartWrapperElem = (0, _util.getRefElem)(elemStore['main-chart-wrapper']);
532
478
  if (bodyTableElem) {
533
479
  bodyTableElem.style.transform = `translate(${reactData.scrollXLeft || 0}px, ${scrollYTop}px)`;
534
480
  }
535
- const layoutList = ['header', 'body', 'footer'];
536
- layoutList.forEach(layout => {
537
- const ySpaceElem = (0, _util.getRefElem)(elemStore[`main-${layout}-ySpace`]);
538
- if (ySpaceElem) {
539
- ySpaceElem.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
540
- }
541
- });
481
+ if (bodyChartWrapperElem) {
482
+ bodyChartWrapperElem.style.transform = `translate(${reactData.scrollXLeft || 0}px, ${scrollYTop}px)`;
483
+ }
484
+ const bodyYSpaceElem = (0, _util.getRefElem)(elemStore['main-body-ySpace']);
485
+ if (bodyYSpaceElem) {
486
+ bodyYSpaceElem.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
487
+ }
542
488
  const scrollYSpaceEl = refScrollYSpaceElem.value;
543
489
  if (scrollYSpaceEl) {
544
490
  scrollYSpaceEl.style.height = ySpaceHeight ? `${ySpaceHeight}px` : '';
@@ -771,8 +717,32 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
771
717
  handleScrollEvent(evnt, isRollY, isRollX, currTopNum, wrapperEl.scrollLeft);
772
718
  }
773
719
  },
774
- updateScrollXSpace,
775
- updateScrollYSpace
720
+ handleUpdateSXSpace() {
721
+ const {
722
+ scrollXLoad,
723
+ scrollXWidth
724
+ } = reactData;
725
+ const {
726
+ elemStore
727
+ } = internalData;
728
+ const layoutList = ['header', 'body', 'footer'];
729
+ layoutList.forEach(layout => {
730
+ const xSpaceElem = (0, _util.getRefElem)(elemStore[`main-${layout}-xSpace`]);
731
+ if (xSpaceElem) {
732
+ xSpaceElem.style.width = scrollXLoad ? `${scrollXWidth}px` : '';
733
+ }
734
+ });
735
+ const scrollXSpaceEl = refScrollXSpaceElem.value;
736
+ if (scrollXSpaceEl) {
737
+ scrollXSpaceEl.style.width = `${scrollXWidth}px`;
738
+ }
739
+ calcScrollbar();
740
+ return (0, _vue.nextTick)();
741
+ },
742
+ handleUpdateSYSpace: updateScrollYSpace,
743
+ handleUpdateSYStatus(sYLoad) {
744
+ reactData.scrollYLoad = sYLoad;
745
+ }
776
746
  };
777
747
  const handleGlobalResizeEvent = () => {
778
748
  handleLazyRecalculate();
package/lib/gantt/src/gantt-view.min.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_core=require("@vxe-ui/core"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttHeader=_interopRequireDefault(require("./gantt-header")),_ganttBody=_interopRequireDefault(require("./gantt-body"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let globalEvents=_core.VxeUI.globalEvents;function createInternalData(){return{xeTable:null,startMaps:{},endMaps:{},chartMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},scrollYStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0}}}let maxYHeight=5e6,maxXWidth=5e6;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(e,M){var l=_xeUtils.default.uniqueId();let _=(0,_vue.inject)("$xeGantt",{}),{computeTaskViewOpts:w,computeStartField:S,computeEndField:y,computeScrollbarOpts:q,computeScrollbarXToTop:g,computeScrollbarYToLeft:F}=_.getComputeMaps(),f=(0,_vue.ref)(),p=(0,_vue.ref)(),m=(0,_vue.ref)(),o=(0,_vue.ref)(),x=(0,_vue.ref)(),b=(0,_vue.ref)(),s=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),D=(0,_vue.ref)(),H=(0,_vue.ref)(),n=(0,_vue.ref)(),v=(0,_vue.ref)(),R=(0,_vue.ref)(),W=(0,_vue.reactive)({scrollXLoad:!1,scrollYLoad:!1,overflowY:!1,overflowX:!1,scrollbarWidth:0,scrollbarHeight:0,lazScrollLoading:!1,scrollVMLoading:!1,scrollYHeight:0,scrollYTop:0,isScrollYBig:!1,scrollXLeft:0,scrollXWidth:0,isScrollXBig:!1,minViewDate:null,maxViewDate:null,tableData:[],tableColumn:[],headerGroups:[],viewCellWidth:40,rowHeightStore:{large:52,default:48,medium:44,small:40,mini:36}}),L=createInternalData(),k={refElem:f},z={},t={xID:l,props:e,context:M,reactData:W,internalData:L,getRefMaps:()=>k,getComputeMaps:()=>z},r=()=>{var e=_.props.treeConfig,l=L.xeTable;let a=null,i=null;if(l){let t=S.value,r=y.value;var o=l.getComputeMaps().computeTreeOpts,{afterFullData:l,afterTreeFullData:s}=l.internalData,o=o.value,c=o.transform,n=o.children||o.childrenField,u=e=>{var l=_xeUtils.default.get(e,t),e=_xeUtils.default.get(e,r);l&&e&&(l=_xeUtils.default.toStringDate(l),(!a||a.getTime()>l.getTime())&&(a=l),l=_xeUtils.default.toStringDate(e),!i||i.getTime()<l.getTime())&&(i=l)};e?_xeUtils.default.eachTree(s,u,{children:c?o.mapChildrenField:n}):l.forEach(u)}W.minViewDate=a,W.maxViewDate=i,L.startMaps={},L.endMaps={},(()=>{var e=_.props.treeConfig;let{minViewDate:n,maxViewDate:l}=W;var t=[],r=[];switch(w.value.mode){case"year":case"quarter":case"month":case"week":break;default:if(n&&l){var a=n.getTime(),u=l.getTime()-n.getTime(),i=Math.max(6,Math.floor(u/864e5)+1),o=[],s=[],d={};for(let l=0;l<i;l++){var v=new Date(a+864e5*l),h=v.getFullYear()+"-"+(v.getMonth()+1),v=""+v.getDate();let e=d[h];v={field:h+"-"+v,title:v};e?(e.children.push(v),t.push(e)):(e={field:h,title:h,children:[v]},o.push(e),t.push(e),d[h]=e),s.push(v)}r.push(o,s);let c=L.xeTable;if(c){let i=S.value,o=y.value;var u=c.getComputeMaps().computeTreeOpts,{afterFullData:g,afterTreeFullData:f}=c.internalData,u=u.value,p=u.transform,m=u.children||u.childrenField;let s={};var x=e=>{var l,t=c.getRowid(e),r=_xeUtils.default.get(e,i),a=_xeUtils.default.get(e,o);r&&a&&(r=_xeUtils.default.toStringDate(r),a=_xeUtils.default.toStringDate(a),l=Math.floor((r.getTime()-n.getTime())/864e5),a=Math.floor((a.getTime()-r.getTime())/864e5)+1,s[t]={row:e,rowid:t,oLeftSize:l,oWidthSize:a})};e?_xeUtils.default.eachTree(f,x,{children:p?u.mapChildrenField:m}):g.forEach(x),L.chartMaps=s}}}W.tableColumn=t,W.headerGroups=r})()},h=()=>{var{scrollXWidth:e,scrollYHeight:l}=W,t=L.elemStore,r=q.value,t=(0,_util.getRefElem)(t["main-body-wrapper"]),a=o.value,i=s.value;t&&(l=l>t.clientHeight,i&&(W.scrollbarWidth=r.width||i.offsetWidth-i.clientWidth||14),W.overflowY=l,i=e>t.clientWidth,a&&(W.scrollbarHeight=r.height||a.offsetHeight-a.clientHeight||14),W.overflowX=i)},Y=()=>{let t=W.viewCellWidth,{elemStore:e,chartMaps:r}=L;var l=(0,_util.getRefElem)(e["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,e=>{var l=e.children[0];l&&(e=(e=e.getAttribute("rowid"))?r[e]:null)&&(l.style.left=t*e.oLeftSize+"px",l.style.width=t*e.oWidthSize+"px")}),(0,_vue.nextTick)()},X=()=>{var{scrollbarWidth:a,scrollbarHeight:i,tableColumn:o}=W,s=L.elemStore,c=L.xeTable,n=f.value;if(n&&n.clientHeight){var u=g.value,d=x.value,v=b.value,h=p.value;let e=0,l=0,t=0;c&&(c=c.internalData,e=c.tBodyHeight,l=c.tHeaderHeight,t=c.tFooterHeight);c=(0,_util.getRefElem)(s["main-header-scroll"]),c=(c&&(c.style.height=l+"px"),(0,_util.getRefElem)(s["main-body-scroll"])),h=(c&&(c.style.height=e+"px"),h&&(h.style.height=i+"px",h.style.visibility="visible"),E.value),h=(h&&(h.style.left=u?a+"px":"",h.style.width=n.clientWidth-a+"px"),d&&(d.style.width=u?a+"px":"",d.style.display=u&&i?"block":""),v&&(v.style.width=u?"":a+"px",v.style.display=!u&&i?"block":""),m.value),n=(h&&(h.style.width=a+"px",h.style.height=e+l+t+"px",h.style.visibility="visible"),T.value),d=(n&&(n.style.height=l+"px",n.style.display=l?"block":""),D.value),v=(d&&(d.style.height=e+"px",d.style.top=l+"px"),H.value),u=(v&&(v.style.height=t+"px",v.style.top=l+e+"px",v.style.display=t?"block":""),R.value);u&&(W.viewCellWidth=u.clientWidth||40);let r=W.viewCellWidth*o.length;c&&0<(a=(i=c.clientWidth)-r)&&(W.viewCellWidth+=Math.floor(a/o.length),r=i);h=(0,_util.getRefElem)(s["main-header-table"]),n=(0,_util.getRefElem)(s["main-body-table"]);return h&&(h.style.width=r+"px"),n&&(n.style.width=r+"px"),W.scrollXWidth=r,Y()}},a=()=>(h(),X(),Y(),(0,_vue.nextTick)());let c=(e,l,t,r,a)=>{var i;i=L.lcsTimeout,W.lazScrollLoading=!0,i&&clearTimeout(i),L.lcsTimeout=setTimeout(()=>{L.lcsRunTime=Date.now(),L.lcsTimeout=void 0,L.intoRunScroll=!1,L.inVirtualScroll=!1,L.inWheelScroll=!1,L.inHeaderScroll=!1,L.inBodyScroll=!1,L.inFooterScroll=!1,W.lazScrollLoading=!1},200)},u=e=>{var l=L.xeTable;l&&(l=l.internalData.elemStore,l=(0,_util.getRefElem)(l["main-body-scroll"]))&&(l.scrollTop=e)};l={handleUpdateStyle:X,handleLazyRecalculate:a,handleUpdateCurrentRow(e){var l,t,r=L.xeTable,a=f.value;r&&a&&(e?(l=r.props.highlightCurrentRow,t=r.getComputeMaps().computeRowOpts,(t.value.isCurrent||l)&&_xeUtils.default.arrayEach(a.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${r.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--current"))):_xeUtils.default.arrayEach(a.querySelectorAll(".vxe-gantt-view--body-row.row--current"),e=>(0,_dom.removeClass)(e,"row--current")))},handleUpdateHoverRow(e){var l=L.xeTable,t=f.value;l&&t&&(e?_xeUtils.default.arrayEach(t.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${l.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--hover")):_xeUtils.default.arrayEach(t.querySelectorAll(".vxe-gantt-view--body-row.row--hover"),e=>(0,_dom.removeClass)(e,"row--hover")))},triggerHeaderScrollEvent(e){var{elemStore:l,inVirtualScroll:t,inBodyScroll:r,inFooterScroll:a}=L;t||r||a||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),a=o.value,r&&t&&(e=t.scrollLeft,L.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,e),(0,_dom.setScrollLeft)(r,e),c(0,0,0,t.scrollTop)))},triggerBodyScrollEvent(e){var l,{elemStore:t,inVirtualScroll:r,inHeaderScroll:a,inFooterScroll:i}=L;r||a||i||(r=e.currentTarget,a=(0,_util.getRefElem)(t["main-header-scroll"]),i=o.value,e=s.value,a&&r&&(t=r.scrollLeft,l=r.scrollTop,L.inBodyScroll=!0,(0,_dom.setScrollLeft)(i,t),(0,_dom.setScrollLeft)(a,t),(0,_dom.setScrollTop)(e,l),u(l),c(0,0,0,r.scrollTop)))},triggerFooterScrollEvent(e){var{inVirtualScroll:l,inHeaderScroll:t,inBodyScroll:r}=L;l||t||r||(l=e.currentTarget)&&(l.scrollLeft,c(0,0,0,l.scrollTop))},triggerVirtualScrollXEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=L;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-header-scroll"]),e=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(l=t.scrollLeft,L.inVirtualScroll=!0,(0,_dom.setScrollLeft)(r,l),(0,_dom.setScrollLeft)(e,l),c(0,0,0,t.scrollTop)))},triggerVirtualScrollYEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=L;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(e=t.scrollTop,L.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,e),u(e),c(0,0,0,0,t.scrollLeft)))},updateScrollXSpace:()=>{let{scrollXLoad:l,scrollXWidth:e}=W,t=L.elemStore;var r=(0,_util.getRefElem)(t["main-body-scroll"]),a=(0,_util.getRefElem)(t["main-body-table"]);let i=0,o=0,s=(r&&(o=r.clientWidth),!1),c=e;e>maxXWidth&&(i=r&&a&&r.scrollLeft+o>=maxXWidth?maxXWidth-a.clientWidth:(maxXWidth-o)*(i/(e-o)),c=maxXWidth,s=!0),a&&(a.style.transform=`translate(${i}px, ${W.scrollYTop||0}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(t[`main-${e}-xSpace`]);e&&(e.style.width=l?c+"px":"")}),W.scrollXLeft=i,W.scrollXWidth=c,W.isScrollXBig=s;r=n.value;return r&&(r.style.width=c+"px"),h(),(0,_vue.nextTick)().then(()=>{X()})},updateScrollYSpace:()=>{var{scrollYLoad:e,overflowY:l}=W;let t=L.elemStore;var r=L.xeTable,a=(0,_util.getRefElem)(t["main-body-scroll"]),i=(0,_util.getRefElem)(t["main-body-table"]);let o=0,s=0,c=!1,n=(r&&(r=r.reactData,o=r.scrollYTop,s=r.scrollYHeight,c=r.isScrollYBig),s),u=o,d=0;a&&(d=a.clientHeight),c&&(u=a&&i&&a.scrollTop+d>=maxYHeight?maxYHeight-i.clientHeight:(maxYHeight-d)*(o/(s-d)),n=maxYHeight),e&&l||(u=0),i&&(i.style.transform=`translate(${W.scrollXLeft||0}px, ${u}px)`);["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(t[`main-${e}-ySpace`]);e&&(e.style.height=n?n+"px":"")});r=v.value;return r&&(r.style.height=n?n+"px":""),W.scrollYTop=u,W.scrollYHeight=s,W.isScrollYBig=c,h(),(0,_vue.nextTick)().then(()=>{X()})}};let B=()=>{a()},d=(Object.assign(t,{refreshData(){return r(),a()},updateViewData(){var e=L.xeTable;return e&&(e=e.reactData.tableData,W.tableData=e),(0,_vue.nextTick)()},connectUpdate({$table:e}){return e&&(L.xeTable=e),(0,_vue.nextTick)()}},l),()=>(0,_vue.h)("div",{key:"vsx",ref:p,class:"vxe-gantt-view--scroll-x-virtual"},[(0,_vue.h)("div",{ref:x,class:"vxe-gantt-view--scroll-x-left-corner"}),(0,_vue.h)("div",{ref:E,class:"vxe-gantt-view--scroll-x-wrapper"},[(0,_vue.h)("div",{ref:o,class:"vxe-gantt-view--scroll-x-handle",onScroll:t.triggerVirtualScrollXEvent},[(0,_vue.h)("div",{ref:n,class:"vxe-gantt-view--scroll-x-space"})])]),(0,_vue.h)("div",{ref:b,class:"vxe-gantt-view--scroll-x-right-corner"})])),i=()=>(0,_vue.h)("div",{ref:m,class:"vxe-gantt-view--scroll-y-virtual"},[(0,_vue.h)("div",{ref:T,class:"vxe-gantt-view--scroll-y-top-corner"}),(0,_vue.h)("div",{ref:D,class:"vxe-gantt-view--scroll-y-wrapper"},[(0,_vue.h)("div",{ref:s,class:"vxe-gantt-view--scroll-y-handle",onScroll:t.triggerVirtualScrollYEvent},[(0,_vue.h)("div",{ref:v,class:"vxe-gantt-view--scroll-y-space"})])]),(0,_vue.h)("div",{ref:H,class:"vxe-gantt-view--scroll-y-bottom-corner"})]),V=()=>(0,_vue.h)("div",{class:"vxe-gantt-view--viewport-wrapper"},[(0,_vue.h)(_ganttHeader.default),(0,_vue.h)(_ganttBody.default)]),C=()=>{var e=F.value;return(0,_vue.h)("div",{class:"vxe-gantt-view--layout-wrapper"},e?[i(),V()]:[V(),i()])};let U=(0,_vue.ref)(0);return(0,_vue.watch)(()=>W.tableData,()=>{U.value++}),(0,_vue.watch)(()=>W.tableData.length,()=>{U.value++}),(0,_vue.watch)(U,()=>{r()}),(0,_vue.onMounted)(()=>{globalEvents.on(t,"resize",B)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(t,"keydown"),_xeUtils.default.assign(L,createInternalData())}),t.renderVN=()=>{var{overflowX:e,overflowY:l,scrollXLoad:t,scrollYLoad:r}=W,a=w.value,i=g.value;return(0,_vue.h)("div",{ref:f,class:["vxe-gantt-view","mode--"+(a.mode||"day"),{"is--scroll-y":l,"is--scroll-x":e,"is--virtual-x":t,"is--virtual-y":r}]},[(0,_vue.h)("div",{class:"vxe-gantt-view--render-wrapper"},i?[d(),C()]:[C(),d()]),(0,_vue.h)("div",{class:"vxe-gantt-view--render-vars"},[(0,_vue.h)("div",{ref:R,class:"vxe-gantt-view--column-info"})])])},(0,_vue.provide)("$xeGanttView",t),t},render(){return this.renderVN()}});
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_core=require("@vxe-ui/core"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttHeader=_interopRequireDefault(require("./gantt-header")),_ganttBody=_interopRequireDefault(require("./gantt-body"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let globalEvents=_core.VxeUI.globalEvents;function createInternalData(){return{xeTable:null,startMaps:{},endMaps:{},chartMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},scrollYStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0}}}let maxYHeight=5e6;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",setup(e,X){var l=_xeUtils.default.uniqueId();let _=(0,_vue.inject)("$xeGantt",{}),{computeTaskViewOpts:S,computeStartField:w,computeEndField:y,computeScrollbarOpts:q,computeScrollbarXToTop:g,computeScrollbarYToLeft:F}=_.getComputeMaps(),f=(0,_vue.ref)(),p=(0,_vue.ref)(),m=(0,_vue.ref)(),o=(0,_vue.ref)(),x=(0,_vue.ref)(),b=(0,_vue.ref)(),s=(0,_vue.ref)(),T=(0,_vue.ref)(),D=(0,_vue.ref)(),E=(0,_vue.ref)(),H=(0,_vue.ref)(),a=(0,_vue.ref)(),c=(0,_vue.ref)(),R=(0,_vue.ref)(),L=(0,_vue.reactive)({scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!0,scrollbarWidth:0,scrollbarHeight:0,lazScrollLoading:!1,scrollVMLoading:!1,scrollYHeight:0,scrollYTop:0,isScrollYBig:!1,scrollXLeft:0,scrollXWidth:0,isScrollXBig:!1,minViewDate:null,maxViewDate:null,tableData:[],tableColumn:[],headerGroups:[],viewCellWidth:40,rowHeightStore:{large:52,default:48,medium:44,small:40,mini:36}}),Y=createInternalData(),k={refElem:f},z={},t={xID:l,props:e,context:X,reactData:L,internalData:Y,getRefMaps:()=>k,getComputeMaps:()=>z},r=()=>{var e=_.props.treeConfig,l=Y.xeTable;let a=null,i=null;if(l){let t=w.value,r=y.value;var o=l.getComputeMaps().computeTreeOpts,{afterFullData:l,afterTreeFullData:s}=l.internalData,o=o.value,n=o.transform,u=o.children||o.childrenField,c=e=>{var l=_xeUtils.default.get(e,t),e=_xeUtils.default.get(e,r);l&&e&&(l=_xeUtils.default.toStringDate(l),(!a||a.getTime()>l.getTime())&&(a=l),l=_xeUtils.default.toStringDate(e),!i||i.getTime()<l.getTime())&&(i=l)};e?_xeUtils.default.eachTree(s,c,{children:n?o.mapChildrenField:u}):l.forEach(c)}L.minViewDate=a,L.maxViewDate=i,Y.startMaps={},Y.endMaps={},(()=>{var e=_.props.treeConfig;let{minViewDate:u,maxViewDate:l}=L;var t=[],r=[];switch(S.value.mode){case"year":case"quarter":case"month":case"week":break;default:if(u&&l){var a=u.getTime(),c=l.getTime()-u.getTime(),i=Math.max(6,Math.floor(c/864e5)+1),o=[],s=[],d={};for(let l=0;l<i;l++){var v=new Date(a+864e5*l),h=v.getFullYear()+"-"+(v.getMonth()+1),v=""+v.getDate();let e=d[h];v={field:h+"-"+v,title:v};e?(e.children.push(v),t.push(e)):(e={field:h,title:h,children:[v]},o.push(e),t.push(e),d[h]=e),s.push(v)}r.push(o,s);let n=Y.xeTable;if(n){let i=w.value,o=y.value;var c=n.getComputeMaps().computeTreeOpts,{afterFullData:g,afterTreeFullData:f}=n.internalData,c=c.value,p=c.transform,m=c.children||c.childrenField;let s={};var x=e=>{var l,t=n.getRowid(e),r=_xeUtils.default.get(e,i),a=_xeUtils.default.get(e,o);r&&a&&(r=_xeUtils.default.toStringDate(r),a=_xeUtils.default.toStringDate(a),l=Math.floor((r.getTime()-u.getTime())/864e5),a=Math.floor((a.getTime()-r.getTime())/864e5)+1,s[t]={row:e,rowid:t,oLeftSize:l,oWidthSize:a})};e?_xeUtils.default.eachTree(f,x,{children:p?c.mapChildrenField:m}):g.forEach(x),Y.chartMaps=s}}}L.tableColumn=t,L.headerGroups=r})()},d=()=>{var{scrollXWidth:e,scrollYHeight:l}=L,t=Y.elemStore,r=q.value,t=(0,_util.getRefElem)(t["main-body-wrapper"]),a=o.value,i=s.value;t&&(l=l>t.clientHeight,i&&(L.scrollbarWidth=r.width||i.offsetWidth-i.clientWidth||14),L.overflowY=l,i=e>t.clientWidth,a&&(L.scrollbarHeight=r.height||a.offsetHeight-a.clientHeight||14),L.overflowX=i)},U=()=>{let t=L.viewCellWidth,{elemStore:e,chartMaps:r}=Y;var l=(0,_util.getRefElem)(e["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,e=>{var l=e.children[0];l&&(e=(e=e.getAttribute("rowid"))?r[e]:null)&&(l.style.left=t*e.oLeftSize+"px",l.style.width=t*e.oWidthSize+"px")}),(0,_vue.nextTick)()},v=()=>{var{scrollbarWidth:a,scrollbarHeight:i,tableColumn:o}=L,s=Y.elemStore,n=Y.xeTable,u=f.value;if(u&&u.clientHeight){var c=g.value,d=x.value,v=b.value,h=p.value;let e=0,l=0,t=0;n&&(n=n.internalData,e=n.tBodyHeight,l=n.tHeaderHeight,t=n.tFooterHeight);n=(0,_util.getRefElem)(s["main-header-scroll"]),n=(n&&(n.style.height=l+"px"),(0,_util.getRefElem)(s["main-body-scroll"])),h=(n&&(n.style.height=e+"px"),h&&(h.style.height=i+"px",h.style.visibility="visible"),D.value),h=(h&&(h.style.left=c?a+"px":"",h.style.width=u.clientWidth-a+"px"),d&&(d.style.width=c?a+"px":"",d.style.display=c&&i?"block":""),v&&(v.style.width=c?"":a+"px",v.style.display=!c&&i?"block":""),m.value),u=(h&&(h.style.width=a+"px",h.style.height=e+l+t+"px",h.style.visibility="visible"),T.value),d=(u&&(u.style.height=l+"px",u.style.display=l?"block":""),E.value),v=(d&&(d.style.height=e+"px",d.style.top=l+"px"),H.value),c=(v&&(v.style.height=t+"px",v.style.top=l+e+"px",v.style.display=t?"block":""),R.value);c&&(L.viewCellWidth=c.clientWidth||40);let r=L.viewCellWidth*o.length;n&&0<(a=(i=n.clientWidth)-r)&&(L.viewCellWidth+=Math.floor(a/o.length),r=i);h=(0,_util.getRefElem)(s["main-header-table"]),u=(0,_util.getRefElem)(s["main-body-table"]);return h&&(h.style.width=r+"px"),u&&(u.style.width=r+"px"),L.scrollXWidth=r,U()}},i=()=>(d(),v(),U(),(0,_vue.nextTick)());let n=(e,l,t,r,a)=>{var i;i=Y.lcsTimeout,L.lazScrollLoading=!0,i&&clearTimeout(i),Y.lcsTimeout=setTimeout(()=>{Y.lcsRunTime=Date.now(),Y.lcsTimeout=void 0,Y.intoRunScroll=!1,Y.inVirtualScroll=!1,Y.inWheelScroll=!1,Y.inHeaderScroll=!1,Y.inBodyScroll=!1,Y.inFooterScroll=!1,L.lazScrollLoading=!1},200)},u=e=>{var l=Y.xeTable;l&&(l=l.internalData.elemStore,l=(0,_util.getRefElem)(l["main-body-scroll"]))&&(l.scrollTop=e)};l={handleUpdateStyle:v,handleLazyRecalculate:i,handleUpdateCurrentRow(e){var l,t,r=Y.xeTable,a=f.value;r&&a&&(e?(l=r.props.highlightCurrentRow,t=r.getComputeMaps().computeRowOpts,(t.value.isCurrent||l)&&_xeUtils.default.arrayEach(a.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${r.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--current"))):_xeUtils.default.arrayEach(a.querySelectorAll(".vxe-gantt-view--body-row.row--current"),e=>(0,_dom.removeClass)(e,"row--current")))},handleUpdateHoverRow(e){var l=Y.xeTable,t=f.value;l&&t&&(e?_xeUtils.default.arrayEach(t.querySelectorAll(`.vxe-gantt-view--body-row[rowid="${l.getRowid(e)}"]`),e=>(0,_dom.addClass)(e,"row--hover")):_xeUtils.default.arrayEach(t.querySelectorAll(".vxe-gantt-view--body-row.row--hover"),e=>(0,_dom.removeClass)(e,"row--hover")))},triggerHeaderScrollEvent(e){var{elemStore:l,inVirtualScroll:t,inBodyScroll:r,inFooterScroll:a}=Y;t||r||a||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),a=o.value,r&&t&&(e=t.scrollLeft,Y.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,e),(0,_dom.setScrollLeft)(r,e),n(0,0,0,t.scrollTop)))},triggerBodyScrollEvent(e){var l,{elemStore:t,inVirtualScroll:r,inHeaderScroll:a,inFooterScroll:i}=Y;r||a||i||(r=e.currentTarget,a=(0,_util.getRefElem)(t["main-header-scroll"]),i=o.value,e=s.value,a&&r&&(t=r.scrollLeft,l=r.scrollTop,Y.inBodyScroll=!0,(0,_dom.setScrollLeft)(i,t),(0,_dom.setScrollLeft)(a,t),(0,_dom.setScrollTop)(e,l),u(l),n(0,0,0,r.scrollTop)))},triggerFooterScrollEvent(e){var{inVirtualScroll:l,inHeaderScroll:t,inBodyScroll:r}=Y;l||t||r||(l=e.currentTarget)&&(l.scrollLeft,n(0,0,0,l.scrollTop))},triggerVirtualScrollXEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=Y;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-header-scroll"]),e=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(l=t.scrollLeft,Y.inVirtualScroll=!0,(0,_dom.setScrollLeft)(r,l),(0,_dom.setScrollLeft)(e,l),n(0,0,0,t.scrollTop)))},triggerVirtualScrollYEvent(e){var{elemStore:l,inHeaderScroll:t,inBodyScroll:r}=Y;t||r||(t=e.currentTarget,r=(0,_util.getRefElem)(l["main-body-scroll"]),t&&(e=t.scrollTop,Y.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,e),u(e),n(0,0,0,0,t.scrollLeft)))},handleUpdateSXSpace(){let{scrollXLoad:l,scrollXWidth:t}=L,r=Y.elemStore;["header","body","footer"].forEach(e=>{e=(0,_util.getRefElem)(r[`main-${e}-xSpace`]);e&&(e.style.width=l?t+"px":"")});var e=a.value;return e&&(e.style.width=t+"px"),d(),(0,_vue.nextTick)()},handleUpdateSYSpace:()=>{var e=Y.elemStore,l=Y.xeTable,t=(0,_util.getRefElem)(e["main-body-scroll"]),r=(0,_util.getRefElem)(e["main-body-table"]);let a=0,i=0,o=!1,s=(l&&(l=l.reactData,a=l.scrollYTop,i=l.scrollYHeight,o=l.isScrollYBig),i),n=a,u=0;t&&(u=t.clientHeight),o&&(n=t&&r&&t.scrollTop+u>=maxYHeight?maxYHeight-r.clientHeight:(maxYHeight-u)*(a/(i-u)),s=maxYHeight);l=(0,_util.getRefElem)(e["main-chart-wrapper"]),r&&(r.style.transform=`translate(${L.scrollXLeft||0}px, ${n}px)`),l&&(l.style.transform=`translate(${L.scrollXLeft||0}px, ${n}px)`),t=(0,_util.getRefElem)(e["main-body-ySpace"]),t&&(t.style.height=s?s+"px":""),r=c.value;return r&&(r.style.height=s?s+"px":""),L.scrollYTop=n,L.scrollYHeight=i,L.isScrollYBig=o,d(),(0,_vue.nextTick)().then(()=>{v()})},handleUpdateSYStatus(e){L.scrollYLoad=e}};let B=()=>{i()},h=(Object.assign(t,{refreshData(){return r(),i()},updateViewData(){var e=Y.xeTable;return e&&(e=e.reactData.tableData,L.tableData=e),(0,_vue.nextTick)()},connectUpdate({$table:e}){return e&&(Y.xeTable=e),(0,_vue.nextTick)()}},l),()=>(0,_vue.h)("div",{key:"vsx",ref:p,class:"vxe-gantt-view--scroll-x-virtual"},[(0,_vue.h)("div",{ref:x,class:"vxe-gantt-view--scroll-x-left-corner"}),(0,_vue.h)("div",{ref:D,class:"vxe-gantt-view--scroll-x-wrapper"},[(0,_vue.h)("div",{ref:o,class:"vxe-gantt-view--scroll-x-handle",onScroll:t.triggerVirtualScrollXEvent},[(0,_vue.h)("div",{ref:a,class:"vxe-gantt-view--scroll-x-space"})])]),(0,_vue.h)("div",{ref:b,class:"vxe-gantt-view--scroll-x-right-corner"})])),V=()=>(0,_vue.h)("div",{ref:m,class:"vxe-gantt-view--scroll-y-virtual"},[(0,_vue.h)("div",{ref:T,class:"vxe-gantt-view--scroll-y-top-corner"}),(0,_vue.h)("div",{ref:E,class:"vxe-gantt-view--scroll-y-wrapper"},[(0,_vue.h)("div",{ref:s,class:"vxe-gantt-view--scroll-y-handle",onScroll:t.triggerVirtualScrollYEvent},[(0,_vue.h)("div",{ref:c,class:"vxe-gantt-view--scroll-y-space"})])]),(0,_vue.h)("div",{ref:H,class:"vxe-gantt-view--scroll-y-bottom-corner"})]),C=()=>(0,_vue.h)("div",{class:"vxe-gantt-view--viewport-wrapper"},[(0,_vue.h)(_ganttHeader.default),(0,_vue.h)(_ganttBody.default)]),M=()=>{var e=F.value;return(0,_vue.h)("div",{class:"vxe-gantt-view--layout-wrapper"},e?[V(),C()]:[C(),V()])};let W=(0,_vue.ref)(0);return(0,_vue.watch)(()=>L.tableData,()=>{W.value++}),(0,_vue.watch)(()=>L.tableData.length,()=>{W.value++}),(0,_vue.watch)(W,()=>{r()}),(0,_vue.onMounted)(()=>{globalEvents.on(t,"resize",B)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(t,"keydown"),_xeUtils.default.assign(Y,createInternalData())}),t.renderVN=()=>{var{overflowX:e,overflowY:l,scrollXLoad:t,scrollYLoad:r}=L,a=S.value,i=g.value;return(0,_vue.h)("div",{ref:f,class:["vxe-gantt-view","mode--"+(a.mode||"day"),{"is--scroll-y":l,"is--scroll-x":e,"is--virtual-x":t,"is--virtual-y":r}]},[(0,_vue.h)("div",{class:"vxe-gantt-view--render-wrapper"},i?[h(),M()]:[M(),h()]),(0,_vue.h)("div",{class:"vxe-gantt-view--render-vars"},[(0,_vue.h)("div",{ref:R,class:"vxe-gantt-view--column-info"})])])},(0,_vue.provide)("$xeGanttView",t),t},render(){return this.renderVN()}});
package/lib/gantt/src/gantt.js CHANGED
@@ -1569,9 +1569,18 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1569
1569
  const {
1570
1570
  highlightCurrentRow
1571
1571
  } = tableProps;
1572
+ const tableReactData = $xeTable.reactData;
1572
1573
  const {
1574
+ radioColumn,
1575
+ checkboxColumn
1576
+ } = tableReactData;
1577
+ const {
1578
+ computeRadioOpts,
1579
+ computeCheckboxOpts,
1573
1580
  computeRowOpts
1574
1581
  } = $xeTable.getComputeMaps();
1582
+ const radioOpts = computeRadioOpts.value;
1583
+ const checkboxOpts = computeCheckboxOpts.value;
1575
1584
  const rowOpts = computeRowOpts.value;
1576
1585
  const {
1577
1586
  row
@@ -1584,6 +1593,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1584
1593
  $rowIndex: $xeTable.getVMRowIndex(row)
1585
1594
  }, params));
1586
1595
  }
1596
+ // 如果是单选框
1597
+ if (radioColumn && radioOpts.trigger === 'row') {
1598
+ $xeTable.triggerRadioRowEvent(evnt, params);
1599
+ }
1600
+ // 如果是复选框
1601
+ if (checkboxColumn && checkboxOpts.trigger === 'row') {
1602
+ $xeTable.handleToggleCheckRowEvent(evnt, params);
1603
+ }
1587
1604
  }
1588
1605
  $xeGantt.dispatchEvent('task-cell-click', params, evnt);
1589
1606
  },
@@ -1955,7 +1972,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1955
1972
  class: 'vxe-gantt--resizable-split-number-left'
1956
1973
  }, '10px'), (0, _vue.h)('div', {
1957
1974
  class: 'vxe-gantt--resizable-split-number-right'
1958
- }, '20px')])])]));
1975
+ }, '20px')])]), (0, _vue.h)('div', {
1976
+ class: 'vxe-gantt--border-line'
1977
+ })]));
1959
1978
  break;
1960
1979
  case 'Bottom':
1961
1980
  childVNs.push(renderBottom());
@@ -1991,9 +2010,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
1991
2010
  class: 'vxe-gantt--layout-aside-right-wrapper'
1992
2011
  }, asideRightSlot({})) : renderEmptyElement($xeGantt)]), (0, _vue.h)('div', {
1993
2012
  class: 'vxe-gantt--layout-footer-wrapper'
1994
- }, renderChildLayout(footKeys)), (0, _vue.h)('div', {
1995
- class: 'vxe-gantt--border-line'
1996
- })];
2013
+ }, renderChildLayout(footKeys))];
1997
2014
  };
1998
2015
  const renderVN = () => {
1999
2016
  const {