vxe-gantt 3.0.7 → 3.0.9
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.
- package/es/gantt/src/gantt-body.js +8 -0
- package/es/gantt/src/gantt-header.js +19 -5
- package/es/gantt/src/gantt-view.js +57 -42
- package/es/gantt/src/gantt.js +0 -3
- package/es/gantt/style.css +19 -4
- package/es/gantt/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-gantt/style.css +19 -4
- package/es/vxe-gantt/style.min.css +1 -1
- package/lib/gantt/src/gantt-body.js +10 -0
- package/lib/gantt/src/gantt-body.min.js +1 -1
- package/lib/gantt/src/gantt-header.js +21 -4
- package/lib/gantt/src/gantt-header.min.js +1 -1
- package/lib/gantt/src/gantt-view.js +78 -50
- package/lib/gantt/src/gantt-view.min.js +1 -1
- package/lib/gantt/src/gantt.js +0 -3
- package/lib/gantt/src/gantt.min.js +1 -1
- package/lib/gantt/style/style.css +19 -4
- package/lib/gantt/style/style.min.css +1 -1
- package/lib/index.umd.js +110 -59
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-gantt/style/style.css +19 -4
- package/lib/vxe-gantt/style/style.min.css +1 -1
- package/package.json +2 -2
- package/packages/gantt/src/gantt-body.ts +9 -0
- package/packages/gantt/src/gantt-header.ts +18 -5
- package/packages/gantt/src/gantt-view.ts +57 -43
- package/packages/gantt/src/gantt.ts +0 -3
- package/styles/components/gantt.scss +21 -3
package/es/vxe-gantt/style.css
CHANGED
|
@@ -152,14 +152,16 @@
|
|
|
152
152
|
.vxe-gantt .vxe-gantt--view-split-bar {
|
|
153
153
|
flex-shrink: 0;
|
|
154
154
|
width: var(--vxe-ui-gantt-view-split-bar-width);
|
|
155
|
-
background-color: var(--vxe-ui-gantt-view-split-bar-background-color);
|
|
156
|
-
}
|
|
157
|
-
.vxe-gantt .vxe-gantt--view-split-bar:hover, .vxe-gantt .vxe-gantt--view-split-bar:active {
|
|
158
|
-
background-color: var(--vxe-ui-gantt-view-split-bar-hover-background-color);
|
|
159
155
|
}
|
|
160
156
|
.vxe-gantt .vxe-gantt--view-split-bar.is--resize {
|
|
161
157
|
cursor: col-resize;
|
|
162
158
|
}
|
|
159
|
+
.vxe-gantt .vxe-gantt--view-split-bar-handle {
|
|
160
|
+
background-color: var(--vxe-ui-gantt-view-split-bar-background-color);
|
|
161
|
+
}
|
|
162
|
+
.vxe-gantt .vxe-gantt--view-split-bar-handle:hover, .vxe-gantt .vxe-gantt--view-split-bar-handle:active {
|
|
163
|
+
background-color: var(--vxe-ui-gantt-view-split-bar-hover-background-color);
|
|
164
|
+
}
|
|
163
165
|
.vxe-gantt.show--left .vxe-gantt--table-wrapper {
|
|
164
166
|
display: block;
|
|
165
167
|
}
|
|
@@ -635,6 +637,19 @@
|
|
|
635
637
|
font-size: 1em;
|
|
636
638
|
height: var(--vxe-ui-gantt-view-cell-height, var(--vxe-ui-table-row-line-height));
|
|
637
639
|
}
|
|
640
|
+
.vxe-gantt-view--header-column.is--now {
|
|
641
|
+
color: var(--vxe-ui-font-primary-color);
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
.vxe-gantt-view--body-column.is--now::before {
|
|
645
|
+
content: "";
|
|
646
|
+
position: absolute;
|
|
647
|
+
top: 0;
|
|
648
|
+
left: 0;
|
|
649
|
+
width: 1px;
|
|
650
|
+
height: 100%;
|
|
651
|
+
background-color: var(--vxe-ui-font-primary-color);
|
|
652
|
+
}
|
|
638
653
|
|
|
639
654
|
.vxe-gantt-view--header-column,
|
|
640
655
|
.vxe-gantt-view--body-column,
|
|
@@ -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;width:100%;height:0}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar,.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-custom-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,.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-custom-bar:hover::after{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-bar,.vxe-gantt-view--chart-custom-bar{display:flex;flex-direction:row;position:absolute;top:50%;left:0;transform:translateY(-50%);color:#fff;background-color:var(--vxe-ui-gantt-view-task-bar-background-color);overflow:hidden;pointer-events:all}.vxe-gantt-view--chart-bar{align-items:center;height:var(--vxe-ui-gantt-view-chart-bar-height)}.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-view--chart-row.row--drag-move{transition:transform .5s ease}.vxe-gantt-view--chart-row.row--drag-origin{opacity:.3}.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;-ms-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;-ms-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:active,.vxe-gantt .vxe-gantt--view-split-bar:hover{background-color:var(--vxe-ui-gantt-view-split-bar-hover-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--default .vxe-gantt-view--footer-wrapper,.vxe-gantt.border--full .vxe-gantt-view--footer-wrapper,.vxe-gantt.border--inner .vxe-gantt-view--footer-wrapper{border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.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;-ms-user-select:none;user-select:none}.vxe-gantt--view-split-bar-handle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.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:5;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;-ms-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{color:#fff;background-color:var(--vxe-ui-font-primary-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:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-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;-ms-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--footer-wrapper{margin-top:calc(var(--vxe-ui-table-border-width) * -1);background-color:var(--vxe-ui-table-footer-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:scroll;overflow-x:scroll}.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--body-inner-wrapper::-webkit-scrollbar,.vxe-gantt-view--header-inner-wrapper::-webkit-scrollbar{display:none}.vxe-gantt-view--header-column{text-align:center;font-size:1em;height:var(--vxe-ui-gantt-view-cell-height,var(--vxe-ui-table-row-line-height))}.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--body-row.row--drag-move{transition:transform .5s ease}.vxe-gantt-view--body-row.row--drag-origin>.vxe-gantt-view--body-column{opacity:.3}.vxe-gantt-view--body-column .vxe-gantt-view-cell--row-resizable{position:absolute;left:0;bottom:-.4em;height:.8em;width:100%;text-align:center;z-index:1;cursor:row-resize}.vxe-gantt-view--body-row:last-child .vxe-gantt-view--body-column .vxe-gantt-view-cell--row-resizable{height:.4em;bottom:0}.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;width:100%;height:0}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar,.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-custom-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,.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-custom-bar:hover::after{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-bar,.vxe-gantt-view--chart-custom-bar{display:flex;flex-direction:row;position:absolute;top:50%;left:0;transform:translateY(-50%);color:#fff;background-color:var(--vxe-ui-gantt-view-task-bar-background-color);overflow:hidden;pointer-events:all}.vxe-gantt-view--chart-bar{align-items:center;height:var(--vxe-ui-gantt-view-chart-bar-height)}.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-view--chart-row.row--drag-move{transition:transform .5s ease}.vxe-gantt-view--chart-row.row--drag-origin{opacity:.3}.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;-ms-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;-ms-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)}.vxe-gantt .vxe-gantt--view-split-bar.is--resize{cursor:col-resize}.vxe-gantt .vxe-gantt--view-split-bar-handle{background-color:var(--vxe-ui-gantt-view-split-bar-background-color)}.vxe-gantt .vxe-gantt--view-split-bar-handle:active,.vxe-gantt .vxe-gantt--view-split-bar-handle:hover{background-color:var(--vxe-ui-gantt-view-split-bar-hover-background-color)}.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--default .vxe-gantt-view--footer-wrapper,.vxe-gantt.border--full .vxe-gantt-view--footer-wrapper,.vxe-gantt.border--inner .vxe-gantt-view--footer-wrapper{border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.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;-ms-user-select:none;user-select:none}.vxe-gantt--view-split-bar-handle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.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:5;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;-ms-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{color:#fff;background-color:var(--vxe-ui-font-primary-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:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-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;-ms-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--footer-wrapper{margin-top:calc(var(--vxe-ui-table-border-width) * -1);background-color:var(--vxe-ui-table-footer-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:scroll;overflow-x:scroll}.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--body-inner-wrapper::-webkit-scrollbar,.vxe-gantt-view--header-inner-wrapper::-webkit-scrollbar{display:none}.vxe-gantt-view--header-column{text-align:center;font-size:1em;height:var(--vxe-ui-gantt-view-cell-height,var(--vxe-ui-table-row-line-height))}.vxe-gantt-view--header-column.is--now{color:var(--vxe-ui-font-primary-color)}.vxe-gantt-view--body-column.is--now::before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background-color:var(--vxe-ui-font-primary-color)}.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--body-row.row--drag-move{transition:transform .5s ease}.vxe-gantt-view--body-row.row--drag-origin>.vxe-gantt-view--body-column{opacity:.3}.vxe-gantt-view--body-column .vxe-gantt-view-cell--row-resizable{position:absolute;left:0;bottom:-.4em;height:.8em;width:100%;text-align:center;z-index:1;cursor:row-resize}.vxe-gantt-view--body-row:last-child .vxe-gantt-view--body-column .vxe-gantt-view-cell--row-resizable{height:.4em;bottom:0}.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)}
|
|
@@ -31,7 +31,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
31
31
|
//
|
|
32
32
|
renderColumn: function renderColumn(h, $xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, column, $columnIndex) {
|
|
33
33
|
var _vm = this;
|
|
34
|
+
var $xeGanttView = _vm.$xeGanttView;
|
|
34
35
|
var $xeGantt = _vm.$xeGantt;
|
|
36
|
+
var reactData = $xeGanttView.reactData,
|
|
37
|
+
internalData = $xeGanttView.internalData;
|
|
35
38
|
var tableReactData = $xeTable;
|
|
36
39
|
var resizeHeightFlag = tableReactData.resizeHeightFlag;
|
|
37
40
|
var tableInternalData = $xeTable;
|
|
@@ -42,6 +45,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
42
45
|
var defaultRowHeight = $xeTable.computeDefaultRowHeight;
|
|
43
46
|
var resizableOpts = $xeTable.computeResizableOpts;
|
|
44
47
|
var isAllRowDrag = resizableOpts.isAllRowDrag;
|
|
48
|
+
var headerGroups = reactData.headerGroups;
|
|
49
|
+
var todayDateMaps = internalData.todayDateMaps;
|
|
50
|
+
var _ref = headerGroups[headerGroups.length - 1] || {},
|
|
51
|
+
scaleItem = _ref.scaleItem;
|
|
52
|
+
var field = column.field;
|
|
53
|
+
var todayValue = scaleItem ? todayDateMaps[scaleItem.type] : null;
|
|
45
54
|
var rowRest = fullAllDataRowIdData[rowid] || {};
|
|
46
55
|
var resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
|
|
47
56
|
var isRsHeight = resizeHeight > 0;
|
|
@@ -87,6 +96,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
87
96
|
return h('td', {
|
|
88
97
|
key: $columnIndex,
|
|
89
98
|
class: ['vxe-gantt-view--body-column', {
|
|
99
|
+
'is--now': todayValue === field,
|
|
90
100
|
'col--rs-height': isRsHeight
|
|
91
101
|
}],
|
|
92
102
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_util=require("./util"),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},computed:Object.assign({},{}),methods:{renderColumn:function(e,t,r,a,n,o,l,i,c){var d,u=this.$xeGantt,s=t.resizeHeightFlag,
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_util=require("./util"),_ganttChart=_interopRequireDefault(require("./gantt-chart"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewBody",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},computed:Object.assign({},{}),methods:{renderColumn:function(e,t,r,a,n,o,l,i,c){var d,s=this.$xeGanttView,u=this.$xeGantt,p=s.reactData,f=t.resizeHeightFlag,w=t.fullAllDataRowIdData,y=t.visibleColumn,h=t.computeCellOpts,g=t.computeRowOpts,m=t.computeResizableOpts.isAllRowDrag,p=p.headerGroups,s=s.internalData.todayDateMaps,p=(p[p.length-1]||{}).scaleItem,v=i.field,s=p?s[p.type]:null,p=w[a]||{},w=0<(f?p.resizeHeight:0),f=(0,_util.getCellRestHeight)(p,h,g,t.computeDefaultRowHeight),p=[];return m&&g.resizable&&(d={$table:t,$grid:null,$gantt:u,seq:-1,rowid:a,row:r,rowIndex:n,$rowIndex:o,_rowIndex:l,column:y[0],columnIndex:0,$columnIndex:0,_columnIndex:0,fixed:"",type:"",isHidden:!1,isEdit:!1,level:-1,visibleData:[],data:[],items:[]},p.push(e("div",{class:"vxe-gantt-view-cell--row-resizable",on:{mousedown:function(e){return t.handleRowResizeMousedownEvent(e,d)},dblclick:function(e){return t.handleRowResizeDblclickEvent(e,d)}}}))),e("td",{key:c,class:["vxe-gantt-view--body-column",{"is--now":s===v,"col--rs-height":w}],style:{height:"".concat(f,"px")},on:{click:function(e){u.handleTaskCellClickEvent(e,{row:r,column:i})},dblclick:function(e){u.handleTaskCellDblclickEvent(e,{row:r,column:i})}}},p)},renderRows:function(i,c,e){var d=this,t=d.$xeGanttView.reactData,s=c.treeConfig,u=c.stripe,p=c.highlightHoverRow,f=c.editConfig,w=c.treeExpandedFlag,y=c.selectRadioRow,h=c.pendingRowFlag,g=c.isRowGroupStatus,m=c.fullAllDataRowIdData,v=c.treeExpandedMaps,b=c.pendingRowMaps,x=c.computeRadioOpts,R=c.computeCheckboxOpts,_=c.computeRowOpts,r=c.computeTreeOpts,D=r.transform,C=r.children||r.childrenField,S=t.tableColumn,A=t.scrollYLoad,k=[];return e.forEach(function(r,a){var n=c.getRowid(r),e=m[n]||{},t={},o=a,l=-1,e=(e&&(o=e.index,l=e._index),!1),e=(f&&(e=c.isInsertByRow(r)),(_.isHover||p)&&(t.mouseenter=function(e){c.triggerHoverEvent(e,{row:r,rowIndex:o})},t.mouseleave=function(){c.clearHoverRow()}),!_.drag||g||s&&!D||(t.dragstart=c.handleRowDragDragstartEvent,t.dragend=c.handleRowDragDragendEvent,t.dragover=c.handleRowDragDragoverEvent),k.push(i("tr",{key:s?n:a,class:["vxe-gantt-view--body-row",{"row--stripe":u&&(l+1)%2==0,"is--new":e,"row--radio":x.highlight&&c.eqRow(y,r),"row--checked":R.highlight&&c.isCheckedByCheckboxRow(r),"row--pending":!!h&&!!b[n]}],attrs:{rowid:n},on:t},S.map(function(e,t){return d.renderColumn(i,c,r,n,o,a,l,e,t)}))),!1),t=[];!s||A||D||(t=r[C],e=!!w&&t&&0<t.length&&!!v[n]),e&&k.push.apply(k,_toConsumableArray(d.renderRows(i,c,t)))}),k},renderVN:function(r){var e=this.$xeGanttView,t=e.reactData,a=e.internalData.xeTable,n=t.tableData,o=t.tableColumn,l=t.viewCellWidth;return r("div",{ref:"refElem",class:"vxe-gantt-view--body-wrapper"},[r("div",{ref:"refBodyScroll",class:"vxe-gantt-view--body-inner-wrapper",on:{scroll:e.triggerBodyScrollEvent}},[r("div",{ref:"refBodyXSpace",class:"vxe-body--x-space"}),r("div",{ref:"refBodyYSpace",class:"vxe-body--y-space"}),r("table",{ref:"refBodyTable",class:"vxe-gantt-view--body-table"},[r("colgroup",{},o.map(function(e,t){return r("col",{key:t,style:{width:"".concat(l,"px")}})})),r("tbody",{},a?this.renderRows(r,a,n):[])]),r(_ganttChart.default)])])}},mounted:function(){var e=this,t=e.$xeGanttView.internalData.elemStore,r="main-body-";t["".concat(r,"wrapper")]=e.$refs.refElem,t["".concat(r,"scroll")]=e.$refs.refBodyScroll,t["".concat(r,"table")]=e.$refs.refBodyTable,t["".concat(r,"xSpace")]=e.$refs.refBodyXSpace,t["".concat(r,"ySpace")]=e.$refs.refBodyYSpace},destroyed:function(){var e=this.$xeGanttView.internalData.elemStore,t="main-body-";e["".concat(t,"wrapper")]=null,e["".concat(t,"scroll")]=null,e["".concat(t,"table")]=null,e["".concat(t,"xSpace")]=null,e["".concat(t,"ySpace")]=null},render:function(e){return this.renderVN(e)}});
|
|
@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _comp = require("../../ui/src/comp");
|
|
8
8
|
var _core = require("@vxe-ui/core");
|
|
9
|
+
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
11
|
var getI18n = _core.VxeUI.getI18n;
|
|
10
12
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
11
13
|
name: 'VxeGanttViewHeader',
|
|
@@ -30,7 +32,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
30
32
|
var internalData = $xeGanttView.internalData;
|
|
31
33
|
var headerGroups = reactData.headerGroups,
|
|
32
34
|
viewCellWidth = reactData.viewCellWidth;
|
|
33
|
-
var
|
|
35
|
+
var todayDateMaps = internalData.todayDateMaps,
|
|
36
|
+
visibleColumn = internalData.visibleColumn;
|
|
34
37
|
return h('div', {
|
|
35
38
|
ref: 'refElem',
|
|
36
39
|
class: 'vxe-gantt-view--header-wrapper'
|
|
@@ -58,12 +61,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
58
61
|
columns = _ref.columns;
|
|
59
62
|
var type = scaleItem.type,
|
|
60
63
|
titleMethod = scaleItem.titleMethod,
|
|
64
|
+
headerCellStyle = scaleItem.headerCellStyle,
|
|
61
65
|
slots = scaleItem.slots;
|
|
62
66
|
var titleSlot = slots ? slots.title : null;
|
|
67
|
+
var todayValue = $rowIndex === headerGroups.length - 1 ? todayDateMaps[type] : null;
|
|
63
68
|
return h('tr', {
|
|
64
69
|
key: $rowIndex
|
|
65
70
|
}, columns.map(function (column, cIndex) {
|
|
66
|
-
var
|
|
71
|
+
var field = column.field,
|
|
72
|
+
childCount = column.childCount,
|
|
67
73
|
dateObj = column.dateObj;
|
|
68
74
|
var label = "".concat(column.title);
|
|
69
75
|
if ($rowIndex < headerGroups.length - 1) {
|
|
@@ -85,13 +91,24 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
85
91
|
} else if (titleMethod) {
|
|
86
92
|
cellVNs = "".concat(titleMethod(ctParams));
|
|
87
93
|
}
|
|
94
|
+
var cellStys = {};
|
|
95
|
+
if (headerCellStyle) {
|
|
96
|
+
if (_xeUtils.default.isFunction(headerCellStyle)) {
|
|
97
|
+
cellStys = headerCellStyle(ctParams);
|
|
98
|
+
} else {
|
|
99
|
+
cellStys = headerCellStyle;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
88
102
|
return h('th', {
|
|
89
103
|
key: cIndex,
|
|
90
|
-
class: 'vxe-gantt-view--header-column',
|
|
104
|
+
class: ['vxe-gantt-view--header-column', {
|
|
105
|
+
'is--now': todayValue && todayValue === field
|
|
106
|
+
}],
|
|
91
107
|
attrs: {
|
|
92
108
|
colspan: childCount || null,
|
|
93
109
|
title: titleSlot ? null : label
|
|
94
|
-
}
|
|
110
|
+
},
|
|
111
|
+
style: cellStys
|
|
95
112
|
}, cellVNs);
|
|
96
113
|
}));
|
|
97
114
|
}))])])]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),getI18n=_core.VxeUI.getI18n,_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewHeader",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},computed:Object.assign({},{}),methods:{renderVN:function(
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var getI18n=_core.VxeUI.getI18n,_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewHeader",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},computed:Object.assign({},{}),methods:{renderVN:function(x){var v=this.$xeGantt,e=this.$xeGanttView,t=e.reactData,a=e.internalData,m=t.headerGroups,r=t.viewCellWidth,n=a.todayDateMaps,t=a.visibleColumn;return x("div",{ref:"refElem",class:"vxe-gantt-view--header-wrapper"},[x("div",{ref:"refHeaderScroll",class:"vxe-gantt-view--header-inner-wrapper",on:{scroll:e.triggerHeaderScrollEvent}},[x("div",{ref:"refHeaderXSpace",class:"vxe-body--x-space"}),x("table",{ref:"refHeaderTable",class:"vxe-gantt-view--header-table"},[x("colgroup",{},t.map(function(e,t){return x("col",{key:t,style:{width:"".concat(r,"px")}})})),x("thead",{},m.map(function(e,o){var i=e.scaleItem,e=e.columns,u=i.type,d=i.titleMethod,s=i.headerCellStyle,t=i.slots,f=t?t.title:null,p=o===m.length-1?n[u]:null;return x("tr",{key:o},e.map(function(e,t){var a=e.field,r=e.childCount,n=e.dateObj,e="".concat(e.title),l=e=o<m.length-1?"day"===i.type?getI18n("vxe.gantt.dayss.w".concat(n.e)):getI18n("vxe.gantt.".concat(!o&&1<m.length?"tFullFormat":"tSimpleFormat",".").concat(u),n):e,n={scaleObj:i,title:e,dateObj:n,$rowIndex:o},c=(f?l=v.callSlot(f,n,x):d&&(l="".concat(d(n))),{});return s&&(c=_xeUtils.default.isFunction(s)?s(n):s),x("th",{key:t,class:["vxe-gantt-view--header-column",{"is--now":p&&p===a}],attrs:{colspan:r||null,title:f?null:e},style:c},l)}))}))])])])}},mounted:function(){var e=this,t=e.$xeGanttView.internalData.elemStore,a="main-header-";t["".concat(a,"wrapper")]=e.$refs.refElem,t["".concat(a,"scroll")]=e.$refs.refHeaderScroll,t["".concat(a,"table")]=e.$refs.refHeaderTable,t["".concat(a,"xSpace")]=e.$refs.refHeaderXSpace},destroyed:function(){var e=this.$xeGanttView.internalData.elemStore,t="main-header-";e["".concat(t,"wrapper")]=null,e["".concat(t,"scroll")]=null,e["".concat(t,"table")]=null,e["".concat(t,"xSpace")]=null},render:function(e){return this.renderVN(e)}});
|
|
@@ -27,6 +27,7 @@ function createInternalData() {
|
|
|
27
27
|
startMaps: {},
|
|
28
28
|
endMaps: {},
|
|
29
29
|
chartMaps: {},
|
|
30
|
+
todayDateMaps: {},
|
|
30
31
|
elemStore: {},
|
|
31
32
|
// 存放横向 X 虚拟滚动相关的信息
|
|
32
33
|
scrollXStore: {
|
|
@@ -51,6 +52,39 @@ function parseStringDate($xeGanttView, dateValue) {
|
|
|
51
52
|
var dateFormat = taskOpts.dateFormat;
|
|
52
53
|
return _xeUtils.default.toStringDate(dateValue, dateFormat || null);
|
|
53
54
|
}
|
|
55
|
+
function updateTodayData($xeGanttView) {
|
|
56
|
+
var $xeGantt = $xeGanttView.$xeGantt;
|
|
57
|
+
var internalData = $xeGanttView.internalData;
|
|
58
|
+
var ganttReactData = $xeGantt.reactData;
|
|
59
|
+
var taskScaleList = ganttReactData.taskScaleList;
|
|
60
|
+
var weekScale = taskScaleList.find(function (item) {
|
|
61
|
+
return item.type === 'week';
|
|
62
|
+
});
|
|
63
|
+
var itemDate = new Date();
|
|
64
|
+
var _XEUtils$toDateString = _xeUtils.default.toDateString(itemDate, 'yyyy-M-d-H-m-s').split('-'),
|
|
65
|
+
_XEUtils$toDateString2 = _slicedToArray(_XEUtils$toDateString, 6),
|
|
66
|
+
yyyy = _XEUtils$toDateString2[0],
|
|
67
|
+
MM = _XEUtils$toDateString2[1],
|
|
68
|
+
dd = _XEUtils$toDateString2[2],
|
|
69
|
+
HH = _XEUtils$toDateString2[3],
|
|
70
|
+
mm = _XEUtils$toDateString2[4],
|
|
71
|
+
ss = _XEUtils$toDateString2[5];
|
|
72
|
+
var e = itemDate.getDay();
|
|
73
|
+
var E = e + 1;
|
|
74
|
+
var q = Math.ceil((itemDate.getMonth() + 1) / 3);
|
|
75
|
+
var W = _xeUtils.default.getYearWeek(itemDate, weekScale ? weekScale.startDay : undefined);
|
|
76
|
+
internalData.todayDateMaps = {
|
|
77
|
+
year: yyyy,
|
|
78
|
+
quarter: "".concat(yyyy, "_q").concat(q),
|
|
79
|
+
month: "".concat(yyyy, "_").concat(MM),
|
|
80
|
+
week: "".concat(yyyy, "_W").concat(W),
|
|
81
|
+
day: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_E").concat(E),
|
|
82
|
+
date: "".concat(yyyy, "_").concat(MM, "_").concat(dd),
|
|
83
|
+
hour: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_").concat(HH),
|
|
84
|
+
minute: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_").concat(HH, "_").concat(mm),
|
|
85
|
+
second: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_").concat(HH, "_").concat(mm, "_").concat(ss)
|
|
86
|
+
};
|
|
87
|
+
}
|
|
54
88
|
function handleParseColumn($xeGanttView) {
|
|
55
89
|
var $xeGantt = $xeGanttView.$xeGantt;
|
|
56
90
|
var reactData = $xeGanttView.reactData;
|
|
@@ -61,12 +95,9 @@ function handleParseColumn($xeGanttView) {
|
|
|
61
95
|
var taskScaleList = ganttReactData.taskScaleList;
|
|
62
96
|
var minViewDate = reactData.minViewDate,
|
|
63
97
|
maxViewDate = reactData.maxViewDate;
|
|
64
|
-
var scrollXStore = internalData.scrollXStore;
|
|
65
98
|
var minScale = _xeUtils.default.last(taskScaleList);
|
|
66
99
|
var fullCols = [];
|
|
67
100
|
var groupCols = [];
|
|
68
|
-
scrollXStore.startIndex = 0;
|
|
69
|
-
scrollXStore.endIndex = 1;
|
|
70
101
|
if (minScale && minViewDate && maxViewDate) {
|
|
71
102
|
var minSType = minScale.type;
|
|
72
103
|
var weekScale = taskScaleList.find(function (item) {
|
|
@@ -91,37 +122,6 @@ function handleParseColumn($xeGanttView) {
|
|
|
91
122
|
var currTime = minViewDate.getTime();
|
|
92
123
|
var diffDayNum = maxViewDate.getTime() - minViewDate.getTime();
|
|
93
124
|
var countSize = Math.max(5, Math.floor(diffDayNum / gapTime) + 1);
|
|
94
|
-
// switch (minScale.type) {
|
|
95
|
-
// case 'day':
|
|
96
|
-
// case 'date':
|
|
97
|
-
// if (diffDayNum > (1000 * 60 * 60 * 24 * 366 * 3)) {
|
|
98
|
-
// reactData.tableColumn = []
|
|
99
|
-
// reactData.headerGroups = []
|
|
100
|
-
// return
|
|
101
|
-
// }
|
|
102
|
-
// break
|
|
103
|
-
// case 'hour':
|
|
104
|
-
// if (diffDayNum > (1000 * 60 * 60 * 24 * 31 * 3)) {
|
|
105
|
-
// reactData.tableColumn = []
|
|
106
|
-
// reactData.headerGroups = []
|
|
107
|
-
// return
|
|
108
|
-
// }
|
|
109
|
-
// break
|
|
110
|
-
// case 'minute':
|
|
111
|
-
// if (diffDayNum > (1000 * 60 * 60 * 24 * 3)) {
|
|
112
|
-
// reactData.tableColumn = []
|
|
113
|
-
// reactData.headerGroups = []
|
|
114
|
-
// return
|
|
115
|
-
// }
|
|
116
|
-
// break
|
|
117
|
-
// case 'second':
|
|
118
|
-
// if (diffDayNum > (1000 * 60 * 60 * 3)) {
|
|
119
|
-
// reactData.tableColumn = []
|
|
120
|
-
// reactData.headerGroups = []
|
|
121
|
-
// return
|
|
122
|
-
// }
|
|
123
|
-
// break
|
|
124
|
-
// }
|
|
125
125
|
var renderListMaps = {
|
|
126
126
|
year: [],
|
|
127
127
|
quarter: [],
|
|
@@ -165,14 +165,14 @@ function handleParseColumn($xeGanttView) {
|
|
|
165
165
|
};
|
|
166
166
|
for (var i = 0; i < countSize; i++) {
|
|
167
167
|
var itemDate = new Date(currTime + i * gapTime);
|
|
168
|
-
var _XEUtils$
|
|
169
|
-
_XEUtils$
|
|
170
|
-
yyyy = _XEUtils$
|
|
171
|
-
MM = _XEUtils$
|
|
172
|
-
dd = _XEUtils$
|
|
173
|
-
HH = _XEUtils$
|
|
174
|
-
mm = _XEUtils$
|
|
175
|
-
ss = _XEUtils$
|
|
168
|
+
var _XEUtils$toDateString3 = _xeUtils.default.toDateString(itemDate, 'yyyy-M-d-H-m-s').split('-'),
|
|
169
|
+
_XEUtils$toDateString4 = _slicedToArray(_XEUtils$toDateString3, 6),
|
|
170
|
+
yyyy = _XEUtils$toDateString4[0],
|
|
171
|
+
MM = _XEUtils$toDateString4[1],
|
|
172
|
+
dd = _XEUtils$toDateString4[2],
|
|
173
|
+
HH = _XEUtils$toDateString4[3],
|
|
174
|
+
mm = _XEUtils$toDateString4[4],
|
|
175
|
+
ss = _XEUtils$toDateString4[5];
|
|
176
176
|
var e = itemDate.getDay();
|
|
177
177
|
var E = e + 1;
|
|
178
178
|
var q = Math.ceil((itemDate.getMonth() + 1) / 3);
|
|
@@ -287,9 +287,13 @@ function handleParseColumn($xeGanttView) {
|
|
|
287
287
|
if ($xeTable) {
|
|
288
288
|
var startField = $xeGantt.computeStartField;
|
|
289
289
|
var endField = $xeGantt.computeEndField;
|
|
290
|
+
var tableReactData = $xeTable;
|
|
291
|
+
var isRowGroupStatus = tableReactData.isRowGroupStatus;
|
|
290
292
|
var tableInternalData = $xeTable;
|
|
291
293
|
var afterFullData = tableInternalData.afterFullData,
|
|
292
|
-
afterTreeFullData = tableInternalData.afterTreeFullData
|
|
294
|
+
afterTreeFullData = tableInternalData.afterTreeFullData,
|
|
295
|
+
afterGroupFullData = tableInternalData.afterGroupFullData;
|
|
296
|
+
var aggregateOpts = $xeTable.computeAggregateOpts;
|
|
293
297
|
var treeOpts = $xeTable.computeTreeOpts;
|
|
294
298
|
var transform = treeOpts.transform;
|
|
295
299
|
var childrenField = treeOpts.children || treeOpts.childrenField;
|
|
@@ -311,7 +315,16 @@ function handleParseColumn($xeGanttView) {
|
|
|
311
315
|
};
|
|
312
316
|
}
|
|
313
317
|
};
|
|
314
|
-
if (
|
|
318
|
+
if (isRowGroupStatus) {
|
|
319
|
+
// 行分组
|
|
320
|
+
var mapChildrenField = aggregateOpts.mapChildrenField;
|
|
321
|
+
if (mapChildrenField) {
|
|
322
|
+
_xeUtils.default.eachTree(afterGroupFullData, handleParseRender, {
|
|
323
|
+
children: mapChildrenField
|
|
324
|
+
});
|
|
325
|
+
}
|
|
326
|
+
} else if (treeConfig) {
|
|
327
|
+
// 树结构
|
|
315
328
|
_xeUtils.default.eachTree(afterTreeFullData, handleParseRender, {
|
|
316
329
|
children: transform ? treeOpts.mapChildrenField : childrenField
|
|
317
330
|
});
|
|
@@ -323,6 +336,7 @@ function handleParseColumn($xeGanttView) {
|
|
|
323
336
|
}
|
|
324
337
|
internalData.visibleColumn = fullCols;
|
|
325
338
|
reactData.headerGroups = groupCols;
|
|
339
|
+
updateTodayData($xeGanttView);
|
|
326
340
|
updateScrollXStatus($xeGanttView);
|
|
327
341
|
handleTableColumn($xeGanttView);
|
|
328
342
|
}
|
|
@@ -332,6 +346,7 @@ function handleUpdateData($xeGanttView) {
|
|
|
332
346
|
var internalData = $xeGanttView.internalData;
|
|
333
347
|
var ganttProps = $xeGantt;
|
|
334
348
|
var treeConfig = ganttProps.treeConfig;
|
|
349
|
+
var scrollXStore = internalData.scrollXStore;
|
|
335
350
|
var $xeTable = internalData.xeTable;
|
|
336
351
|
var sdMaps = {};
|
|
337
352
|
var edMaps = {};
|
|
@@ -340,9 +355,13 @@ function handleUpdateData($xeGanttView) {
|
|
|
340
355
|
if ($xeTable) {
|
|
341
356
|
var startField = $xeGantt.computeStartField;
|
|
342
357
|
var endField = $xeGantt.computeEndField;
|
|
358
|
+
var tableReactData = $xeTable;
|
|
359
|
+
var isRowGroupStatus = tableReactData.isRowGroupStatus;
|
|
343
360
|
var tableInternalData = $xeTable;
|
|
344
361
|
var afterFullData = tableInternalData.afterFullData,
|
|
345
|
-
afterTreeFullData = tableInternalData.afterTreeFullData
|
|
362
|
+
afterTreeFullData = tableInternalData.afterTreeFullData,
|
|
363
|
+
afterGroupFullData = tableInternalData.afterGroupFullData;
|
|
364
|
+
var aggregateOpts = $xeTable.computeAggregateOpts;
|
|
346
365
|
var treeOpts = $xeTable.computeTreeOpts;
|
|
347
366
|
var transform = treeOpts.transform;
|
|
348
367
|
var childrenField = treeOpts.children || treeOpts.childrenField;
|
|
@@ -360,7 +379,16 @@ function handleUpdateData($xeGanttView) {
|
|
|
360
379
|
}
|
|
361
380
|
}
|
|
362
381
|
};
|
|
363
|
-
if (
|
|
382
|
+
if (isRowGroupStatus) {
|
|
383
|
+
// 行分组
|
|
384
|
+
var mapChildrenField = aggregateOpts.mapChildrenField;
|
|
385
|
+
if (mapChildrenField) {
|
|
386
|
+
_xeUtils.default.eachTree(afterGroupFullData, handleMinMaxData, {
|
|
387
|
+
children: mapChildrenField
|
|
388
|
+
});
|
|
389
|
+
}
|
|
390
|
+
} else if (treeConfig) {
|
|
391
|
+
// 树结构
|
|
364
392
|
_xeUtils.default.eachTree(afterTreeFullData, handleMinMaxData, {
|
|
365
393
|
children: transform ? treeOpts.mapChildrenField : childrenField
|
|
366
394
|
});
|
|
@@ -368,6 +396,8 @@ function handleUpdateData($xeGanttView) {
|
|
|
368
396
|
afterFullData.forEach(handleMinMaxData);
|
|
369
397
|
}
|
|
370
398
|
}
|
|
399
|
+
scrollXStore.startIndex = 0;
|
|
400
|
+
scrollXStore.endIndex = Math.max(1, scrollXStore.visibleSize);
|
|
371
401
|
reactData.minViewDate = minDate;
|
|
372
402
|
reactData.maxViewDate = maxDate;
|
|
373
403
|
internalData.startMaps = sdMaps;
|
|
@@ -415,10 +445,8 @@ function updateChart($xeGanttView) {
|
|
|
415
445
|
}
|
|
416
446
|
var rowid = rowEl.getAttribute('rowid');
|
|
417
447
|
var rowRest = rowid ? chartMaps[rowid] : null;
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
barEl.style.width = "".concat(viewCellWidth * rowRest.oWidthSize, "px");
|
|
421
|
-
}
|
|
448
|
+
barEl.style.left = "".concat(rowRest ? viewCellWidth * rowRest.oLeftSize : 0, "px");
|
|
449
|
+
barEl.style.width = "".concat(rowRest ? viewCellWidth * rowRest.oWidthSize : 0, "px");
|
|
422
450
|
});
|
|
423
451
|
}
|
|
424
452
|
return $xeGanttView.$nextTick();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_dom=require("../../ui/src/dom"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttHeader=_interopRequireDefault(require("./gantt-header")),_ganttBody=_interopRequireDefault(require("./gantt-body")),_ganttFooter=_interopRequireDefault(require("./gantt-footer"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var l;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(l="Object"===(l={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:l)||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,r=Array(t);l<t;l++)r[l]=e[l];return r}function _iterableToArrayLimit(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var r,a,o,n,i=[],c=!0,s=!1;try{if(o=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;c=!1}else for(;!(c=(r=o.call(l)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=l.return&&(n=l.return(),Object(n)!==n))return}finally{if(s)throw a}}return i}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var globalEvents=_core.VxeUI.globalEvents;function createInternalData(){return{xeTable:null,visibleColumn:[],startMaps:{},endMaps:{},chartMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},lastScrollTop:0,lastScrollLeft:0}}var maxYHeight=5e6;function parseStringDate(e,t){e=e.$xeGantt.computeTaskOpts.dateFormat;return _xeUtils.default.toStringDate(t,e||null)}function handleParseColumn(o){var e=o.$xeGantt,t=o.reactData,l=o.internalData,r=e.reactData,a=e.treeConfig,r=r.taskScaleList,n=t.minViewDate,i=t.maxViewDate,c=l.scrollXStore,s=_xeUtils.default.last(r),d=[],u=[];if(c.startIndex=0,c.endIndex=1,s&&n&&i){var f=s.type,h=r.find(function(e){return"week"===e.type}),m=864e5;switch(s.type){case"hour":m=36e5;break;case"minute":m=6e4;break;case"second":m=1e3}for(var p=n.getTime(),c=i.getTime()-n.getTime(),S=Math.max(5,Math.floor(c/m)+1),v={year:[],quarter:[],month:[],week:[],day:[],date:[],hour:[],minute:[],second:[]},g={year:{},quarter:{},month:{},week:{},day:{},date:{},hour:{},minute:{},second:{}},y=function(e,t,l){var r,a;f!==e&&(t=t[e],r="".concat(t.field),(a=g[e][r])||(g[e][r]=a=t,v[e].push(a)),a)&&(a.children||(a.children=[]),a.children.push(l))},x=0;x<S;x++){var b=new Date(p+x*m),_=_slicedToArray(_xeUtils.default.toDateString(b,"yyyy-M-d-H-m-s").split("-"),6),T=_[0],w=_[1],D=_[2],E=_[3],X=_[4],_=_[5],L=b.getDay(),R=L+1,Y=Math.ceil((b.getMonth()+1)/3),b=_xeUtils.default.getYearWeek(b,h?h.startDay:void 0),L={yy:T,M:w,d:D,H:E,m:X,s:_,q:Y,W:b,E:R,e:L},Y={year:{field:T,title:T,dateObj:L},quarter:{field:"".concat(T,"_q").concat(Y),title:"".concat(Y),dateObj:L},month:{field:"".concat(T,"_").concat(w),title:w,dateObj:L},week:{field:"".concat(T,"_W").concat(b),title:"".concat(b),dateObj:L},day:{field:"".concat(T,"_").concat(w,"_").concat(D,"_E").concat(R),title:"".concat(R),dateObj:L},date:{field:"".concat(T,"_").concat(w,"_").concat(D),title:D,dateObj:L},hour:{field:"".concat(T,"_").concat(w,"_").concat(D,"_").concat(E),title:E,dateObj:L},minute:{field:"".concat(T,"_").concat(w,"_").concat(D,"_").concat(E,"_").concat(X),title:X,dateObj:L},second:{field:"".concat(T,"_").concat(w,"_").concat(D,"_").concat(E,"_").concat(X,"_").concat(_),title:_,dateObj:L}},b=Y[f];s.level<19&&y("year",Y,b),s.level<17&&y("quarter",Y,b),s.level<14&&y("month",Y,b),s.level<13&&y("week",Y,b),s.level<11&&y("day",Y,b),s.level<12&&y("date",Y,b),s.level<7&&y("hour",Y,b),s.level<5&&y("minute",Y,b),d.push(b)}r.forEach(function(e){var t;e.type===f?u.push({scaleItem:e,columns:d}):((t=v[e.type]||[])&&t.forEach(function(e){e.childCount=e.children?e.children.length:0,e.children=void 0}),u.push({scaleItem:e,columns:t}))});var I,C,H,V,$=l.xeTable;$&&(I=e.computeStartField,C=e.computeEndField,i=$.afterFullData,r=(c=$.computeTreeOpts).transform,e=c.children||c.childrenField,H={},V=function(e){var t,l=$.getRowid(e),r=_xeUtils.default.get(e,I),a=_xeUtils.default.get(e,C);r&&a&&(r=parseStringDate(o,r),a=parseStringDate(o,a),t=Math.floor((r.getTime()-n.getTime())/m),a=Math.floor((a.getTime()-r.getTime())/m)+1,H[l]={row:e,rowid:l,oLeftSize:t,oWidthSize:a})},a?_xeUtils.default.eachTree($.afterTreeFullData,V,{children:r?c.mapChildrenField:e}):i.forEach(V),l.chartMaps=H)}l.visibleColumn=d,t.headerGroups=u,updateScrollXStatus(o),handleTableColumn(o)}function handleUpdateData(l){var r,a,e,t,o,n,i=l.$xeGantt,c=l.reactData,s=l.internalData,d=i.treeConfig,u=s.xeTable,f=null,h=null;u&&(r=i.computeStartField,a=i.computeEndField,i=u.afterFullData,t=(e=u.computeTreeOpts).transform,o=e.children||e.childrenField,n=function(e){var t=_xeUtils.default.get(e,r),e=_xeUtils.default.get(e,a);t&&e&&(t=parseStringDate(l,t),(!f||f.getTime()>t.getTime())&&(f=t),t=parseStringDate(l,e),!h||h.getTime()<t.getTime())&&(h=t)},d?_xeUtils.default.eachTree(u.afterTreeFullData,n,{children:t?e.mapChildrenField:o}):i.forEach(n)),c.minViewDate=f,c.maxViewDate=h,s.startMaps={},s.endMaps={},handleParseColumn(l)}function calcScrollbar(e){var t=e.$xeGantt,l=e.reactData,r=l.scrollXWidth,a=l.scrollYHeight,o=e.internalData.elemStore,t=t.computeScrollbarOpts,o=(0,_util.getRefElem)(o["main-body-wrapper"]),n=e.$refs.refScrollXHandleElem,e=e.$refs.refScrollYHandleElem;o&&(a=a>o.clientHeight,e&&(l.scrollbarWidth=t.width||e.offsetWidth-e.clientWidth||14),l.overflowY=a,e=r>o.clientWidth,n&&(l.scrollbarHeight=t.height||n.offsetHeight-n.clientHeight||14),l.overflowX=e)}function updateChart(e){var t=e.reactData,l=e.internalData,r=t.viewCellWidth,t=l.elemStore,a=l.chartMaps,l=(0,_util.getRefElem)(t["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,function(e){var t=e.children[0];t&&(e=(e=e.getAttribute("rowid"))?a[e]:null)&&(t.style.left="".concat(r*e.oLeftSize,"px"),t.style.width="".concat(r*e.oWidthSize,"px"))}),e.$nextTick()}function updateStyle(e){var t,l,r,a,o,n,i,c,s,d=e.$xeGantt,u=e.reactData,f=e.internalData,h=u.scrollbarWidth,m=u.headerGroups,p=u.tableColumn,S=f.elemStore,v=f.visibleColumn,f=f.xeTable,g=e.$refs.refElem;if(g&&g.clientHeight)return a=d.computeScrollbarOpts,i=d.computeScrollbarXToTop,n=e.$refs.refScrollXLeftCornerElem,o=e.$refs.refScrollXRightCornerElem,s=e.$refs.refScrollXVirtualElem,h=h,c=u.scrollbarHeight,r=l=t=0,f&&(t=f.tBodyHeight,l=f.tHeaderHeight,r=f.tFooterHeight),f="visible",(d.computeScrollbarYToLeft||a.y&&!1===a.y.visible)&&(h=0,f="hidden"),(d=(0,_util.getRefElem)(S["main-header-scroll"]))&&(d.style.height="".concat(l,"px"),d.style.setProperty("--vxe-ui-gantt-view-cell-height","".concat(l/m.length,"px"))),(a=(0,_util.getRefElem)(S["main-body-scroll"]))&&(a.style.height="".concat(t,"px")),(d=(0,_util.getRefElem)(S["main-footer-scroll"]))&&(d.style.height="".concat(r,"px")),s&&(s.style.height="".concat(c,"px"),s.style.visibility="visible"),(m=e.$refs.refScrollXWrapperElem)&&(m.style.left=i?"".concat(h,"px"):"",m.style.width="".concat(g.clientWidth-h,"px")),n&&(n.style.width=i?"".concat(h,"px"):"",n.style.display=i&&c?"block":""),o&&(o.style.width=i?"":"".concat(h,"px"),o.style.display=!i&&c?"block":""),(d=e.$refs.refScrollYVirtualElem)&&(d.style.width="".concat(h,"px"),d.style.height="".concat(t+l+r,"px"),d.style.visibility=f),(s=e.$refs.refScrollYTopCornerElem)&&(s.style.height="".concat(l,"px"),s.style.display=l?"block":""),(m=e.$refs.refScrollYWrapperElem)&&(m.style.height="".concat(t,"px"),m.style.top="".concat(l,"px")),(g=e.$refs.refScrollYBottomCornerElem)&&(g.style.height="".concat(r,"px"),g.style.top="".concat(l+t,"px"),g.style.display=r?"block":""),n=40,i=(n=(o=e.$refs.refColInfoElem)?o.clientWidth||40:n)*v.length,a&&0<(h=(c=a.clientWidth)-i)&&(n+=Math.floor(h/v.length),i=c),u.viewCellWidth=n,d=(0,_util.getRefElem)(S["main-header-table"]),f=(0,_util.getRefElem)(S["main-body-table"]),s=n*p.length,d&&(d.style.width="".concat(i,"px")),f&&(f.style.width="".concat(s,"px")),u.scrollXWidth=i,updateChart(e)}function handleRecalculateStyle(e){var t=e.internalData,l=e.$refs.refElem;return t.rceRunTime=Date.now(),l&&l.clientWidth?(calcScrollbar(e),updateStyle(e),updateChart(e),computeScrollLoad(e)):e.$nextTick()}function _handleLazyRecalculate(o){var n=o.internalData;return new Promise(function(e){var t=n.rceTimeout,l=n.rceRunTime,r=n.xeTable,a=50;r&&(a=r.computeResizeOpts.refreshDelay||50),!t||(clearTimeout(t),l&&l+(a-5)<Date.now())?e(handleRecalculateStyle(o)):o.$nextTick(function(){e()}),n.rceTimeout=setTimeout(function(){n.rceTimeout=void 0,handleRecalculateStyle(o)},a)})}function computeScrollLoad(r){var a=r.reactData,o=r.internalData;return r.$nextTick().then(function(){var e,t=a.scrollXLoad,l=o.scrollXStore;t?(e=(t=handleVirtualXVisible(r)).toVisibleIndex,t=t.visibleSize,l.preloadSize=1,l.offsetSize=2,l.visibleSize=t,l.endIndex=Math.max(l.startIndex+l.visibleSize+2,l.endIndex),l.visibleStartIndex=Math.max(l.startIndex,e),l.visibleEndIndex=Math.min(l.endIndex,e+t),updateScrollXData(r).then(function(){loadScrollXData(r)})):updateScrollXSpace(r)})}function handleVirtualXVisible(e){var t,l=e.reactData.viewCellWidth,e=e.internalData.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]);return e?(t=e.clientWidth,e=e.scrollLeft,e=Math.floor(e/l)-1,t=Math.ceil(t/l)+1,{toVisibleIndex:Math.max(0,e),visibleSize:Math.max(1,t)}):{toVisibleIndex:0,visibleSize:6}}function loadScrollXData(e){var t=e.reactData.isScrollXBig,l=e.internalData.scrollXStore,r=l.preloadSize,a=l.startIndex,o=l.endIndex,n=l.offsetSize,i=handleVirtualXVisible(e),c=i.toVisibleIndex,i=i.visibleSize,t={startIndex:Math.max(0,t?c-1:c-1-n-r),endIndex:t?c+i:c+i+n+r},n=(l.visibleStartIndex=c-1,l.visibleEndIndex=c+i+1,t.startIndex),r=t.endIndex;!(c<=a||o-i-1<=c)||a===n&&o===r||(l.startIndex=n,l.endIndex=r,updateScrollXData(e))}function updateScrollXData(e){return handleTableColumn(e),updateScrollXSpace(e),e.$nextTick()}function updateScrollXStatus(e){return e.reactData.scrollXLoad=!0}function handleTableColumn(e){var t=e.reactData,e=e.internalData,l=t.scrollXLoad,r=e.visibleColumn,e=e.scrollXStore,l=l?r.slice(e.startIndex,e.endIndex):r.slice(0);t.tableColumn=l}function updateScrollXSpace(e){var t=e.reactData,l=e.internalData,r=t.scrollXLoad,a=t.scrollXWidth,o=t.viewCellWidth,n=l.elemStore,l=l.scrollXStore,i=(0,_util.getRefElem)(n["main-body-table"]),l=l.startIndex,c=0,l=(r&&(c=Math.max(0,l*o)),i&&(i.style.transform="translate(".concat(c,"px, ").concat(t.scrollYTop||0,"px)")),["header","body","footer"].forEach(function(e){e=(0,_util.getRefElem)(n["main-".concat(e,"-xSpace")]);e&&(e.style.width=r?"".concat(a,"px"):"")}),e.$refs.refScrollXSpaceElem);return l&&(l.style.width="".concat(a,"px")),calcScrollbar(e),e.$nextTick()}function triggerScrollXEvent(e){loadScrollXData(e)}function updateScrollYSpace(e){var t=e.reactData,l=e.internalData,r=t.scrollYLoad,a=t.overflowY,o=l.elemStore,l=l.xeTable,n=(0,_util.getRefElem)(o["main-body-scroll"]),i=(0,_util.getRefElem)(o["main-body-table"]),c=0,s=0,d=!1,l=(l&&(c=l.scrollYTop,s=l.scrollYHeight,d=l.isScrollYBig),s),u=c,f=0,n=(n&&(f=n.clientHeight),d&&(u=n&&i&&n.scrollTop+f>=maxYHeight?maxYHeight-i.clientHeight:c/(s-f)*(maxYHeight-f),l=maxYHeight),r&&a||(u=0),(0,_util.getRefElem)(o["main-chart-wrapper"])),c=(i&&(i.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),n&&(n.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),(0,_util.getRefElem)(o["main-body-ySpace"])),f=(c&&(c.style.height=l?"".concat(l,"px"):""),e.$refs.refScrollYSpaceElem);return f&&(f.style.height=l?"".concat(l,"px"):""),t.scrollYTop=u,t.scrollYHeight=s,t.isScrollYBig=d,calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function checkLastSyncScroll(e,t,l){var r=e.reactData,a=e.internalData,e=a.lcsTimeout;r.lazScrollLoading=!0,e&&clearTimeout(e),a.lcsTimeout=setTimeout(function(){a.lcsRunTime=Date.now(),a.lcsTimeout=void 0,a.intoRunScroll=!1,a.inVirtualScroll=!1,a.inWheelScroll=!1,a.inHeaderScroll=!1,a.inBodyScroll=!1,a.inFooterScroll=!1,r.lazScrollLoading=!1},200)}function handleScrollEvent(e,t,l,r,a,o){checkLastSyncScroll(e,r,l)}function syncTableScrollTop(e,t){var e=e.internalData.xeTable;e&&(e=e.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]))&&(e.scrollTop=t)}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",inject:{$xeGantt:{default:null}},provide:function(){return{$xeGanttView:this}},props:{},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!0,scrollbarWidth:0,scrollbarHeight:0,lastScrollTime: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:20},internalData:createInternalData()}},computed:Object.assign({},{}),methods:{refreshData:function(){return handleUpdateData(this),_handleLazyRecalculate(this)},updateViewData:function(){var e=this.reactData,t=this.internalData.xeTable;return t&&(t=t.tableData,e.tableData=t),this.$nextTick()},connectUpdate:function(e){var e=e.$table,t=this.internalData;return e&&(t.xeTable=e),this.$nextTick()},handleUpdateStyle:function(){return updateStyle(this)},handleLazyRecalculate:function(){return _handleLazyRecalculate(this)},handleUpdateCurrentRow:function(e){var t,l=this.internalData.xeTable,r=this.$refs.refElem;l&&r&&(e?(t=l.highlightCurrentRow,(l.computeRowOpts.isCurrent||t)&&_xeUtils.default.arrayEach(r.querySelectorAll('[rowid="'.concat(l.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--current")})):_xeUtils.default.arrayEach(r.querySelectorAll(".row--current"),function(e){return(0,_dom.removeClass)(e,"row--current")}))},handleUpdateHoverRow:function(e){var t=this.internalData.xeTable,l=this.$refs.refElem;t&&l&&(e?_xeUtils.default.arrayEach(l.querySelectorAll('.vxe-body--row[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--hover")}):_xeUtils.default.arrayEach(l.querySelectorAll(".vxe-body--row.row--hover"),function(e){return(0,_dom.removeClass)(e,"row--hover")}))},triggerHeaderScrollEvent:function(e){var t,l,r,a=this.internalData,o=a.elemStore;a.inVirtualScroll||a.inBodyScroll||a.inFooterScroll||(t=e.currentTarget,o=(0,_util.getRefElem)(o["main-body-scroll"]),l=this.$refs.refScrollXHandleElem,o&&t&&(r=t.scrollLeft,a.inHeaderScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(o,r),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerBodyScrollEvent:function(e){var t,l,r,a,o,n=this,i=n.reactData,c=n.internalData,i=i.scrollXLoad,s=c.elemStore,d=c.lastScrollLeft,u=c.lastScrollTop;c.inVirtualScroll||c.inHeaderScroll||c.inFooterScroll||(t=e.currentTarget,s=(0,_util.getRefElem)(s["main-header-scroll"]),l=n.$refs.refScrollXHandleElem,r=n.$refs.refScrollYHandleElem,d=(a=t.scrollLeft)!==d,u=(o=t.scrollTop)!==u,c.inBodyScroll=!0,c.scrollRenderType="",u&&((0,_dom.setScrollTop)(r,o),syncTableScrollTop(n,o)),d&&(c.inBodyScroll=!0,(0,_dom.setScrollLeft)(l,a),(0,_dom.setScrollLeft)(s,a),i)&&triggerScrollXEvent(n),handleScrollEvent(n,e,u,d,t.scrollTop,a))},triggerVirtualScrollXEvent:function(e){var t,l,r,a=this.reactData,o=this.internalData,a=a.scrollXLoad,n=o.elemStore;o.inHeaderScroll||o.inBodyScroll||(t=e.currentTarget,l=(0,_util.getRefElem)(n["main-header-scroll"]),n=(0,_util.getRefElem)(n["main-body-scroll"]),t&&(r=t.scrollLeft,o.inVirtualScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(n,r),a&&triggerScrollXEvent(this),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerVirtualScrollYEvent:function(e){var t,l,r=this.internalData,a=r.elemStore;r.inHeaderScroll||r.inBodyScroll||(t=e.currentTarget,a=(0,_util.getRefElem)(a["main-body-scroll"]),t&&(l=t.scrollTop,r.inVirtualScroll=!0,(0,_dom.setScrollTop)(a,l),syncTableScrollTop(this,l),handleScrollEvent(this,e,!0,!1,l,t.scrollLeft)))},handleUpdateSXSpace:function(){return updateScrollXSpace(this)},handleUpdateSYSpace:function(){return updateScrollYSpace(this)},handleUpdateSYStatus:function(e){this.reactData.scrollYLoad=e},handleGlobalResizeEvent:function(){_handleLazyRecalculate(this)},renderScrollX:function(e){return e("div",{key:"vsx",ref:"refScrollXVirtualElem",class:"vxe-gantt-view--scroll-x-virtual"},[e("div",{ref:"refScrollXLeftCornerElem",class:"vxe-gantt-view--scroll-x-left-corner"}),e("div",{ref:"refScrollXWrapperElem",class:"vxe-gantt-view--scroll-x-wrapper"},[e("div",{ref:"refScrollXHandleElem",class:"vxe-gantt-view--scroll-x-handle",on:{scroll:this.triggerVirtualScrollXEvent}},[e("div",{ref:"refScrollXSpaceElem",class:"vxe-gantt-view--scroll-x-space"})])]),e("div",{ref:"refScrollXRightCornerElem",class:"vxe-gantt-view--scroll-x-right-corner"})])},renderScrollY:function(e){return e("div",{ref:"refScrollYVirtualElem",class:"vxe-gantt-view--scroll-y-virtual"},[e("div",{ref:"refScrollYTopCornerElem",class:"vxe-gantt-view--scroll-y-top-corner"}),e("div",{ref:"refScrollYWrapperElem",class:"vxe-gantt-view--scroll-y-wrapper"},[e("div",{ref:"refScrollYHandleElem",class:"vxe-gantt-view--scroll-y-handle",on:{scroll:this.triggerVirtualScrollYEvent}},[e("div",{ref:"refScrollYSpaceElem",class:"vxe-gantt-view--scroll-y-space"})])]),e("div",{ref:"refScrollYBottomCornerElem",class:"vxe-gantt-view--scroll-y-bottom-corner"})])},renderViewport:function(e){return e("div",{class:"vxe-gantt-view--viewport-wrapper"},[e(_ganttHeader.default),e(_ganttBody.default),e(_ganttFooter.default)])},renderBody:function(e){var t=this;return e("div",{class:"vxe-gantt-view--layout-wrapper"},t.$xeGantt.computeScrollbarYToLeft?[t.renderScrollY(e),t.renderViewport(e)]:[t.renderViewport(e),t.renderScrollY(e)])},renderVN:function(e){var t=this,l=t.$xeGantt,r=t.reactData,a=r.overflowX;return e("div",{ref:"refElem",class:["vxe-gantt-view",{"is--scroll-y":r.overflowY,"is--scroll-x":a,"is--virtual-x":r.scrollXLoad,"is--virtual-y":r.scrollYLoad}]},[e("div",{class:"vxe-gantt-view--render-wrapper"},l.computeScrollbarXToTop?[t.renderScrollX(e),t.renderBody(e)]:[t.renderBody(e),t.renderScrollX(e)]),e("div",{class:"vxe-gantt-view--render-vars"},[e("div",{ref:"refColInfoElem",class:"vxe-gantt-view--column-info"})])])}},watch:{"reactData.tableData":function(){handleUpdateData(this)}},mounted:function(){globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.internalData;globalEvents.off(this,"keydown"),_xeUtils.default.assign(e,createInternalData())},render:function(e){return this.renderVN(e)}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_dom=require("../../ui/src/dom"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttHeader=_interopRequireDefault(require("./gantt-header")),_ganttBody=_interopRequireDefault(require("./gantt-body")),_ganttFooter=_interopRequireDefault(require("./gantt-footer"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var l;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(l="Object"===(l={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:l)||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,r=Array(t);l<t;l++)r[l]=e[l];return r}function _iterableToArrayLimit(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var r,a,o,n,c=[],i=!0,s=!1;try{if(o=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;i=!1}else for(;!(i=(r=o.call(l)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{if(!i&&null!=l.return&&(n=l.return(),Object(n)!==n))return}finally{if(s)throw a}}return c}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var globalEvents=_core.VxeUI.globalEvents;function createInternalData(){return{xeTable:null,visibleColumn:[],startMaps:{},endMaps:{},chartMaps:{},todayDateMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},lastScrollTop:0,lastScrollLeft:0}}var maxYHeight=5e6;function parseStringDate(e,t){e=e.$xeGantt.computeTaskOpts.dateFormat;return _xeUtils.default.toStringDate(t,e||null)}function updateTodayData(e){var t=e.$xeGantt,e=e.internalData,t=t.reactData.taskScaleList.find(function(e){return"week"===e.type}),l=new Date,r=_slicedToArray(_xeUtils.default.toDateString(l,"yyyy-M-d-H-m-s").split("-"),6),a=r[0],o=r[1],n=r[2],c=r[3],i=r[4],r=r[5],s=l.getDay()+1,d=Math.ceil((l.getMonth()+1)/3),l=_xeUtils.default.getYearWeek(l,t?t.startDay:void 0);e.todayDateMaps={year:a,quarter:"".concat(a,"_q").concat(d),month:"".concat(a,"_").concat(o),week:"".concat(a,"_W").concat(l),day:"".concat(a,"_").concat(o,"_").concat(n,"_E").concat(s),date:"".concat(a,"_").concat(o,"_").concat(n),hour:"".concat(a,"_").concat(o,"_").concat(n,"_").concat(c),minute:"".concat(a,"_").concat(o,"_").concat(n,"_").concat(c,"_").concat(i),second:"".concat(a,"_").concat(o,"_").concat(n,"_").concat(c,"_").concat(i,"_").concat(r)}}function handleParseColumn(o){var e=o.$xeGantt,t=o.reactData,l=o.internalData,r=e.reactData,M=e.treeConfig,r=r.taskScaleList,n=t.minViewDate,a=t.maxViewDate,c=_xeUtils.default.last(r),i=[],s=[];if(c&&n&&a){var d=c.type,u=r.find(function(e){return"week"===e.type}),f=864e5;switch(c.type){case"hour":f=36e5;break;case"minute":f=6e4;break;case"second":f=1e3}for(var k=n.getTime(),a=a.getTime()-n.getTime(),U=Math.max(5,Math.floor(a/f)+1),h={year:[],quarter:[],month:[],week:[],day:[],date:[],hour:[],minute:[],second:[]},p={year:{},quarter:{},month:{},week:{},day:{},date:{},hour:{},minute:{},second:{}},m=function(e,t,l){var r,a;d!==e&&(t=t[e],r="".concat(t.field),(a=p[e][r])||(p[e][r]=a=t,h[e].push(a)),a)&&(a.children||(a.children=[]),a.children.push(l))},S=0;S<U;S++){var v=new Date(k+S*f),y=_slicedToArray(_xeUtils.default.toDateString(v,"yyyy-M-d-H-m-s").split("-"),6),g=y[0],x=y[1],_=y[2],b=y[3],D=y[4],y=y[5],T=v.getDay(),w=T+1,E=Math.ceil((v.getMonth()+1)/3),v=_xeUtils.default.getYearWeek(v,u?u.startDay:void 0),T={yy:g,M:x,d:_,H:b,m:D,s:y,q:E,W:v,E:w,e:T},E={year:{field:g,title:g,dateObj:T},quarter:{field:"".concat(g,"_q").concat(E),title:"".concat(E),dateObj:T},month:{field:"".concat(g,"_").concat(x),title:x,dateObj:T},week:{field:"".concat(g,"_W").concat(v),title:"".concat(v),dateObj:T},day:{field:"".concat(g,"_").concat(x,"_").concat(_,"_E").concat(w),title:"".concat(w),dateObj:T},date:{field:"".concat(g,"_").concat(x,"_").concat(_),title:_,dateObj:T},hour:{field:"".concat(g,"_").concat(x,"_").concat(_,"_").concat(b),title:b,dateObj:T},minute:{field:"".concat(g,"_").concat(x,"_").concat(_,"_").concat(b,"_").concat(D),title:D,dateObj:T},second:{field:"".concat(g,"_").concat(x,"_").concat(_,"_").concat(b,"_").concat(D,"_").concat(y),title:y,dateObj:T}},v=E[d];c.level<19&&m("year",E,v),c.level<17&&m("quarter",E,v),c.level<14&&m("month",E,v),c.level<13&&m("week",E,v),c.level<11&&m("day",E,v),c.level<12&&m("date",E,v),c.level<7&&m("hour",E,v),c.level<5&&m("minute",E,v),i.push(v)}r.forEach(function(e){var t;e.type===d?s.push({scaleItem:e,columns:i}):((t=h[e.type]||[])&&t.forEach(function(e){e.childCount=e.children?e.children.length:0,e.children=void 0}),s.push({scaleItem:e,columns:t}))});var X,L,R,Y,I,C,H,V,$=l.xeTable;$&&(X=e.computeStartField,L=e.computeEndField,a=$.isRowGroupStatus,r=$.afterFullData,e=$.afterTreeFullData,R=$.computeAggregateOpts,I=(Y=$.computeTreeOpts).transform,C=Y.children||Y.childrenField,H={},V=function(e){var t,l=$.getRowid(e),r=_xeUtils.default.get(e,X),a=_xeUtils.default.get(e,L);r&&a&&(r=parseStringDate(o,r),a=parseStringDate(o,a),t=Math.floor((r.getTime()-n.getTime())/f),a=Math.floor((a.getTime()-r.getTime())/f)+1,H[l]={row:e,rowid:l,oLeftSize:t,oWidthSize:a})},a?(a=R.mapChildrenField)&&_xeUtils.default.eachTree($.afterGroupFullData,V,{children:a}):M?_xeUtils.default.eachTree(e,V,{children:I?Y.mapChildrenField:C}):r.forEach(V),l.chartMaps=H)}l.visibleColumn=i,t.headerGroups=s,updateTodayData(o),updateScrollXStatus(o),handleTableColumn(o)}function handleUpdateData(l){var r,a,e,t,o,n,c,i,s,d=l.$xeGantt,u=l.reactData,f=l.internalData,h=d.treeConfig,p=f.scrollXStore,m=f.xeTable,S=null,v=null;m&&(r=d.computeStartField,a=d.computeEndField,d=m.isRowGroupStatus,e=m.afterFullData,t=m.afterTreeFullData,o=m.computeAggregateOpts,c=(n=m.computeTreeOpts).transform,i=n.children||n.childrenField,s=function(e){var t=_xeUtils.default.get(e,r),e=_xeUtils.default.get(e,a);t&&e&&(t=parseStringDate(l,t),(!S||S.getTime()>t.getTime())&&(S=t),t=parseStringDate(l,e),!v||v.getTime()<t.getTime())&&(v=t)},d?(d=o.mapChildrenField)&&_xeUtils.default.eachTree(m.afterGroupFullData,s,{children:d}):h?_xeUtils.default.eachTree(t,s,{children:c?n.mapChildrenField:i}):e.forEach(s)),p.startIndex=0,p.endIndex=Math.max(1,p.visibleSize),u.minViewDate=S,u.maxViewDate=v,f.startMaps={},f.endMaps={},handleParseColumn(l)}function calcScrollbar(e){var t=e.$xeGantt,l=e.reactData,r=l.scrollXWidth,a=l.scrollYHeight,o=e.internalData.elemStore,t=t.computeScrollbarOpts,o=(0,_util.getRefElem)(o["main-body-wrapper"]),n=e.$refs.refScrollXHandleElem,e=e.$refs.refScrollYHandleElem;o&&(a=a>o.clientHeight,e&&(l.scrollbarWidth=t.width||e.offsetWidth-e.clientWidth||14),l.overflowY=a,e=r>o.clientWidth,n&&(l.scrollbarHeight=t.height||n.offsetHeight-n.clientHeight||14),l.overflowX=e)}function updateChart(e){var t=e.reactData,l=e.internalData,r=t.viewCellWidth,t=l.elemStore,a=l.chartMaps,l=(0,_util.getRefElem)(t["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,function(e){var t=e.children[0];t&&(e=(e=e.getAttribute("rowid"))?a[e]:null,t.style.left="".concat(e?r*e.oLeftSize:0,"px"),t.style.width="".concat(e?r*e.oWidthSize:0,"px"))}),e.$nextTick()}function updateStyle(e){var t,l,r,a,o,n,c,i,s,d=e.$xeGantt,u=e.reactData,f=e.internalData,h=u.scrollbarWidth,p=u.headerGroups,m=u.tableColumn,S=f.elemStore,v=f.visibleColumn,f=f.xeTable,y=e.$refs.refElem;if(y&&y.clientHeight)return a=d.computeScrollbarOpts,c=d.computeScrollbarXToTop,n=e.$refs.refScrollXLeftCornerElem,o=e.$refs.refScrollXRightCornerElem,s=e.$refs.refScrollXVirtualElem,h=h,i=u.scrollbarHeight,r=l=t=0,f&&(t=f.tBodyHeight,l=f.tHeaderHeight,r=f.tFooterHeight),f="visible",(d.computeScrollbarYToLeft||a.y&&!1===a.y.visible)&&(h=0,f="hidden"),(d=(0,_util.getRefElem)(S["main-header-scroll"]))&&(d.style.height="".concat(l,"px"),d.style.setProperty("--vxe-ui-gantt-view-cell-height","".concat(l/p.length,"px"))),(a=(0,_util.getRefElem)(S["main-body-scroll"]))&&(a.style.height="".concat(t,"px")),(d=(0,_util.getRefElem)(S["main-footer-scroll"]))&&(d.style.height="".concat(r,"px")),s&&(s.style.height="".concat(i,"px"),s.style.visibility="visible"),(p=e.$refs.refScrollXWrapperElem)&&(p.style.left=c?"".concat(h,"px"):"",p.style.width="".concat(y.clientWidth-h,"px")),n&&(n.style.width=c?"".concat(h,"px"):"",n.style.display=c&&i?"block":""),o&&(o.style.width=c?"":"".concat(h,"px"),o.style.display=!c&&i?"block":""),(d=e.$refs.refScrollYVirtualElem)&&(d.style.width="".concat(h,"px"),d.style.height="".concat(t+l+r,"px"),d.style.visibility=f),(s=e.$refs.refScrollYTopCornerElem)&&(s.style.height="".concat(l,"px"),s.style.display=l?"block":""),(p=e.$refs.refScrollYWrapperElem)&&(p.style.height="".concat(t,"px"),p.style.top="".concat(l,"px")),(y=e.$refs.refScrollYBottomCornerElem)&&(y.style.height="".concat(r,"px"),y.style.top="".concat(l+t,"px"),y.style.display=r?"block":""),n=40,c=(n=(o=e.$refs.refColInfoElem)?o.clientWidth||40:n)*v.length,a&&0<(h=(i=a.clientWidth)-c)&&(n+=Math.floor(h/v.length),c=i),u.viewCellWidth=n,d=(0,_util.getRefElem)(S["main-header-table"]),f=(0,_util.getRefElem)(S["main-body-table"]),s=n*m.length,d&&(d.style.width="".concat(c,"px")),f&&(f.style.width="".concat(s,"px")),u.scrollXWidth=c,updateChart(e)}function handleRecalculateStyle(e){var t=e.internalData,l=e.$refs.refElem;return t.rceRunTime=Date.now(),l&&l.clientWidth?(calcScrollbar(e),updateStyle(e),updateChart(e),computeScrollLoad(e)):e.$nextTick()}function _handleLazyRecalculate(o){var n=o.internalData;return new Promise(function(e){var t=n.rceTimeout,l=n.rceRunTime,r=n.xeTable,a=50;r&&(a=r.computeResizeOpts.refreshDelay||50),!t||(clearTimeout(t),l&&l+(a-5)<Date.now())?e(handleRecalculateStyle(o)):o.$nextTick(function(){e()}),n.rceTimeout=setTimeout(function(){n.rceTimeout=void 0,handleRecalculateStyle(o)},a)})}function computeScrollLoad(r){var a=r.reactData,o=r.internalData;return r.$nextTick().then(function(){var e,t=a.scrollXLoad,l=o.scrollXStore;t?(e=(t=handleVirtualXVisible(r)).toVisibleIndex,t=t.visibleSize,l.preloadSize=1,l.offsetSize=2,l.visibleSize=t,l.endIndex=Math.max(l.startIndex+l.visibleSize+2,l.endIndex),l.visibleStartIndex=Math.max(l.startIndex,e),l.visibleEndIndex=Math.min(l.endIndex,e+t),updateScrollXData(r).then(function(){loadScrollXData(r)})):updateScrollXSpace(r)})}function handleVirtualXVisible(e){var t,l=e.reactData.viewCellWidth,e=e.internalData.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]);return e?(t=e.clientWidth,e=e.scrollLeft,e=Math.floor(e/l)-1,t=Math.ceil(t/l)+1,{toVisibleIndex:Math.max(0,e),visibleSize:Math.max(1,t)}):{toVisibleIndex:0,visibleSize:6}}function loadScrollXData(e){var t=e.reactData.isScrollXBig,l=e.internalData.scrollXStore,r=l.preloadSize,a=l.startIndex,o=l.endIndex,n=l.offsetSize,c=handleVirtualXVisible(e),i=c.toVisibleIndex,c=c.visibleSize,t={startIndex:Math.max(0,t?i-1:i-1-n-r),endIndex:t?i+c:i+c+n+r},n=(l.visibleStartIndex=i-1,l.visibleEndIndex=i+c+1,t.startIndex),r=t.endIndex;!(i<=a||o-c-1<=i)||a===n&&o===r||(l.startIndex=n,l.endIndex=r,updateScrollXData(e))}function updateScrollXData(e){return handleTableColumn(e),updateScrollXSpace(e),e.$nextTick()}function updateScrollXStatus(e){return e.reactData.scrollXLoad=!0}function handleTableColumn(e){var t=e.reactData,e=e.internalData,l=t.scrollXLoad,r=e.visibleColumn,e=e.scrollXStore,l=l?r.slice(e.startIndex,e.endIndex):r.slice(0);t.tableColumn=l}function updateScrollXSpace(e){var t=e.reactData,l=e.internalData,r=t.scrollXLoad,a=t.scrollXWidth,o=t.viewCellWidth,n=l.elemStore,l=l.scrollXStore,c=(0,_util.getRefElem)(n["main-body-table"]),l=l.startIndex,i=0,l=(r&&(i=Math.max(0,l*o)),c&&(c.style.transform="translate(".concat(i,"px, ").concat(t.scrollYTop||0,"px)")),["header","body","footer"].forEach(function(e){e=(0,_util.getRefElem)(n["main-".concat(e,"-xSpace")]);e&&(e.style.width=r?"".concat(a,"px"):"")}),e.$refs.refScrollXSpaceElem);return l&&(l.style.width="".concat(a,"px")),calcScrollbar(e),e.$nextTick()}function triggerScrollXEvent(e){loadScrollXData(e)}function updateScrollYSpace(e){var t=e.reactData,l=e.internalData,r=t.scrollYLoad,a=t.overflowY,o=l.elemStore,l=l.xeTable,n=(0,_util.getRefElem)(o["main-body-scroll"]),c=(0,_util.getRefElem)(o["main-body-table"]),i=0,s=0,d=!1,l=(l&&(i=l.scrollYTop,s=l.scrollYHeight,d=l.isScrollYBig),s),u=i,f=0,n=(n&&(f=n.clientHeight),d&&(u=n&&c&&n.scrollTop+f>=maxYHeight?maxYHeight-c.clientHeight:i/(s-f)*(maxYHeight-f),l=maxYHeight),r&&a||(u=0),(0,_util.getRefElem)(o["main-chart-wrapper"])),i=(c&&(c.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),n&&(n.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),(0,_util.getRefElem)(o["main-body-ySpace"])),f=(i&&(i.style.height=l?"".concat(l,"px"):""),e.$refs.refScrollYSpaceElem);return f&&(f.style.height=l?"".concat(l,"px"):""),t.scrollYTop=u,t.scrollYHeight=s,t.isScrollYBig=d,calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function checkLastSyncScroll(e,t,l){var r=e.reactData,a=e.internalData,e=a.lcsTimeout;r.lazScrollLoading=!0,e&&clearTimeout(e),a.lcsTimeout=setTimeout(function(){a.lcsRunTime=Date.now(),a.lcsTimeout=void 0,a.intoRunScroll=!1,a.inVirtualScroll=!1,a.inWheelScroll=!1,a.inHeaderScroll=!1,a.inBodyScroll=!1,a.inFooterScroll=!1,r.lazScrollLoading=!1},200)}function handleScrollEvent(e,t,l,r,a,o){checkLastSyncScroll(e,r,l)}function syncTableScrollTop(e,t){var e=e.internalData.xeTable;e&&(e=e.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]))&&(e.scrollTop=t)}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",inject:{$xeGantt:{default:null}},provide:function(){return{$xeGanttView:this}},props:{},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!0,scrollbarWidth:0,scrollbarHeight:0,lastScrollTime: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:20},internalData:createInternalData()}},computed:Object.assign({},{}),methods:{refreshData:function(){return handleUpdateData(this),_handleLazyRecalculate(this)},updateViewData:function(){var e=this.reactData,t=this.internalData.xeTable;return t&&(t=t.tableData,e.tableData=t),this.$nextTick()},connectUpdate:function(e){var e=e.$table,t=this.internalData;return e&&(t.xeTable=e),this.$nextTick()},handleUpdateStyle:function(){return updateStyle(this)},handleLazyRecalculate:function(){return _handleLazyRecalculate(this)},handleUpdateCurrentRow:function(e){var t,l=this.internalData.xeTable,r=this.$refs.refElem;l&&r&&(e?(t=l.highlightCurrentRow,(l.computeRowOpts.isCurrent||t)&&_xeUtils.default.arrayEach(r.querySelectorAll('[rowid="'.concat(l.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--current")})):_xeUtils.default.arrayEach(r.querySelectorAll(".row--current"),function(e){return(0,_dom.removeClass)(e,"row--current")}))},handleUpdateHoverRow:function(e){var t=this.internalData.xeTable,l=this.$refs.refElem;t&&l&&(e?_xeUtils.default.arrayEach(l.querySelectorAll('.vxe-body--row[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--hover")}):_xeUtils.default.arrayEach(l.querySelectorAll(".vxe-body--row.row--hover"),function(e){return(0,_dom.removeClass)(e,"row--hover")}))},triggerHeaderScrollEvent:function(e){var t,l,r,a=this.internalData,o=a.elemStore;a.inVirtualScroll||a.inBodyScroll||a.inFooterScroll||(t=e.currentTarget,o=(0,_util.getRefElem)(o["main-body-scroll"]),l=this.$refs.refScrollXHandleElem,o&&t&&(r=t.scrollLeft,a.inHeaderScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(o,r),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerBodyScrollEvent:function(e){var t,l,r,a,o,n=this,c=n.reactData,i=n.internalData,c=c.scrollXLoad,s=i.elemStore,d=i.lastScrollLeft,u=i.lastScrollTop;i.inVirtualScroll||i.inHeaderScroll||i.inFooterScroll||(t=e.currentTarget,s=(0,_util.getRefElem)(s["main-header-scroll"]),l=n.$refs.refScrollXHandleElem,r=n.$refs.refScrollYHandleElem,d=(a=t.scrollLeft)!==d,u=(o=t.scrollTop)!==u,i.inBodyScroll=!0,i.scrollRenderType="",u&&((0,_dom.setScrollTop)(r,o),syncTableScrollTop(n,o)),d&&(i.inBodyScroll=!0,(0,_dom.setScrollLeft)(l,a),(0,_dom.setScrollLeft)(s,a),c)&&triggerScrollXEvent(n),handleScrollEvent(n,e,u,d,t.scrollTop,a))},triggerVirtualScrollXEvent:function(e){var t,l,r,a=this.reactData,o=this.internalData,a=a.scrollXLoad,n=o.elemStore;o.inHeaderScroll||o.inBodyScroll||(t=e.currentTarget,l=(0,_util.getRefElem)(n["main-header-scroll"]),n=(0,_util.getRefElem)(n["main-body-scroll"]),t&&(r=t.scrollLeft,o.inVirtualScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(n,r),a&&triggerScrollXEvent(this),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerVirtualScrollYEvent:function(e){var t,l,r=this.internalData,a=r.elemStore;r.inHeaderScroll||r.inBodyScroll||(t=e.currentTarget,a=(0,_util.getRefElem)(a["main-body-scroll"]),t&&(l=t.scrollTop,r.inVirtualScroll=!0,(0,_dom.setScrollTop)(a,l),syncTableScrollTop(this,l),handleScrollEvent(this,e,!0,!1,l,t.scrollLeft)))},handleUpdateSXSpace:function(){return updateScrollXSpace(this)},handleUpdateSYSpace:function(){return updateScrollYSpace(this)},handleUpdateSYStatus:function(e){this.reactData.scrollYLoad=e},handleGlobalResizeEvent:function(){_handleLazyRecalculate(this)},renderScrollX:function(e){return e("div",{key:"vsx",ref:"refScrollXVirtualElem",class:"vxe-gantt-view--scroll-x-virtual"},[e("div",{ref:"refScrollXLeftCornerElem",class:"vxe-gantt-view--scroll-x-left-corner"}),e("div",{ref:"refScrollXWrapperElem",class:"vxe-gantt-view--scroll-x-wrapper"},[e("div",{ref:"refScrollXHandleElem",class:"vxe-gantt-view--scroll-x-handle",on:{scroll:this.triggerVirtualScrollXEvent}},[e("div",{ref:"refScrollXSpaceElem",class:"vxe-gantt-view--scroll-x-space"})])]),e("div",{ref:"refScrollXRightCornerElem",class:"vxe-gantt-view--scroll-x-right-corner"})])},renderScrollY:function(e){return e("div",{ref:"refScrollYVirtualElem",class:"vxe-gantt-view--scroll-y-virtual"},[e("div",{ref:"refScrollYTopCornerElem",class:"vxe-gantt-view--scroll-y-top-corner"}),e("div",{ref:"refScrollYWrapperElem",class:"vxe-gantt-view--scroll-y-wrapper"},[e("div",{ref:"refScrollYHandleElem",class:"vxe-gantt-view--scroll-y-handle",on:{scroll:this.triggerVirtualScrollYEvent}},[e("div",{ref:"refScrollYSpaceElem",class:"vxe-gantt-view--scroll-y-space"})])]),e("div",{ref:"refScrollYBottomCornerElem",class:"vxe-gantt-view--scroll-y-bottom-corner"})])},renderViewport:function(e){return e("div",{class:"vxe-gantt-view--viewport-wrapper"},[e(_ganttHeader.default),e(_ganttBody.default),e(_ganttFooter.default)])},renderBody:function(e){var t=this;return e("div",{class:"vxe-gantt-view--layout-wrapper"},t.$xeGantt.computeScrollbarYToLeft?[t.renderScrollY(e),t.renderViewport(e)]:[t.renderViewport(e),t.renderScrollY(e)])},renderVN:function(e){var t=this,l=t.$xeGantt,r=t.reactData,a=r.overflowX;return e("div",{ref:"refElem",class:["vxe-gantt-view",{"is--scroll-y":r.overflowY,"is--scroll-x":a,"is--virtual-x":r.scrollXLoad,"is--virtual-y":r.scrollYLoad}]},[e("div",{class:"vxe-gantt-view--render-wrapper"},l.computeScrollbarXToTop?[t.renderScrollX(e),t.renderBody(e)]:[t.renderBody(e),t.renderScrollX(e)]),e("div",{class:"vxe-gantt-view--render-vars"},[e("div",{ref:"refColInfoElem",class:"vxe-gantt-view--column-info"})])])}},watch:{"reactData.tableData":function(){handleUpdateData(this)}},mounted:function(){globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.internalData;globalEvents.off(this,"keydown"),_xeUtils.default.assign(e,createInternalData())},render:function(e){return this.renderVN(e)}});
|
package/lib/gantt/src/gantt.js
CHANGED
|
@@ -2193,9 +2193,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
2193
2193
|
if (props.expandConfig) {
|
|
2194
2194
|
(0, _log.warnLog)('vxe.error.notProp', ['expand-config']);
|
|
2195
2195
|
}
|
|
2196
|
-
if (props.aggregateConfig) {
|
|
2197
|
-
(0, _log.warnLog)('vxe.error.notProp', ['aggregate-config']);
|
|
2198
|
-
}
|
|
2199
2196
|
$xeGantt.$nextTick(function () {
|
|
2200
2197
|
if (props.formConfig) {
|
|
2201
2198
|
if (!VxeUIFormComponent) {
|