vxe-gantt 4.0.4 → 4.0.5

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

@@ -1,5 +1,7 @@
 import { h, inject, ref, onMounted, onUnmounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
+import { VxeUI } from '@vxe-ui/core';
+const { getI18n } = VxeUI;
 export default defineVxeComponent({
     name: 'VxeGanttViewHeader',
     setup() {
@@ -36,16 +38,30 @@ export default defineVxeComponent({
                                 }
                             });
                         })),
-                        h('thead', {}, headerGroups.map((cols, rIndex) => {
+                        h('thead', {}, headerGroups.map(({ scaleItem, columns }, $rowIndex) => {
+                            const { type, titleMethod } = scaleItem;
                             return h('tr', {
-                                key: rIndex
-                            }, cols.map((column, cIndex) => {
+                                key: $rowIndex
+                            }, columns.map((column, cIndex) => {
+                                const dateObj = column.params;
+                                let label = `${column.title}`;
+                                if ($rowIndex < headerGroups.length - 1) {
+                                    if (scaleItem.type === 'day') {
+                                        label = getI18n(`vxe.gantt.dayss.w${dateObj.e}`);
+                                    }
+                                    else {
+                                        label = getI18n(`vxe.gantt.${!$rowIndex && headerGroups.length > 1 ? 'tFullFormat' : 'tSimpleFormat'}.${type}`, dateObj);
+                                    }
+                                }
+                                if (titleMethod) {
+                                    label = `${titleMethod({ scaleObj: scaleItem, title: label, dateObj: dateObj, $rowIndex })}`;
+                                }
                                 return h('th', {
                                     key: cIndex,
                                     class: 'vxe-gantt-view--header-column',
-                                    colspan: column.children ? column.children.length : null,
-                                    title: `${column.field}`
-                                }, column.title);
+                                    colspan: column.childCount || null,
+                                    title: label
+                                }, label);
                             }));
                         }))
                     ])

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

@@ -44,7 +44,7 @@ export default defineVxeComponent({
     setup(props, context) {
         const xID = XEUtils.uniqueId();
         const $xeGantt = inject('$xeGantt', {});
-        const { computeTaskOpts, computeTaskViewOpts, computeStartField, computeEndField, computeScrollbarOpts, computeScrollbarXToTop, computeScrollbarYToLeft } = $xeGantt.getComputeMaps();
+        const { computeTaskOpts, computeStartField, computeEndField, computeScrollbarOpts, computeScrollbarXToTop, computeScrollbarYToLeft } = $xeGantt.getComputeMaps();
         const refElem = ref();
         const refScrollXVirtualElem = ref();
         const refScrollYVirtualElem = ref();
@@ -85,14 +85,7 @@ export default defineVxeComponent({
             tableData: [],
             tableColumn: [],
             headerGroups: [],
-            viewCellWidth: 40,
-            rowHeightStore: {
-                large: 52,
-                default: 48,
-                medium: 44,
-                small: 40,
-                mini: 36
-            }
+            viewCellWidth: 20
         });
         const internalData = createInternalData();
         const refMaps = {
@@ -115,92 +108,243 @@ export default defineVxeComponent({
         };
         const handleParseColumn = () => {
             const ganttProps = $xeGantt.props;
+            const ganttReactData = $xeGantt.reactData;
             const { treeConfig } = ganttProps;
+            const { taskScaleList } = ganttReactData;
             const { minViewDate, maxViewDate } = reactData;
-            const taskViewOpts = computeTaskViewOpts.value;
+            const minScale = XEUtils.last(taskScaleList);
             const fullCols = [];
             const groupCols = [];
-            switch (taskViewOpts.mode) {
-                case 'year':
-                    break;
-                case 'quarter':
-                    break;
-                case 'month':
-                    break;
-                case 'week':
-                    break;
-                default: {
-                    if (minViewDate && maxViewDate) {
-                        const currTime = minViewDate.getTime();
-                        const diffDayNum = maxViewDate.getTime() - minViewDate.getTime();
-                        const countDayNum = Math.max(6, Math.floor(diffDayNum / 86400000) + 1);
-                        const groupList = [];
-                        const colList = [];
-                        const groupMaps = {};
-                        for (let i = 0; i < countDayNum; i++) {
-                            const itemDate = new Date(currTime + (i * 86400000));
-                            const yyyyy = `${itemDate.getFullYear()}-${itemDate.getMonth() + 1}`;
-                            const mmDd = `${itemDate.getDate()}`;
-                            let groupCol = groupMaps[yyyyy];
-                            const column = {
-                                field: `${yyyyy}-${mmDd}`,
-                                title: mmDd
-                            };
-                            if (groupCol) {
-                                groupCol.children.push(column);
-                                fullCols.push(groupCol);
-                            }
-                            else {
-                                groupCol = {
-                                    field: yyyyy,
-                                    title: yyyyy,
-                                    children: [column]
-                                };
-                                groupList.push(groupCol);
-                                fullCols.push(groupCol);
-                                groupMaps[yyyyy] = groupCol;
-                            }
-                            colList.push(column);
+            if (minScale && minViewDate && maxViewDate) {
+                const minSType = minScale.type;
+                const weekScale = taskScaleList.find(item => item.type === 'week');
+                let gapTime = 1000 * 60 * 60 * 24;
+                switch (minScale.type) {
+                    case 'hour':
+                        gapTime = 1000 * 60 * 60;
+                        break;
+                    case 'minute':
+                        gapTime = 1000 * 60;
+                        break;
+                    case 'second':
+                        gapTime = 1000;
+                        break;
+                    default: {
+                        break;
+                    }
+                }
+                const currTime = minViewDate.getTime();
+                const diffDayNum = maxViewDate.getTime() - minViewDate.getTime();
+                const countSize = Math.max(5, Math.floor(diffDayNum / gapTime) + 1);
+                switch (minScale.type) {
+                    case 'day':
+                    case 'date':
+                        if (diffDayNum > (1000 * 60 * 60 * 24 * 366 * 3)) {
+                            reactData.tableColumn = [];
+                            reactData.headerGroups = [];
+                            return;
+                        }
+                        break;
+                    case 'hour':
+                        if (diffDayNum > (1000 * 60 * 60 * 24 * 31 * 3)) {
+                            reactData.tableColumn = [];
+                            reactData.headerGroups = [];
+                            return;
+                        }
+                        break;
+                    case 'minute':
+                        if (diffDayNum > (1000 * 60 * 60 * 24 * 3)) {
+                            reactData.tableColumn = [];
+                            reactData.headerGroups = [];
+                            return;
+                        }
+                        break;
+                    case 'second':
+                        if (diffDayNum > (1000 * 60 * 60 * 3)) {
+                            reactData.tableColumn = [];
+                            reactData.headerGroups = [];
+                            return;
+                        }
+                        break;
+                }
+                const renderListMaps = {
+                    year: [],
+                    quarter: [],
+                    month: [],
+                    week: [],
+                    day: [],
+                    date: [],
+                    hour: [],
+                    minute: [],
+                    second: []
+                };
+                const tempTypeMaps = {
+                    year: {},
+                    quarter: {},
+                    month: {},
+                    week: {},
+                    day: {},
+                    date: {},
+                    hour: {},
+                    minute: {},
+                    second: {}
+                };
+                const handleData = (type, colMaps, minCol) => {
+                    if (minSType === type) {
+                        return;
+                    }
+                    const currCol = colMaps[type];
+                    const currKey = `${currCol.field}`;
+                    let currGpCol = tempTypeMaps[type][currKey];
+                    if (!currGpCol) {
+                        currGpCol = currCol;
+                        tempTypeMaps[type][currKey] = currGpCol;
+                        renderListMaps[type].push(currGpCol);
+                    }
+                    if (currGpCol) {
+                        if (!currGpCol.children) {
+                            currGpCol.children = [];
+                        }
+                        currGpCol.children.push(minCol);
+                    }
+                };
+                for (let i = 0; i < countSize; i++) {
+                    const itemDate = new Date(currTime + (i * gapTime));
+                    const [yyyy, MM, dd, HH, mm, ss] = XEUtils.toDateString(itemDate, 'yyyy-M-d-H-m-s').split('-');
+                    const e = itemDate.getDay();
+                    const E = e + 1;
+                    const q = Math.ceil((itemDate.getMonth() + 1) / 3);
+                    const W = XEUtils.getYearWeek(itemDate, weekScale ? weekScale.startDay : undefined);
+                    const dateObj = { yy: yyyy, M: MM, d: dd, H: HH, m: mm, s: ss, q, W, E, e };
+                    const colMaps = {
+                        year: {
+                            field: yyyy,
+                            title: yyyy,
+                            params: dateObj
+                        },
+                        quarter: {
+                            field: `${yyyy}_q${q}`,
+                            title: q,
+                            params: dateObj
+                        },
+                        month: {
+                            field: `${yyyy}_${MM}`,
+                            title: MM,
+                            params: dateObj
+                        },
+                        week: {
+                            field: `${yyyy}_W${W}`,
+                            title: W,
+                            params: dateObj
+                        },
+                        day: {
+                            field: `${yyyy}_${MM}_${dd}_E${E}`,
+                            title: E,
+                            params: dateObj
+                        },
+                        date: {
+                            field: `${yyyy}_${MM}_${dd}`,
+                            title: dd,
+                            params: dateObj
+                        },
+                        hour: {
+                            field: `${yyyy}_${MM}_${dd}_${HH}`,
+                            title: HH,
+                            params: dateObj
+                        },
+                        minute: {
+                            field: `${yyyy}_${MM}_${dd}_${HH}_${mm}`,
+                            title: mm,
+                            params: dateObj
+                        },
+                        second: {
+                            field: `${yyyy}_${MM}_${dd}_${HH}_${mm}_${ss}`,
+                            title: ss,
+                            params: dateObj
                         }
-                        groupCols.push(groupList, colList);
-                        const $xeTable = internalData.xeTable;
-                        if ($xeTable) {
-                            const startField = computeStartField.value;
-                            const endField = computeEndField.value;
-                            const { computeTreeOpts } = $xeTable.getComputeMaps();
-                            const tableInternalData = $xeTable.internalData;
-                            const { afterFullData, afterTreeFullData } = tableInternalData;
-                            const treeOpts = computeTreeOpts.value;
-                            const { transform } = treeOpts;
-                            const childrenField = treeOpts.children || treeOpts.childrenField;
-                            const ctMaps = {};
-                            const handleParseRender = (row) => {
-                                const rowid = $xeTable.getRowid(row);
-                                const startValue = XEUtils.get(row, startField);
-                                const endValue = XEUtils.get(row, endField);
-                                if (startValue && endValue) {
-                                    const startDate = parseStringDate(startValue);
-                                    const endDate = parseStringDate(endValue);
-                                    const oLeftSize = Math.floor((startDate.getTime() - minViewDate.getTime()) / 86400000);
-                                    const oWidthSize = Math.floor((endDate.getTime() - startDate.getTime()) / 86400000) + 1;
-                                    ctMaps[rowid] = {
-                                        row,
-                                        rowid,
-                                        oLeftSize,
-                                        oWidthSize
-                                    };
-                                }
+                    };
+                    const minCol = colMaps[minSType];
+                    if (minScale.level < 19) {
+                        handleData('year', colMaps, minCol);
+                    }
+                    if (minScale.level < 17) {
+                        handleData('quarter', colMaps, minCol);
+                    }
+                    if (minScale.level < 14) {
+                        handleData('month', colMaps, minCol);
+                    }
+                    if (minScale.level < 13) {
+                        handleData('week', colMaps, minCol);
+                    }
+                    if (minScale.level < 11) {
+                        handleData('day', colMaps, minCol);
+                    }
+                    if (minScale.level < 12) {
+                        handleData('date', colMaps, minCol);
+                    }
+                    if (minScale.level < 7) {
+                        handleData('hour', colMaps, minCol);
+                    }
+                    if (minScale.level < 5) {
+                        handleData('minute', colMaps, minCol);
+                    }
+                    fullCols.push(minCol);
+                }
+                taskScaleList.forEach(scaleItem => {
+                    if (scaleItem.type === minSType) {
+                        groupCols.push({
+                            scaleItem,
+                            columns: fullCols
+                        });
+                        return;
+                    }
+                    const list = renderListMaps[scaleItem.type] || [];
+                    if (list) {
+                        list.forEach(item => {
+                            item.childCount = item.children ? item.children.length : 0;
+                            item.children = undefined;
+                        });
+                    }
+                    groupCols.push({
+                        scaleItem,
+                        columns: list
+                    });
+                });
+                const $xeTable = internalData.xeTable;
+                if ($xeTable) {
+                    const startField = computeStartField.value;
+                    const endField = computeEndField.value;
+                    const { computeTreeOpts } = $xeTable.getComputeMaps();
+                    const tableInternalData = $xeTable.internalData;
+                    const { afterFullData, afterTreeFullData } = tableInternalData;
+                    const treeOpts = computeTreeOpts.value;
+                    const { transform } = treeOpts;
+                    const childrenField = treeOpts.children || treeOpts.childrenField;
+                    const ctMaps = {};
+                    const handleParseRender = (row) => {
+                        const rowid = $xeTable.getRowid(row);
+                        const startValue = XEUtils.get(row, startField);
+                        const endValue = XEUtils.get(row, endField);
+                        if (startValue && endValue) {
+                            const startDate = parseStringDate(startValue);
+                            const endDate = parseStringDate(endValue);
+                            const oLeftSize = Math.floor((startDate.getTime() - minViewDate.getTime()) / gapTime);
+                            const oWidthSize = Math.floor((endDate.getTime() - startDate.getTime()) / gapTime) + 1;
+                            ctMaps[rowid] = {
+                                row,
+                                rowid,
+                                oLeftSize,
+                                oWidthSize
                             };
-                            if (treeConfig) {
-                                XEUtils.eachTree(afterTreeFullData, handleParseRender, { children: transform ? treeOpts.mapChildrenField : childrenField });
-                            }
-                            else {
-                                afterFullData.forEach(handleParseRender);
-                            }
-                            internalData.chartMaps = ctMaps;
                         }
+                    };
+                    if (treeConfig) {
+                        XEUtils.eachTree(afterTreeFullData, handleParseRender, { children: transform ? treeOpts.mapChildrenField : childrenField });
+                    }
+                    else {
+                        afterFullData.forEach(handleParseRender);
                     }
-                    break;
+                    internalData.chartMaps = ctMaps;
                 }
             }
             reactData.tableColumn = fullCols;
@@ -759,11 +903,10 @@ export default defineVxeComponent({
         };
         const renderVN = () => {
             const { overflowX, overflowY, scrollXLoad, scrollYLoad } = reactData;
-            const taskViewOpts = computeTaskViewOpts.value;
             const scrollbarXToTop = computeScrollbarXToTop.value;
             return h('div', {
                 ref: refElem,
-                class: ['vxe-gantt-view', `mode--${taskViewOpts.mode || 'day'}`, {
+                class: ['vxe-gantt-view', {
                         'is--scroll-y': overflowY,
                         'is--scroll-x': overflowX,
                         'is--virtual-x': scrollXLoad,

package/es/gantt/src/gantt.js

@@ -20,9 +20,23 @@ function createInternalData() {
         resizeTableWidth: 0
     };
 }
+const viewTypeLevelMaps = {
+    year: 19,
+    quarter: 17,
+    month: 15,
+    week: 13,
+    day: 11,
+    date: 9,
+    hour: 7,
+    minute: 5,
+    second: 3
+};
+function getViewTypeLevel(type) {
+    return viewTypeLevelMaps[type || 'date'] || viewTypeLevelMaps.date;
+}
 export default defineVxeComponent({
     name: 'VxeGantt',
-    props: Object.assign(Object.assign({}, tableProps), { columns: Array, pagerConfig: Object, proxyConfig: Object, toolbarConfig: Object, formConfig: Object, zoomConfig: Object, layouts: Array, taskConfig: Object, taskViewConfig: Object, taskBarConfig: Object, taskSplitConfig: Object, size: {
+    props: Object.assign(Object.assign({}, tableProps), { columns: Array, pagerConfig: Object, proxyConfig: Object, toolbarConfig: Object, formConfig: Object, zoomConfig: Object, layouts: Array, taskConfig: Object, taskViewScaleConfs: Object, taskViewConfig: Object, taskBarConfig: Object, taskSplitConfig: Object, size: {
             type: String,
             default: () => getConfig().gantt.size || getConfig().size
         } }),
@@ -52,7 +66,8 @@ export default defineVxeComponent({
                 currentPage: 1
             },
             showLeftView: true,
-            showRightView: true
+            showRightView: true,
+            taskScaleList: []
         });
         const internalData = createInternalData();
         const refElem = ref();
@@ -118,6 +133,9 @@ export default defineVxeComponent({
         const computeTaskOpts = computed(() => {
             return Object.assign({}, getConfig().gantt.taskConfig, props.taskConfig);
         });
+        const computeTaskViewScaleMapsOpts = computed(() => {
+            return XEUtils.merge({}, getConfig().gantt.taskViewScaleConfs, props.taskViewScaleConfs);
+        });
         const computeTaskViewOpts = computed(() => {
             return Object.assign({}, getConfig().gantt.taskViewConfig, props.taskViewConfig);
         });
@@ -127,6 +145,11 @@ export default defineVxeComponent({
         const computeTaskSplitOpts = computed(() => {
             return Object.assign({}, getConfig().gantt.taskSplitConfig, props.taskSplitConfig);
         });
+        const computeTaskScaleConfs = computed(() => {
+            const taskViewOpts = computeTaskViewOpts.value;
+            const { scales } = taskViewOpts;
+            return scales;
+        });
         const computeTitleField = computed(() => {
             const taskOpts = computeTaskOpts.value;
             return taskOpts.titleField || 'title';
@@ -321,9 +344,11 @@ export default defineVxeComponent({
             computeToolbarOpts,
             computeZoomOpts,
             computeTaskOpts,
+            computeTaskViewScaleMapsOpts,
             computeTaskViewOpts,
             computeTaskBarOpts,
             computeTaskSplitOpts,
+            computeTaskScaleConfs,
             computeTitleField,
             computeStartField,
             computeEndField,
@@ -341,6 +366,34 @@ export default defineVxeComponent({
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
+        const handleTaskScaleConfig = () => {
+            const taskScaleConfs = computeTaskScaleConfs.value;
+            const taskViewScaleMapsOpts = computeTaskViewScaleMapsOpts.value;
+            const scaleConfs = [];
+            if (taskScaleConfs) {
+                const keyMaps = {};
+                taskScaleConfs.forEach(conf => {
+                    const sConf = !conf || XEUtils.isString(conf) ? { type: conf } : conf;
+                    const { type } = sConf;
+                    if (!type || !viewTypeLevelMaps[type]) {
+                        errLog('vxe.error.errProp', [`type=${type}`, XEUtils.keys(viewTypeLevelMaps).join(',')]);
+                        return;
+                    }
+                    if (keyMaps[type]) {
+                        errLog('vxe.error.repeatProp', ['type', type]);
+                        return;
+                    }
+                    keyMaps[type] = true;
+                    scaleConfs.push(Object.assign({}, type ? taskViewScaleMapsOpts[type] || {} : {}, sConf, {
+                        level: getViewTypeLevel(type)
+                    }));
+                });
+            }
+            if (!scaleConfs.length) {
+                scaleConfs.push({ type: 'month', level: viewTypeLevelMaps.month }, { type: 'date', level: viewTypeLevelMaps.date });
+            }
+            reactData.taskScaleList = XEUtils.orderBy(scaleConfs, { field: 'level', order: 'desc' });
+        };
         const initToolbar = () => {
             const toolbarOpts = computeToolbarOpts.value;
             if (props.toolbarConfig && isEnableConf(toolbarOpts)) {
@@ -1824,6 +1877,9 @@ export default defineVxeComponent({
         watch(() => props.proxyConfig, () => {
             initProxy();
         });
+        watch(computeTaskScaleConfs, () => {
+            handleTaskScaleConfig();
+        });
         hooks.forEach((options) => {
             const { setupGantt } = options;
             if (setupGantt) {
@@ -1833,6 +1889,7 @@ export default defineVxeComponent({
                 }
             }
         });
+        handleTaskScaleConfig();
         initPages();
         onMounted(() => {
             nextTick(() => {

package/es/gantt/src/util.js

@@ -7,6 +7,12 @@ export function getRefElem(refEl) {
     }
     return null;
 }
+export function getCalcHeight(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/style.css

@@ -1 +1 @@
-:root{--vxe-ui-gantt-view-default-cell-width:40px;--vxe-ui-gantt-view-chart-bar-height:1.6em;--vxe-ui-gantt-view-split-bar-width:10px;--vxe-ui-gantt-view-split-bar-height:6.8em;--vxe-ui-gantt-view-table-default-width:30%;--vxe-ui-gantt-view-task-bar-border-radius:calc(var(--vxe-ui-gantt-view-split-bar-height)/2);--vxe-ui-gantt-view-task-bar-background-color:var(--vxe-ui-font-primary-lighten-color);--vxe-ui-gantt-view-task-bar-completed-background-color:var(--vxe-ui-font-primary-color)}[data-vxe-ui-theme=light]{--vxe-ui-gantt-view-handle-background-color:#8b8b8b;--vxe-ui-gantt-view-split-bar-background-color:#e2e2e3}[data-vxe-ui-theme=dark]{--vxe-ui-gantt-view-handle-background-color:#9f9f9f;--vxe-ui-gantt-view-split-bar-background-color:#444}.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,.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,.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;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:transparent;-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:100% 0,100% 100%}.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-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{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:100% 100%}.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: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;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:7;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--layout-wrapper>.vxe-gantt-view--scroll-y-virtual,.vxe-gantt.is--loading>.vxe-gantt-view--scroll-x-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)}
+:root{--vxe-ui-gantt-view-default-cell-width:2.2em;--vxe-ui-gantt-view-chart-bar-height:1.6em;--vxe-ui-gantt-view-split-bar-width:10px;--vxe-ui-gantt-view-split-bar-height:6.8em;--vxe-ui-gantt-view-table-default-width:30%;--vxe-ui-gantt-view-task-bar-border-radius:calc(var(--vxe-ui-gantt-view-split-bar-height)/2);--vxe-ui-gantt-view-task-bar-background-color:var(--vxe-ui-font-primary-lighten-color);--vxe-ui-gantt-view-task-bar-completed-background-color:var(--vxe-ui-font-primary-color)}[data-vxe-ui-theme=light]{--vxe-ui-gantt-view-handle-background-color:#8b8b8b;--vxe-ui-gantt-view-split-bar-background-color:#e2e2e3}[data-vxe-ui-theme=dark]{--vxe-ui-gantt-view-handle-background-color:#9f9f9f;--vxe-ui-gantt-view-split-bar-background-color:#444}.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,.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,.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;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:transparent;-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:100% 0,100% 100%}.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-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{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:100% 100%}.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: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;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:7;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--layout-wrapper>.vxe-gantt-view--scroll-y-virtual,.vxe-gantt.is--loading>.vxe-gantt-view--scroll-x-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)}