vxe-gantt 4.0.0-beta.6 → 4.0.0

package/es/gantt/src/gantt-body.js

@@ -14,6 +14,8 @@ export default defineVxeComponent({
         const refBodyXSpace = ref();
         const refBodyYSpace = ref();
         const renderColumn = ($xeTable, row, rowid, $rowIndex, column, $columnIndex) => {
+            const tableReactData = $xeTable.reactData;
+            const { resizeHeightFlag } = tableReactData;
             const tableInternalData = $xeTable.internalData;
             const { fullAllDataRowIdData } = tableInternalData;
             const { computeCellOpts, computeRowOpts, computeDefaultRowHeight } = $xeTable.getComputeMaps();
@@ -21,10 +23,14 @@ export default defineVxeComponent({
             const rowOpts = computeRowOpts.value;
             const defaultRowHeight = computeDefaultRowHeight.value;
             const rowRest = fullAllDataRowIdData[rowid] || {};
+            const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
+            const isRsHeight = resizeHeight > 0;
             const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
             return h('td', {
                 key: $columnIndex,
-                class: 'vxe-gantt-view--body-column',
+                class: ['vxe-gantt-view--body-column', {
+                        'col--rs-height': isRsHeight
+                    }],
                 style: {
                     height: `${cellHeight}px`
                 },
@@ -38,12 +44,14 @@ export default defineVxeComponent({
         };
         const renderRows = ($xeTable, tableData) => {
             const tableProps = $xeTable.props;
-            const { treeConfig, stripe, highlightHoverRow } = tableProps;
+            const { treeConfig, stripe, highlightHoverRow, editConfig } = tableProps;
             const tableReactData = $xeTable.reactData;
-            const { treeExpandedFlag } = tableReactData;
+            const { treeExpandedFlag, selectRadioRow, pendingRowFlag } = tableReactData;
             const tableInternalData = $xeTable.internalData;
-            const { fullAllDataRowIdData, treeExpandedMaps } = tableInternalData;
-            const { computeTreeOpts, computeRowOpts } = $xeTable.getComputeMaps();
+            const { fullAllDataRowIdData, treeExpandedMaps, pendingRowMaps } = tableInternalData;
+            const { computeRadioOpts, computeCheckboxOpts, computeTreeOpts, computeRowOpts } = $xeTable.getComputeMaps();
+            const radioOpts = computeRadioOpts.value;
+            const checkboxOpts = computeCheckboxOpts.value;
             const rowOpts = computeRowOpts.value;
             const treeOpts = computeTreeOpts.value;
             const { transform } = treeOpts;
@@ -60,6 +68,11 @@ export default defineVxeComponent({
                     rowIndex = rowRest.index;
                     _rowIndex = rowRest._index;
                 }
+                // 是否新增行
+                let isNewRow = false;
+                if (editConfig) {
+                    isNewRow = $xeTable.isInsertByRow(row);
+                }
                 // 当前行事件
                 if (rowOpts.isHover || highlightHoverRow) {
                     trOns.onMouseenter = (evnt) => {
@@ -70,7 +83,11 @@ export default defineVxeComponent({
                     };
                 }
                 trVNs.push(h('tr', Object.assign({ key: treeConfig ? rowid : $rowIndex, class: ['vxe-gantt-view--body-row', {
-                            'row--stripe': stripe && (_rowIndex + 1) % 2 === 0
+                            'row--stripe': stripe && (_rowIndex + 1) % 2 === 0,
+                            'is--new': isNewRow,
+                            'row--radio': radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
+                            'row--checked': checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
+                            'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid]
                         }], rowid }, trOns), tableColumn.map((column, $columnIndex) => renderColumn($xeTable, row, rowid, $rowIndex, column, $columnIndex))));
                 let isExpandTree = false;
                 let rowChildren = [];

package/es/gantt/src/gantt-chart.js

@@ -16,6 +16,8 @@ export default defineVxeComponent({
         const renderTaskBar = ($xeTable, row, rowid, $rowIndex) => {
             const tableProps = $xeTable.props;
             const { treeConfig } = tableProps;
+            const tableReactData = $xeTable.reactData;
+            const { resizeHeightFlag } = tableReactData;
             const tableInternalData = $xeTable.internalData;
             const { fullAllDataRowIdData } = tableInternalData;
             const { computeCellOpts, computeRowOpts, computeDefaultRowHeight } = $xeTable.getComputeMaps();
@@ -28,6 +30,8 @@ export default defineVxeComponent({
             const { showProgress, showContent, contentMethod, barStyle } = taskBarOpts;
             const { round } = barStyle || {};
             const rowRest = fullAllDataRowIdData[rowid] || {};
+            const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
+            const isRsHeight = resizeHeight > 0;
             const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
             let title = getStringValue(XEUtils.get(row, titleField));
             const progressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(row, progressField)))) : 0;
@@ -38,7 +42,8 @@ export default defineVxeComponent({
                 key: treeConfig ? rowid : $rowIndex,
                 rowid,
                 class: ['vxe-gantt-view--chart-row', {
-                        'is--round': round
+                        'is--round': round,
+                        'col--rs-height': isRsHeight
                     }],
                 style: {
                     height: `${cellHeight}px`

package/es/gantt/src/gantt-footer.js

@@ -0,0 +1,35 @@
+import { h, inject, ref, onMounted, onUnmounted } from 'vue';
+import { defineVxeComponent } from '../../ui/src/comp';
+export default defineVxeComponent({
+    name: 'VxeGanttViewFooter',
+    setup() {
+        const $xeGanttView = inject('$xeGanttView', {});
+        const { internalData } = $xeGanttView;
+        const refElem = ref();
+        const refHeaderScroll = ref();
+        const renderVN = () => {
+            return h('div', {
+                ref: refElem,
+                class: 'vxe-gantt-view--footer-wrapper'
+            }, [
+                h('div', {
+                    ref: refHeaderScroll,
+                    class: 'vxe-gantt-view--footer-inner-wrapper'
+                })
+            ]);
+        };
+        onMounted(() => {
+            const { elemStore } = internalData;
+            const prefix = 'main-footer-';
+            elemStore[`${prefix}wrapper`] = refElem;
+            elemStore[`${prefix}scroll`] = refHeaderScroll;
+        });
+        onUnmounted(() => {
+            const { elemStore } = internalData;
+            const prefix = 'main-footer-';
+            elemStore[`${prefix}wrapper`] = null;
+            elemStore[`${prefix}scroll`] = null;
+        });
+        return renderVN;
+    }
+});

package/es/gantt/src/gantt-header.js

@@ -1,8 +1,7 @@
 import { h, inject, ref, onMounted, onUnmounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
-import { getCellHeight } from './util';
 export default defineVxeComponent({
-    name: 'VxeGanttView',
+    name: 'VxeGanttViewHeader',
     setup() {
         const $xeGanttView = inject('$xeGanttView', {});
         const { reactData, internalData } = $xeGanttView;
@@ -11,17 +10,7 @@ export default defineVxeComponent({
         const refHeaderTable = ref();
         const refHeaderXSpace = ref();
         const renderVN = () => {
-            const $xeTable = $xeGanttView.internalData.xeTable;
             const { tableColumn, headerGroups, viewCellWidth } = reactData;
-            let defaultRowHeight = 0;
-            let headerCellOpts = {};
-            let currCellHeight = 0;
-            if ($xeTable) {
-                const { computeDefaultRowHeight, computeHeaderCellOpts } = $xeTable.getComputeMaps();
-                defaultRowHeight = computeDefaultRowHeight.value;
-                headerCellOpts = computeHeaderCellOpts.value;
-                currCellHeight = getCellHeight(headerCellOpts.height) || defaultRowHeight;
-            }
             return h('div', {
                 ref: refElem,
                 class: 'vxe-gantt-view--header-wrapper'
@@ -37,10 +26,7 @@ export default defineVxeComponent({
                     }),
                     h('table', {
                         ref: refHeaderTable,
-                        class: 'vxe-gantt-view--header-table',
-                        style: {
-                            height: `${currCellHeight}px`
-                        }
+                        class: 'vxe-gantt-view--header-table'
                     }, [
                         h('colgroup', {}, tableColumn.map((column, cIndex) => {
                             return h('col', {

package/es/gantt/src/gantt-view.js

@@ -6,6 +6,7 @@ import { getRefElem } from './util';
 import XEUtils from 'xe-utils';
 import GanttViewHeaderComponent from './gantt-header';
 import GanttViewBodyComponent from './gantt-body';
+import GanttViewFooterComponent from './gantt-footer';
 const { globalEvents } = VxeUI;
 function createInternalData() {
     return {
@@ -294,11 +295,13 @@ export default defineVxeComponent({
             if (!el || !el.clientHeight) {
                 return;
             }
+            const scrollbarOpts = computeScrollbarOpts.value;
             const scrollbarXToTop = computeScrollbarXToTop.value;
+            const scrollbarYToLeft = computeScrollbarYToLeft.value;
             const xLeftCornerEl = refScrollXLeftCornerElem.value;
             const xRightCornerEl = refScrollXRightCornerElem.value;
             const scrollXVirtualEl = refScrollXVirtualElem.value;
-            const osbWidth = scrollbarWidth;
+            let osbWidth = scrollbarWidth;
             const osbHeight = scrollbarHeight;
             let tbHeight = 0;
             let tHeaderHeight = 0;
@@ -309,6 +312,11 @@ export default defineVxeComponent({
                 tHeaderHeight = tableInternalData.tHeaderHeight;
                 tFooterHeight = tableInternalData.tFooterHeight;
             }
+            let yScrollbarVisible = 'visible';
+            if (scrollbarYToLeft || (scrollbarOpts.y && scrollbarOpts.y.visible === false)) {
+                osbWidth = 0;
+                yScrollbarVisible = 'hidden';
+            }
             const headerScrollElem = getRefElem(elemStore['main-header-scroll']);
             if (headerScrollElem) {
                 headerScrollElem.style.height = `${tHeaderHeight}px`;
@@ -317,6 +325,10 @@ export default defineVxeComponent({
             if (bodyScrollElem) {
                 bodyScrollElem.style.height = `${tbHeight}px`;
             }
+            const footerScrollElem = getRefElem(elemStore['main-footer-scroll']);
+            if (footerScrollElem) {
+                footerScrollElem.style.height = `${tFooterHeight}px`;
+            }
             if (scrollXVirtualEl) {
                 scrollXVirtualEl.style.height = `${osbHeight}px`;
                 scrollXVirtualEl.style.visibility = 'visible';
@@ -338,7 +350,7 @@ export default defineVxeComponent({
             if (scrollYVirtualEl) {
                 scrollYVirtualEl.style.width = `${osbWidth}px`;
                 scrollYVirtualEl.style.height = `${tbHeight + tHeaderHeight + tFooterHeight}px`;
-                scrollYVirtualEl.style.visibility = 'visible';
+                scrollYVirtualEl.style.visibility = yScrollbarVisible;
             }
             const yTopCornerEl = refScrollYTopCornerElem.value;
             if (yTopCornerEl) {
@@ -387,49 +399,6 @@ export default defineVxeComponent({
             return nextTick();
         };
         // const updateScrollXSpace = () => {
-        //   const { scrollXLoad, scrollXWidth } = reactData
-        //   const { elemStore } = internalData
-        //   const bodyScrollElem = getRefElem(elemStore['main-body-scroll'])
-        //   const bodyTableElem = getRefElem(elemStore['main-body-table'])
-        //   let xSpaceLeft = 0
-        //   let clientWidth = 0
-        //   if (bodyScrollElem) {
-        //     clientWidth = bodyScrollElem.clientWidth
-        //   }
-        //   // 虚拟渲染
-        //   let isScrollXBig = false
-        //   let ySpaceWidth = scrollXWidth
-        //   if (scrollXWidth > maxXWidth) {
-        //     // 触右
-        //     if (bodyScrollElem && bodyTableElem && bodyScrollElem.scrollLeft + clientWidth >= maxXWidth) {
-        //       xSpaceLeft = maxXWidth - bodyTableElem.clientWidth
-        //     } else {
-        //       xSpaceLeft = (maxXWidth - clientWidth) * (xSpaceLeft / (scrollXWidth - clientWidth))
-        //     }
-        //     ySpaceWidth = maxXWidth
-        //     isScrollXBig = true
-        //   }
-        //   if (bodyTableElem) {
-        //     bodyTableElem.style.transform = `translate(${xSpaceLeft}px, ${reactData.scrollYTop || 0}px)`
-        //   }
-        //   const layoutList = ['header', 'body', 'footer']
-        //   layoutList.forEach(layout => {
-        //     const xSpaceElem = getRefElem(elemStore[`main-${layout}-xSpace`])
-        //     if (xSpaceElem) {
-        //       xSpaceElem.style.width = scrollXLoad ? `${ySpaceWidth}px` : ''
-        //     }
-        //   })
-        //   reactData.scrollXLeft = xSpaceLeft
-        //   reactData.scrollXWidth = ySpaceWidth
-        //   reactData.isScrollXBig = isScrollXBig
-        //   const scrollXSpaceEl = refScrollXSpaceElem.value
-        //   if (scrollXSpaceEl) {
-        //     scrollXSpaceEl.style.width = `${ySpaceWidth}px`
-        //   }
-        //   calcScrollbar()
-        //   return nextTick().then(() => {
-        //     updateStyle()
-        //   })
         // }
         const updateScrollYSpace = () => {
             const { elemStore } = internalData;
@@ -672,8 +641,25 @@ export default defineVxeComponent({
                     handleScrollEvent(evnt, isRollY, isRollX, currTopNum, wrapperEl.scrollLeft);
                 }
             },
-            updateScrollYSpace,
-            updateScrollYStatus(sYLoad) {
+            handleUpdateSXSpace() {
+                const { scrollXLoad, scrollXWidth } = reactData;
+                const { elemStore } = internalData;
+                const layoutList = ['header', 'body', 'footer'];
+                layoutList.forEach(layout => {
+                    const xSpaceElem = getRefElem(elemStore[`main-${layout}-xSpace`]);
+                    if (xSpaceElem) {
+                        xSpaceElem.style.width = scrollXLoad ? `${scrollXWidth}px` : '';
+                    }
+                });
+                const scrollXSpaceEl = refScrollXSpaceElem.value;
+                if (scrollXSpaceEl) {
+                    scrollXSpaceEl.style.width = `${scrollXWidth}px`;
+                }
+                calcScrollbar();
+                return nextTick();
+            },
+            handleUpdateSYSpace: updateScrollYSpace,
+            handleUpdateSYStatus(sYLoad) {
                 reactData.scrollYLoad = sYLoad;
             }
         };
@@ -747,7 +733,8 @@ export default defineVxeComponent({
                 class: 'vxe-gantt-view--viewport-wrapper'
             }, [
                 h(GanttViewHeaderComponent),
-                h(GanttViewBodyComponent)
+                h(GanttViewBodyComponent),
+                h(GanttViewFooterComponent)
             ]);
         };
         const renderBody = () => {

package/es/gantt/src/gantt.js

@@ -204,10 +204,10 @@ export default defineVxeComponent({
             const pagerOpts = computePagerOpts.value;
             const isLoading = computeIsLoading.value;
             const tProps = Object.assign({}, tableExtendProps, {
+                // 不支持修改的属性
                 showOverflow: true,
                 showHeaderOverflow: true,
-                showFooterOverflow: true,
-                showFooter: false
+                showFooterOverflow: true
             });
             if (isZMax) {
                 if (tableExtendProps.maxHeight) {
@@ -1312,7 +1312,11 @@ export default defineVxeComponent({
                 if ($xeTable) {
                     const tableProps = $xeTable.props;
                     const { highlightCurrentRow } = tableProps;
-                    const { computeRowOpts } = $xeTable.getComputeMaps();
+                    const tableReactData = $xeTable.reactData;
+                    const { radioColumn, checkboxColumn } = tableReactData;
+                    const { computeRadioOpts, computeCheckboxOpts, computeRowOpts } = $xeTable.getComputeMaps();
+                    const radioOpts = computeRadioOpts.value;
+                    const checkboxOpts = computeCheckboxOpts.value;
                     const rowOpts = computeRowOpts.value;
                     const { row } = params;
                     // 如果是当前行
@@ -1323,6 +1327,14 @@ export default defineVxeComponent({
                             $rowIndex: $xeTable.getVMRowIndex(row)
                         }, params));
                     }
+                    // 如果是单选框
+                    if ((radioColumn && radioOpts.trigger === 'row')) {
+                        $xeTable.triggerRadioRowEvent(evnt, params);
+                    }
+                    // 如果是复选框
+                    if ((checkboxColumn && checkboxOpts.trigger === 'row')) {
+                        $xeTable.handleToggleCheckRowEvent(evnt, params);
+                    }
                 }
                 $xeGantt.dispatchEvent('task-cell-click', params, evnt);
             },
@@ -1341,6 +1353,7 @@ export default defineVxeComponent({
             loadColumn(columns) {
                 const $xeTable = refTable.value;
                 XEUtils.eachTree(columns, (column) => {
+                    const { type } = column;
                     if (column.slots) {
                         XEUtils.each(column.slots, (func) => {
                             if (!XEUtils.isFunction(func)) {
@@ -1350,6 +1363,9 @@ export default defineVxeComponent({
                             }
                         });
                     }
+                    if (type === 'expand') {
+                        errLog('vxe.error.errProp', ['type=expand', 'type=seq,radio,checkbox,html']);
+                    }
                 });
                 if ($xeTable) {
                     return $xeTable.loadColumn(columns);
@@ -1669,7 +1685,10 @@ export default defineVxeComponent({
                                         class: 'vxe-gantt--resizable-split-number-right'
                                     }, '20px')
                                 ])
-                            ])
+                            ]),
+                            h('div', {
+                                class: 'vxe-gantt--border-line'
+                            })
                         ]));
                         break;
                     case 'Bottom':
@@ -1713,10 +1732,7 @@ export default defineVxeComponent({
                 ]),
                 h('div', {
                     class: 'vxe-gantt--layout-footer-wrapper'
-                }, renderChildLayout(footKeys)),
-                h('div', {
-                    class: 'vxe-gantt--border-line'
-                })
+                }, renderChildLayout(footKeys))
             ];
         };
         const renderVN = () => {
@@ -1797,6 +1813,12 @@ export default defineVxeComponent({
                 if (proxyOpts.props) {
                     warnLog('vxe.error.delProp', ['proxy-config.props', 'proxy-config.response']);
                 }
+                if (props.expandConfig) {
+                    warnLog('vxe.error.notProp', ['expand-config']);
+                }
+                if (props.aggregateConfig) {
+                    warnLog('vxe.error.notProp', ['aggregate-config']);
+                }
                 if (columns && columns.length) {
                     $xeGantt.loadColumn(columns);
                 }

package/es/gantt/src/util.js

@@ -7,12 +7,6 @@ export function getRefElem(refEl) {
     }
     return null;
 }
-export function getCellHeight(height) {
-    if (height === 'unset') {
-        return 0;
-    }
-    return height || 0;
-}
 export function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
     return rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
 }

package/es/gantt/style.css

@@ -15,9 +15,6 @@
 .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar:hover::after {
   border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
 }
-.vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar > .vxe-gantt-view--chart-progress {
-  border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius) 0 0 var(--vxe-ui-gantt-view-task-bar-border-radius);
-}
 
 .vxe-gantt-view--chart-bar {
   display: flex;
@@ -30,6 +27,7 @@
   transform: translateY(-50%);
   height: var(--vxe-ui-gantt-view-chart-bar-height);
   background-color: var(--vxe-ui-gantt-view-task-bar-background-color);
+  overflow: hidden;
   pointer-events: all;
 }
 .vxe-gantt-view--chart-bar:hover::after {
@@ -277,6 +275,9 @@
   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;
 }
@@ -555,6 +556,10 @@
   float: left;
 }
 
+.vxe-gantt-view--header-table {
+  height: 100%;
+}
+
 .vxe-gantt-view--header-table,
 .vxe-gantt-view--body-table {
   border: 0;
@@ -571,6 +576,11 @@
   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--header-wrapper,
 .vxe-gantt-view--body-wrapper {
   overflow: hidden;
@@ -613,6 +623,12 @@
 .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);
 }
@@ -622,6 +638,12 @@
 .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);
 }

package/es/gantt/style.min.css

@@ -1 +1 @@
-@charset "UTF-8";.vxe-gantt-view--chart-wrapper{position:absolute;top:0;left:0;pointer-events:none}.vxe-gantt-view--chart-row{position:relative}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar:hover::after{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar>.vxe-gantt-view--chart-progress{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius) 0 0 var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-bar{display:flex;flex-direction:row;align-items:center;position:absolute;top:50%;left:0;color:#fff;transform:translateY(-50%);height:var(--vxe-ui-gantt-view-chart-bar-height);background-color:var(--vxe-ui-gantt-view-task-bar-background-color);pointer-events:all}.vxe-gantt-view--chart-bar:hover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);pointer-events:none}.vxe-gantt-view--chart-progress{flex-shrink:0;width:0;height:100%;text-align:left;background-color:var(--vxe-ui-gantt-view-task-bar-completed-background-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view--chart-content{position:absolute;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;padding:0 .6em}.vxe-gantt{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-gantt.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-gantt.is--loading>.vxe-gantt-view .vxe-loading{background-color:transparent}.vxe-gantt.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt.is--split-drag{cursor:col-resize}.vxe-gantt.is--split-drag .vxe-gantt--table-wrapper::after,.vxe-gantt.is--split-drag .vxe-gantt--view-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt .vxe-gantt--bottom-wrapper,.vxe-gantt .vxe-gantt--form-wrapper,.vxe-gantt .vxe-gantt--top-wrapper{position:relative}.vxe-gantt .vxe-gantt--gantt-container{position:relative;display:flex;flex-direction:row}.vxe-gantt .vxe-gantt--left-wrapper,.vxe-gantt .vxe-gantt--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-gantt .vxe-gantt--table-wrapper,.vxe-gantt .vxe-gantt--view-wrapper{display:none;position:relative;flex-grow:1;overflow:hidden}.vxe-gantt .vxe-gantt--view-split-bar{flex-shrink:0;width:var(--vxe-ui-gantt-view-split-bar-width);background-color:var(--vxe-ui-gantt-view-split-bar-background-color)}.vxe-gantt .vxe-gantt--view-split-bar.is--resize{cursor:col-resize}.vxe-gantt.show--left .vxe-gantt--table-wrapper{display:block}.vxe-gantt.show--left.show--right .vxe-gantt--table-wrapper{flex-grow:unset;flex-shrink:0;width:var(--vxe-ui-gantt-view-table-default-width)}.vxe-gantt.show--right .vxe-gantt--view-wrapper{display:block}.vxe-gantt--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-gantt--layout-body-content-wrapper{flex-grow:1;overflow:hidden}.vxe-gantt--layout-aside-left-wrapper,.vxe-gantt--layout-footer-wrapper,.vxe-gantt--layout-header-wrapper{flex-shrink:0;overflow:auto}.vxe-gantt--border-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;border:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--full .vxe-gantt-view--body-column,.vxe-gantt.border--full .vxe-gantt-view--footer-column,.vxe-gantt.border--full .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color)),linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:var(--vxe-ui-table-border-width) 100%,100% var(--vxe-ui-table-border-width);background-position:right top,right bottom}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:0;border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{border-bottom-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner{border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer .vxe-gantt-view--scroll-x-wrapper::after{content:"";position:absolute;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after{top:0;border-bottom:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after{bottom:0;height:calc(100% + var(--vxe-ui-table-border-width));border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before{width:calc(100% + 1px);left:-1px}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-wrapper::after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after{left:0;border-right:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after{right:0;width:calc(100% + var(--vxe-ui-table-border-width));border-left:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--body-column,.vxe-gantt.border--default .vxe-gantt-view--footer-column,.vxe-gantt.border--default .vxe-gantt-view--header-column,.vxe-gantt.border--inner .vxe-gantt-view--body-column,.vxe-gantt.border--inner .vxe-gantt-view--footer-column,.vxe-gantt.border--inner .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:100% var(--vxe-ui-table-border-width);background-position:right bottom}.vxe-gantt.border--inner .vxe-gantt--border-line{border-width:0 0 1px 0}.vxe-gantt.border--none .vxe-gantt--border-line{display:none}.vxe-gantt--view-split-bar{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt--view-split-bar-handle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:13}.vxe-gantt--view-split-bar-btn-wrapper{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.vxe-gantt--view-split-bar-btn-wrapper>div{margin-top:1em}.vxe-gantt--view-split-bar-btn-wrapper>div:first-child{margin-top:0}.vxe-gantt--view-split-bar-left-btn,.vxe-gantt--view-split-bar-right-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;height:var(--vxe-ui-gantt-view-split-bar-height);width:var(--vxe-ui-gantt-view-split-bar-width);color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-gantt-view-handle-background-color);border:1px solid var(--vxe-ui-input-border-color);pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease-in-out}.vxe-gantt--view-split-bar-left-btn:hover,.vxe-gantt--view-split-bar-right-btn:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-gantt--view-split-bar-left-btn:active,.vxe-gantt--view-split-bar-right-btn:active{transform:scale(.9)}.vxe-gantt--resizable-split-tip{display:none;position:absolute;top:0;left:0;width:1px;height:100%;z-index:18;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-gantt--resizable-split-tip:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-gantt--resizable-split-number-left,.vxe-gantt--resizable-split-number-right{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-number-left{right:0}.vxe-gantt--resizable-split-number-right{left:1px}.vxe-gantt.is--loading>.vxe-gantt-view--scroll-x-virtual{visibility:hidden}.vxe-gantt.is--loading>.vxe-gantt-view--layout-wrapper>.vxe-gantt-view--scroll-y-virtual{visibility:hidden}.vxe-gantt .vxe-gantt-view--scroll-x-virtual{height:0}.vxe-gantt .vxe-gantt-view--scroll-y-virtual{width:0}.vxe-gantt .vxe-gantt-view--scroll-x-virtual,.vxe-gantt .vxe-gantt-view--scroll-y-virtual{visibility:hidden;position:relative;flex-shrink:0;z-index:7}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{width:100%;left:0;bottom:0}.vxe-gantt .vxe-gantt-view--scroll-x-handle{overflow-y:hidden;overflow-x:scroll;height:18px}.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{height:100%}.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{width:100%;height:100%;right:0;top:0}.vxe-gantt .vxe-gantt-view--scroll-y-handle{overflow-y:scroll;overflow-x:hidden;width:18px;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-space{height:1px}.vxe-gantt .vxe-gantt-view--scroll-y-space{width:1px}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{display:none;position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{bottom:0;width:0;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner::before,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:var(--vxe-ui-table-border-width);border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner{left:0}.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{right:0}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner{right:1px}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner::before{border-right:0}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner{bottom:1px}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner::before{border-bottom:0}.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{top:0;right:0;width:100%;height:0}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner{margin-top:-1px}.vxe-gantt-view--layout-wrapper{display:flex;flex-direction:row;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt-view--viewport-wrapper{position:relative;overflow:hidden;flex-grow:1}.vxe-gantt-view--render-vars{width:0;height:0;overflow:hidden}.vxe-gantt-view--column-info{width:var(--vxe-ui-gantt-view-default-cell-width)}.vxe-gantt-view{flex-grow:1;overflow:hidden}.vxe-gantt-view .vxe-body--x-space{width:100%;height:1px;margin-bottom:-1px}.vxe-gantt-view .vxe-body--y-space{width:0;float:left}.vxe-gantt-view--body-table,.vxe-gantt-view--header-table{border:0;border-spacing:0;border-collapse:separate;table-layout:fixed}.vxe-gantt-view--body-table col,.vxe-gantt-view--header-table col{width:var(--vxe-ui-gantt-view-default-cell-width)}.vxe-gantt-view--header-wrapper{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt-view--body-wrapper,.vxe-gantt-view--header-wrapper{overflow:hidden}.vxe-gantt-view--header-inner-wrapper{overflow-y:hidden;overflow-x:scroll}.vxe-gantt-view--body-inner-wrapper{overflow-y:auto;overflow-x:auto}.vxe-gantt-view--body-inner-wrapper,.vxe-gantt-view--header-inner-wrapper{position:relative;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.vxe-gantt-view--header-column{text-align:center;font-size:1em}.vxe-gantt-view--body-column,.vxe-gantt-view--footer-column,.vxe-gantt-view--header-column{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view--body-row.row--stripe{background-color:var(--vxe-ui-table-row-striped-background-color)}.vxe-gantt-view--body-row.row--current{background-color:var(--vxe-ui-table-row-current-background-color)}.vxe-gantt-view--body-row.row--hover{background-color:var(--vxe-ui-table-row-hover-background-color)}.vxe-gantt-view--body-row.row--hover.row--stripe{background-color:var(--vxe-ui-table-row-hover-striped-background-color)}.vxe-gantt-view--body-row.row--hover.row--current{background-color:var(--vxe-ui-table-row-hover-current-background-color)}.vxe-gantt-view.mode--day .vxe-gantt-view--header-column{height:50%}.vxe-gantt{font-size:var(--vxe-ui-font-size-default)}.vxe-gantt.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-gantt.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-gantt.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+@charset "UTF-8";.vxe-gantt-view--chart-wrapper{position:absolute;top:0;left:0;pointer-events:none}.vxe-gantt-view--chart-row{position:relative}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar:hover::after{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-bar{display:flex;flex-direction:row;align-items:center;position:absolute;top:50%;left:0;color:#fff;transform:translateY(-50%);height:var(--vxe-ui-gantt-view-chart-bar-height);background-color:var(--vxe-ui-gantt-view-task-bar-background-color);overflow:hidden;pointer-events:all}.vxe-gantt-view--chart-bar:hover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);pointer-events:none}.vxe-gantt-view--chart-progress{flex-shrink:0;width:0;height:100%;text-align:left;background-color:var(--vxe-ui-gantt-view-task-bar-completed-background-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view--chart-content{position:absolute;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;padding:0 .6em}.vxe-gantt{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-gantt.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-gantt.is--loading>.vxe-gantt-view .vxe-loading{background-color:transparent}.vxe-gantt.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt.is--split-drag{cursor:col-resize}.vxe-gantt.is--split-drag .vxe-gantt--table-wrapper::after,.vxe-gantt.is--split-drag .vxe-gantt--view-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt .vxe-gantt--bottom-wrapper,.vxe-gantt .vxe-gantt--form-wrapper,.vxe-gantt .vxe-gantt--top-wrapper{position:relative}.vxe-gantt .vxe-gantt--gantt-container{position:relative;display:flex;flex-direction:row}.vxe-gantt .vxe-gantt--left-wrapper,.vxe-gantt .vxe-gantt--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-gantt .vxe-gantt--table-wrapper,.vxe-gantt .vxe-gantt--view-wrapper{display:none;position:relative;flex-grow:1;overflow:hidden}.vxe-gantt .vxe-gantt--view-split-bar{flex-shrink:0;width:var(--vxe-ui-gantt-view-split-bar-width);background-color:var(--vxe-ui-gantt-view-split-bar-background-color)}.vxe-gantt .vxe-gantt--view-split-bar.is--resize{cursor:col-resize}.vxe-gantt.show--left .vxe-gantt--table-wrapper{display:block}.vxe-gantt.show--left.show--right .vxe-gantt--table-wrapper{flex-grow:unset;flex-shrink:0;width:var(--vxe-ui-gantt-view-table-default-width)}.vxe-gantt.show--right .vxe-gantt--view-wrapper{display:block}.vxe-gantt--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-gantt--layout-body-content-wrapper{flex-grow:1;overflow:hidden}.vxe-gantt--layout-aside-left-wrapper,.vxe-gantt--layout-footer-wrapper,.vxe-gantt--layout-header-wrapper{flex-shrink:0;overflow:auto}.vxe-gantt--border-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;border:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--full .vxe-gantt-view--body-column,.vxe-gantt.border--full .vxe-gantt-view--footer-column,.vxe-gantt.border--full .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color)),linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:var(--vxe-ui-table-border-width) 100%,100% var(--vxe-ui-table-border-width);background-position:right top,right bottom}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:0;border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{border-bottom-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner{border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer .vxe-gantt-view--scroll-x-wrapper::after{content:"";position:absolute;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after{top:0;border-bottom:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after{bottom:0;height:calc(100% + var(--vxe-ui-table-border-width));border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before{width:calc(100% + 1px);left:-1px}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-wrapper::after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after{left:0;border-right:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after{right:0;width:calc(100% + var(--vxe-ui-table-border-width));border-left:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--body-column,.vxe-gantt.border--default .vxe-gantt-view--footer-column,.vxe-gantt.border--default .vxe-gantt-view--header-column,.vxe-gantt.border--inner .vxe-gantt-view--body-column,.vxe-gantt.border--inner .vxe-gantt-view--footer-column,.vxe-gantt.border--inner .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:100% var(--vxe-ui-table-border-width);background-position:right bottom}.vxe-gantt.border--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;user-select:none}.vxe-gantt--view-split-bar-handle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:13}.vxe-gantt--view-split-bar-btn-wrapper{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.vxe-gantt--view-split-bar-btn-wrapper>div{margin-top:1em}.vxe-gantt--view-split-bar-btn-wrapper>div:first-child{margin-top:0}.vxe-gantt--view-split-bar-left-btn,.vxe-gantt--view-split-bar-right-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;height:var(--vxe-ui-gantt-view-split-bar-height);width:var(--vxe-ui-gantt-view-split-bar-width);color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-gantt-view-handle-background-color);border:1px solid var(--vxe-ui-input-border-color);pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease-in-out}.vxe-gantt--view-split-bar-left-btn:hover,.vxe-gantt--view-split-bar-right-btn:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-gantt--view-split-bar-left-btn:active,.vxe-gantt--view-split-bar-right-btn:active{transform:scale(.9)}.vxe-gantt--resizable-split-tip{display:none;position:absolute;top:0;left:0;width:1px;height:100%;z-index:18;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-gantt--resizable-split-tip:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-gantt--resizable-split-number-left,.vxe-gantt--resizable-split-number-right{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-number-left{right:0}.vxe-gantt--resizable-split-number-right{left:1px}.vxe-gantt.is--loading>.vxe-gantt-view--scroll-x-virtual{visibility:hidden}.vxe-gantt.is--loading>.vxe-gantt-view--layout-wrapper>.vxe-gantt-view--scroll-y-virtual{visibility:hidden}.vxe-gantt .vxe-gantt-view--scroll-x-virtual{height:0}.vxe-gantt .vxe-gantt-view--scroll-y-virtual{width:0}.vxe-gantt .vxe-gantt-view--scroll-x-virtual,.vxe-gantt .vxe-gantt-view--scroll-y-virtual{visibility:hidden;position:relative;flex-shrink:0;z-index:7}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{width:100%;left:0;bottom:0}.vxe-gantt .vxe-gantt-view--scroll-x-handle{overflow-y:hidden;overflow-x:scroll;height:18px}.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{height:100%}.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{width:100%;height:100%;right:0;top:0}.vxe-gantt .vxe-gantt-view--scroll-y-handle{overflow-y:scroll;overflow-x:hidden;width:18px;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-space{height:1px}.vxe-gantt .vxe-gantt-view--scroll-y-space{width:1px}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{display:none;position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{bottom:0;width:0;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner::before,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:var(--vxe-ui-table-border-width);border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner{left:0}.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{right:0}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner{right:1px}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner::before{border-right:0}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner{bottom:1px}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner::before{border-bottom:0}.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{top:0;right:0;width:100%;height:0}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner{margin-top:-1px}.vxe-gantt-view--layout-wrapper{display:flex;flex-direction:row;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt-view--viewport-wrapper{position:relative;overflow:hidden;flex-grow:1}.vxe-gantt-view--render-vars{width:0;height:0;overflow:hidden}.vxe-gantt-view--column-info{width:var(--vxe-ui-gantt-view-default-cell-width)}.vxe-gantt-view{flex-grow:1;overflow:hidden}.vxe-gantt-view .vxe-body--x-space{width:100%;height:1px;margin-bottom:-1px}.vxe-gantt-view .vxe-body--y-space{width:0;float:left}.vxe-gantt-view--header-table{height:100%}.vxe-gantt-view--body-table,.vxe-gantt-view--header-table{border:0;border-spacing:0;border-collapse:separate;table-layout:fixed}.vxe-gantt-view--body-table col,.vxe-gantt-view--header-table col{width:var(--vxe-ui-gantt-view-default-cell-width)}.vxe-gantt-view--header-wrapper{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt-view--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:auto;overflow-x:auto}.vxe-gantt-view--body-inner-wrapper,.vxe-gantt-view--header-inner-wrapper{position:relative;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.vxe-gantt-view--header-column{text-align:center;font-size:1em}.vxe-gantt-view--body-column,.vxe-gantt-view--footer-column,.vxe-gantt-view--header-column{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view--body-row.row--stripe{background-color:var(--vxe-ui-table-row-striped-background-color)}.vxe-gantt-view--body-row.row--radio{background-color:var(--vxe-ui-table-row-radio-checked-background-color)}.vxe-gantt-view--body-row.row--checked{background-color:var(--vxe-ui-table-row-checkbox-checked-background-color)}.vxe-gantt-view--body-row.row--current{background-color:var(--vxe-ui-table-row-current-background-color)}.vxe-gantt-view--body-row.row--hover{background-color:var(--vxe-ui-table-row-hover-background-color)}.vxe-gantt-view--body-row.row--hover.row--stripe{background-color:var(--vxe-ui-table-row-hover-striped-background-color)}.vxe-gantt-view--body-row.row--hover.row--radio{background-color:var(--vxe-ui-table-row-hover-radio-checked-background-color)}.vxe-gantt-view--body-row.row--hover.row--checked{background-color:var(--vxe-ui-table-row-hover-checkbox-checked-background-color)}.vxe-gantt-view--body-row.row--hover.row--current{background-color:var(--vxe-ui-table-row-hover-current-background-color)}.vxe-gantt-view.mode--day .vxe-gantt-view--header-column{height:50%}.vxe-gantt{font-size:var(--vxe-ui-font-size-default)}.vxe-gantt.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-gantt.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-gantt.size--mini{font-size:var(--vxe-ui-font-size-mini)}