vxe-gantt 4.6.10 → 4.7.1

package/dist/all.esm.js

@@ -6,7 +6,7 @@ import DomZIndex from 'dom-zindex';
 import { VxeTable } from 'vxe-table';
 
 const { setConfig: setConfig$1, setIcon } = VxeUI;
-VxeUI.ganttVersion = "4.6.10";
+VxeUI.ganttVersion = "4.7.1";
 const ymdFormat = 'yyyy-MM-dd';
 const ymdhmsFormat = 'yyyy-MM-dd HH:mm:ss';
 setConfig$1({
@@ -115,7 +115,7 @@ setIcon({
 });
 
 const { log } = VxeUI;
-const ganttVersion = `gantt v${"4.6.10"}`;
+const ganttVersion = `gantt v${"4.7.1"}`;
 function createComponentLog(name) {
     const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
@@ -183,7 +183,13 @@ function getClsRE(cls) {
     return reClsMap[cls];
 }
 function hasClass(elem, cls) {
-    return !!(elem && elem.className && elem.className.match && elem.className.match(getClsRE(cls)));
+    if (elem) {
+        if (elem.classList) {
+            return elem.classList.contains(cls);
+        }
+        return !!(elem.className && elem.className.match && elem.className.match(getClsRE(cls)));
+    }
+    return false;
 }
 function removeClass(elem, cls) {
     if (elem && hasClass(elem, cls)) {
@@ -628,17 +634,7 @@ var GanttViewChartComponent = defineVxeComponent({
             const taskBarSubviewOpts = computeTaskBarSubviewOpts.value;
             const { showOverview, barStyle: subBarStyle } = taskBarSubviewOpts;
             const scaleUnit = computeScaleUnit.value;
-            const barParams = { $gantt: $xeGantt, row, scaleType: scaleUnit };
-            const { showProgress, showContent, contentMethod, barStyle, moveable, showTooltip } = taskBarOpts;
-            const isBarRowStyle = XEUtils.isFunction(barStyle);
-            const barStyObj = (barStyle ? (isBarRowStyle ? barStyle(barParams) || undefined : barStyle) : {}) || {};
-            const { round } = barStyObj;
-            const rowRest = fullAllDataRowIdData[rowid] || {};
-            const cellHeight = resizeHeightFlag ? getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) : 0;
-            let title = getStringValue(XEUtils.get(row, titleField));
-            const progressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(row, progressField)))) : 0;
-            const renderTaskType = getTaskType(XEUtils.get(row, typeField));
-            const ctParams = {
+            const barParams = {
                 $gantt: $xeGantt,
                 source: sourceType$3,
                 type: viewType$2,
@@ -648,19 +644,35 @@ var GanttViewChartComponent = defineVxeComponent({
                 rowIndex,
                 _rowIndex
             };
+            const { showProgress, showContent, contentMethod, barStyle, moveable, showTooltip } = taskBarOpts;
+            const isBarRowStyle = XEUtils.isFunction(barStyle);
+            const barStyObj = (barStyle ? (isBarRowStyle ? barStyle(barParams) || undefined : barStyle) : {}) || {};
+            const barRound = barStyObj.round;
+            const barBgColor = barStyObj.bgColor;
+            const barCompletedBgColor = barStyObj.completedBgColor;
+            const barHtmlStyle = barStyObj.style;
+            const rowRest = fullAllDataRowIdData[rowid] || {};
+            const cellHeight = resizeHeightFlag ? getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) : 0;
+            let title = getStringValue(XEUtils.get(row, titleField));
+            const progressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(row, progressField)))) : 0;
+            const renderTaskType = getTaskType(XEUtils.get(row, typeField));
+            const isMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(renderTaskType));
+            const ctParams = Object.assign({}, barParams);
             const vbStyle = {};
             const vpStyle = {
                 width: `${progressValue || 0}%`
             };
-            if (isBarRowStyle) {
-                const { bgColor, completedBgColor } = barStyObj;
-                if (bgColor) {
-                    vbStyle.backgroundColor = XEUtils.isFunction(bgColor) ? bgColor(ctParams) : bgColor;
+            if (!isMilestone) {
+                if (barBgColor) {
+                    vbStyle.backgroundColor = barBgColor;
                 }
-                if (completedBgColor) {
-                    vpStyle.backgroundColor = completedBgColor;
+                if (barCompletedBgColor) {
+                    vpStyle.backgroundColor = barCompletedBgColor;
                 }
             }
+            if (barHtmlStyle) {
+                XEUtils.assign(vbStyle, barHtmlStyle);
+            }
             let cbVNs = [];
             if ($xeGantt.renderGanttTaskBarContent) {
                 cbVNs = $xeGantt.renderGanttTaskBarContent(ctParams, {
@@ -670,7 +682,6 @@ var GanttViewChartComponent = defineVxeComponent({
                 });
             }
             else {
-                const isMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(renderTaskType));
                 const isSubview = !!(hasEnableConf(taskBarSubviewConfig, taskBarSubviewOpts) && hasSubviewTask(renderTaskType));
                 if (contentMethod) {
                     title = getStringValue(contentMethod({ row, title, scaleType: scaleUnit }));
@@ -706,7 +717,7 @@ var GanttViewChartComponent = defineVxeComponent({
                                     rowid: rowid,
                                     class: ['vxe-gantt-view--chart-subview-row', {
                                             'is--progress': showProgress,
-                                            'is--round': round,
+                                            'is--round': barRound,
                                             'is--move': moveable
                                         }]
                                 }, [
@@ -736,32 +747,51 @@ var GanttViewChartComponent = defineVxeComponent({
                     else {
                         const cbcVNs = [];
                         XEUtils.eachTree(rowChildren, childRow => {
-                            const childBarParams = { $gantt: $xeGantt, row: childRow, scaleType: scaleUnit };
-                            const childBarStyObj = (barStyle ? (isBarRowStyle ? barStyle(childBarParams) : barStyle) : {}) || {};
-                            const { round } = childBarStyObj;
+                            const childBarParams = {
+                                $gantt: $xeGantt,
+                                source: sourceType$3,
+                                type: viewType$2,
+                                scaleType: scaleUnit,
+                                row: childRow,
+                                $rowIndex: $xeTable.getRowIndex(childRow),
+                                rowIndex: $xeTable.getVMRowIndex(childRow),
+                                _rowIndex: $xeTable.getVTRowIndex(childRow)
+                            };
+                            const childBarStyObj = XEUtils.assign({}, (barStyle ? (XEUtils.isFunction(barStyle) ? barStyle(childBarParams) : barStyle) : {}) || {}, (subBarStyle ? (XEUtils.isFunction(subBarStyle) ? subBarStyle(childBarParams) : subBarStyle) : {}) || {});
+                            const childRound = childBarStyObj.round;
+                            const childBgColor = childBarStyObj.bgColor;
+                            const childCompletedBgColor = childBarStyObj.completedBgColor;
+                            const childBarHtmlStyle = childBarStyObj.style;
                             const childRowid = $xeTable.getRowid(childRow);
                             let childTitle = getStringValue(XEUtils.get(childRow, titleField));
                             const childProgressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(childRow, progressField)))) : 0;
                             const childRenderTaskType = getTaskType(XEUtils.get(childRow, typeField));
+                            const isChildMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(childRenderTaskType));
                             const isChildSubview = !!(hasEnableConf(taskBarSubviewConfig, taskBarSubviewOpts) && hasSubviewTask(childRenderTaskType));
                             if (isChildSubview) {
                                 return;
                             }
+                            const childVbStyle = {};
                             const childVpStyle = {
                                 width: `${childProgressValue || 0}%`
                             };
-                            if (isBarRowStyle) {
-                                const { bgColor, completedBgColor } = childBarStyObj;
-                                if (completedBgColor) {
-                                    childVpStyle.backgroundColor = completedBgColor;
+                            if (!isChildMilestone) {
+                                if (childBgColor) {
+                                    childVbStyle.backgroundColor = childBgColor;
+                                }
+                                if (childCompletedBgColor) {
+                                    childVpStyle.backgroundColor = childCompletedBgColor;
                                 }
                             }
-                            const childCtParams = XEUtils.assign({}, ctParams, {
-                                row: childRow,
-                                rowIndex: $xeTable.getRowIndex(childRow),
-                                $rowIndex: $xeTable.getVMRowIndex(childRow),
-                                _rowIndex: $xeTable.getVTRowIndex(childRow)
-                            });
+                            //  已废弃
+                            if (childBarStyObj.top) {
+                                childVbStyle.top = childBarStyObj.top;
+                            }
+                            //  已废弃
+                            if (childBarHtmlStyle) {
+                                XEUtils.assign(childVbStyle, childBarHtmlStyle);
+                            }
+                            const childCtParams = Object.assign({}, childBarParams);
                             if (contentMethod) {
                                 childTitle = getStringValue(contentMethod({ row: childRow, title: childTitle, scaleType: scaleUnit }));
                             }
@@ -770,7 +800,7 @@ var GanttViewChartComponent = defineVxeComponent({
                                 rowid: childRowid,
                                 class: ['vxe-gantt-view--chart-subview-row', `is--${childRenderTaskType}`, {
                                         'is--progress': showProgress,
-                                        'is--round': round,
+                                        'is--round': childRound,
                                         'is--move': moveable,
                                         'row--pending': !!pendingRowFlag && !!pendingRowMaps[childRowid]
                                     }]
@@ -778,7 +808,7 @@ var GanttViewChartComponent = defineVxeComponent({
                                 h('div', {
                                     rowid: childRowid,
                                     class: [taskBarSlot ? 'vxe-gantt-view--chart-subview-custom-bar' : 'vxe-gantt-view--chart-subview-bar', `is--${childRenderTaskType}`],
-                                    style: subBarStyle ? (XEUtils.isFunction(subBarStyle) ? subBarStyle(childCtParams) : subBarStyle) : undefined,
+                                    style: childVbStyle,
                                     onClick(evnt) {
                                         evnt.stopPropagation();
                                         $xeGantt.handleTaskBarClickEvent(evnt, childCtParams);
@@ -864,7 +894,7 @@ var GanttViewChartComponent = defineVxeComponent({
                 class: ['vxe-gantt-view--chart-row', `is--${renderTaskType}`, {
                         'is--progress': showProgress,
                         'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid],
-                        'is--round': round,
+                        'is--round': barRound,
                         'is--move': moveable
                     }],
                 style: {
@@ -2577,7 +2607,7 @@ var GanttViewComponent = defineVxeComponent({
             reactData.scrollXWidth = viewTableWidth;
             return Promise.all([
                 updateTaskChartStyle(),
-                $xeGantt.handleUpdateTaskLinkStyle ? $xeGantt.handleUpdateTaskLinkStyle($xeGanttView) : null
+                $xeGantt.handleUpTaskLinkStyle ? $xeGantt.handleUpTaskLinkStyle($xeGanttView) : null
             ]);
         };
         const handleRecalculateStyle = () => {
@@ -3589,7 +3619,7 @@ var VxeGanttComponent = defineVxeComponent({
                 stys['--vxe-ui-gantt-view-task-now-line-background-color'] = nlbgColor;
             }
             if (nlWidth) {
-                stys['--vxe-ui-gantt-view-task-now-line-width'] = nlWidth;
+                stys['--vxe-ui-gantt-view-task-now-line-width'] = toCssUnit(nlWidth);
             }
             if (viewStyle) {
                 const { cellWidth } = viewStyle;
@@ -5793,8 +5823,8 @@ var VxeGanttComponent = defineVxeComponent({
             $xeGantt.refreshTaskView();
         });
         watch(computeTaskLinkStyle, () => {
-            if ($xeGantt.handleUpdateTaskLinkData) {
-                $xeGantt.handleUpdateTaskLinkData();
+            if ($xeGantt.handleUpTaskLinkData) {
+                $xeGantt.handleUpTaskLinkData();
             }
         });
         hooks.forEach((options) => {
@@ -5814,7 +5844,17 @@ var VxeGanttComponent = defineVxeComponent({
         handleTaskScaleConfig();
         initPages();
         onMounted(() => {
-            if (!$xeGantt.handleUpdateTaskLinkData) {
+            const taskBarSubviewOpts = computeTaskBarSubviewOpts.value;
+            const { barStyle } = taskBarSubviewOpts;
+            if (barStyle) {
+                if (barStyle.top) {
+                    warnLog('vxe.error.delProp', ['task-bar-subview-config.barStyle.top', 'task-bar-subview-config.barStyle.style.top']);
+                }
+                if (barStyle.backgroundColor) {
+                    warnLog('vxe.error.delProp', ['task-bar-subview-config.barStyle.backgroundColor', 'task-bar-subview-config.barStyle.style.backgroundColor']);
+                }
+            }
+            if (!$xeGantt.handleUpTaskLinkData) {
                 if (props.links) {
                     warnLog('vxe.error.notProp', ['links']);
                 }

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

@@ -46,17 +46,7 @@ export default defineVxeComponent({
             const taskBarSubviewOpts = computeTaskBarSubviewOpts.value;
             const { showOverview, barStyle: subBarStyle } = taskBarSubviewOpts;
             const scaleUnit = computeScaleUnit.value;
-            const barParams = { $gantt: $xeGantt, row, scaleType: scaleUnit };
-            const { showProgress, showContent, contentMethod, barStyle, moveable, showTooltip } = taskBarOpts;
-            const isBarRowStyle = XEUtils.isFunction(barStyle);
-            const barStyObj = (barStyle ? (isBarRowStyle ? barStyle(barParams) || undefined : barStyle) : {}) || {};
-            const { round } = barStyObj;
-            const rowRest = fullAllDataRowIdData[rowid] || {};
-            const cellHeight = resizeHeightFlag ? getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) : 0;
-            let title = getStringValue(XEUtils.get(row, titleField));
-            const progressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(row, progressField)))) : 0;
-            const renderTaskType = getTaskType(XEUtils.get(row, typeField));
-            const ctParams = {
+            const barParams = {
                 $gantt: $xeGantt,
                 source: sourceType,
                 type: viewType,
@@ -66,19 +56,35 @@ export default defineVxeComponent({
                 rowIndex,
                 _rowIndex
             };
+            const { showProgress, showContent, contentMethod, barStyle, moveable, showTooltip } = taskBarOpts;
+            const isBarRowStyle = XEUtils.isFunction(barStyle);
+            const barStyObj = (barStyle ? (isBarRowStyle ? barStyle(barParams) || undefined : barStyle) : {}) || {};
+            const barRound = barStyObj.round;
+            const barBgColor = barStyObj.bgColor;
+            const barCompletedBgColor = barStyObj.completedBgColor;
+            const barHtmlStyle = barStyObj.style;
+            const rowRest = fullAllDataRowIdData[rowid] || {};
+            const cellHeight = resizeHeightFlag ? getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) : 0;
+            let title = getStringValue(XEUtils.get(row, titleField));
+            const progressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(row, progressField)))) : 0;
+            const renderTaskType = getTaskType(XEUtils.get(row, typeField));
+            const isMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(renderTaskType));
+            const ctParams = Object.assign({}, barParams);
             const vbStyle = {};
             const vpStyle = {
                 width: `${progressValue || 0}%`
             };
-            if (isBarRowStyle) {
-                const { bgColor, completedBgColor } = barStyObj;
-                if (bgColor) {
-                    vbStyle.backgroundColor = XEUtils.isFunction(bgColor) ? bgColor(ctParams) : bgColor;
+            if (!isMilestone) {
+                if (barBgColor) {
+                    vbStyle.backgroundColor = barBgColor;
                 }
-                if (completedBgColor) {
-                    vpStyle.backgroundColor = completedBgColor;
+                if (barCompletedBgColor) {
+                    vpStyle.backgroundColor = barCompletedBgColor;
                 }
             }
+            if (barHtmlStyle) {
+                XEUtils.assign(vbStyle, barHtmlStyle);
+            }
             let cbVNs = [];
             if ($xeGantt.renderGanttTaskBarContent) {
                 cbVNs = $xeGantt.renderGanttTaskBarContent(ctParams, {
@@ -88,7 +94,6 @@ export default defineVxeComponent({
                 });
             }
             else {
-                const isMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(renderTaskType));
                 const isSubview = !!(hasEnableConf(taskBarSubviewConfig, taskBarSubviewOpts) && hasSubviewTask(renderTaskType));
                 if (contentMethod) {
                     title = getStringValue(contentMethod({ row, title, scaleType: scaleUnit }));
@@ -124,7 +129,7 @@ export default defineVxeComponent({
                                     rowid: rowid,
                                     class: ['vxe-gantt-view--chart-subview-row', {
                                             'is--progress': showProgress,
-                                            'is--round': round,
+                                            'is--round': barRound,
                                             'is--move': moveable
                                         }]
                                 }, [
@@ -154,13 +159,26 @@ export default defineVxeComponent({
                     else {
                         const cbcVNs = [];
                         XEUtils.eachTree(rowChildren, childRow => {
-                            const childBarParams = { $gantt: $xeGantt, row: childRow, scaleType: scaleUnit };
-                            const childBarStyObj = (barStyle ? (isBarRowStyle ? barStyle(childBarParams) : barStyle) : {}) || {};
-                            const { round } = childBarStyObj;
+                            const childBarParams = {
+                                $gantt: $xeGantt,
+                                source: sourceType,
+                                type: viewType,
+                                scaleType: scaleUnit,
+                                row: childRow,
+                                $rowIndex: $xeTable.getRowIndex(childRow),
+                                rowIndex: $xeTable.getVMRowIndex(childRow),
+                                _rowIndex: $xeTable.getVTRowIndex(childRow)
+                            };
+                            const childBarStyObj = XEUtils.assign({}, (barStyle ? (XEUtils.isFunction(barStyle) ? barStyle(childBarParams) : barStyle) : {}) || {}, (subBarStyle ? (XEUtils.isFunction(subBarStyle) ? subBarStyle(childBarParams) : subBarStyle) : {}) || {});
+                            const childRound = childBarStyObj.round;
+                            const childBgColor = childBarStyObj.bgColor;
+                            const childCompletedBgColor = childBarStyObj.completedBgColor;
+                            const childBarHtmlStyle = childBarStyObj.style;
                             const childRowid = $xeTable.getRowid(childRow);
                             let childTitle = getStringValue(XEUtils.get(childRow, titleField));
                             const childProgressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(childRow, progressField)))) : 0;
                             const childRenderTaskType = getTaskType(XEUtils.get(childRow, typeField));
+                            const isChildMilestone = !!(hasEnableConf(taskBarMilestoneConfig, taskBarMilestoneOpts) && hasMilestoneTask(childRenderTaskType));
                             const isChildSubview = !!(hasEnableConf(taskBarSubviewConfig, taskBarSubviewOpts) && hasSubviewTask(childRenderTaskType));
                             if (isChildSubview) {
                                 return;
@@ -169,21 +187,23 @@ export default defineVxeComponent({
                             const childVpStyle = {
                                 width: `${childProgressValue || 0}%`
                             };
-                            if (isBarRowStyle) {
-                                const { bgColor, completedBgColor } = childBarStyObj;
-                                if (bgColor) {
-                                    childVbStyle.backgroundColor = bgColor;
+                            if (!isChildMilestone) {
+                                if (childBgColor) {
+                                    childVbStyle.backgroundColor = childBgColor;
                                 }
-                                if (completedBgColor) {
-                                    childVpStyle.backgroundColor = completedBgColor;
+                                if (childCompletedBgColor) {
+                                    childVpStyle.backgroundColor = childCompletedBgColor;
                                 }
                             }
-                            const childCtParams = XEUtils.assign({}, ctParams, {
-                                row: childRow,
-                                rowIndex: $xeTable.getRowIndex(childRow),
-                                $rowIndex: $xeTable.getVMRowIndex(childRow),
-                                _rowIndex: $xeTable.getVTRowIndex(childRow)
-                            });
+                            //  已废弃
+                            if (childBarStyObj.top) {
+                                childVbStyle.top = childBarStyObj.top;
+                            }
+                            //  已废弃
+                            if (childBarHtmlStyle) {
+                                XEUtils.assign(childVbStyle, childBarHtmlStyle);
+                            }
+                            const childCtParams = Object.assign({}, childBarParams);
                             if (contentMethod) {
                                 childTitle = getStringValue(contentMethod({ row: childRow, title: childTitle, scaleType: scaleUnit }));
                             }
@@ -192,7 +212,7 @@ export default defineVxeComponent({
                                 rowid: childRowid,
                                 class: ['vxe-gantt-view--chart-subview-row', `is--${childRenderTaskType}`, {
                                         'is--progress': showProgress,
-                                        'is--round': round,
+                                        'is--round': childRound,
                                         'is--move': moveable,
                                         'row--pending': !!pendingRowFlag && !!pendingRowMaps[childRowid]
                                     }]
@@ -200,7 +220,7 @@ export default defineVxeComponent({
                                 h('div', {
                                     rowid: childRowid,
                                     class: [taskBarSlot ? 'vxe-gantt-view--chart-subview-custom-bar' : 'vxe-gantt-view--chart-subview-bar', `is--${childRenderTaskType}`],
-                                    style: subBarStyle ? (XEUtils.isFunction(subBarStyle) ? subBarStyle(childCtParams) : subBarStyle) : undefined,
+                                    style: childVbStyle,
                                     onClick(evnt) {
                                         evnt.stopPropagation();
                                         $xeGantt.handleTaskBarClickEvent(evnt, childCtParams);
@@ -286,7 +306,7 @@ export default defineVxeComponent({
                 class: ['vxe-gantt-view--chart-row', `is--${renderTaskType}`, {
                         'is--progress': showProgress,
                         'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid],
-                        'is--round': round,
+                        'is--round': barRound,
                         'is--move': moveable
                     }],
                 style: {

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

@@ -1281,7 +1281,7 @@ export default defineVxeComponent({
             reactData.scrollXWidth = viewTableWidth;
             return Promise.all([
                 updateTaskChartStyle(),
-                $xeGantt.handleUpdateTaskLinkStyle ? $xeGantt.handleUpdateTaskLinkStyle($xeGanttView) : null
+                $xeGantt.handleUpTaskLinkStyle ? $xeGantt.handleUpTaskLinkStyle($xeGanttView) : null
             ]);
         };
         const handleRecalculateStyle = () => {

package/es/gantt/src/gantt.js

@@ -320,7 +320,7 @@ export default defineVxeComponent({
                 stys['--vxe-ui-gantt-view-task-now-line-background-color'] = nlbgColor;
             }
             if (nlWidth) {
-                stys['--vxe-ui-gantt-view-task-now-line-width'] = nlWidth;
+                stys['--vxe-ui-gantt-view-task-now-line-width'] = toCssUnit(nlWidth);
             }
             if (viewStyle) {
                 const { cellWidth } = viewStyle;
@@ -2524,8 +2524,8 @@ export default defineVxeComponent({
             $xeGantt.refreshTaskView();
         });
         watch(computeTaskLinkStyle, () => {
-            if ($xeGantt.handleUpdateTaskLinkData) {
-                $xeGantt.handleUpdateTaskLinkData();
+            if ($xeGantt.handleUpTaskLinkData) {
+                $xeGantt.handleUpTaskLinkData();
             }
         });
         hooks.forEach((options) => {
@@ -2545,7 +2545,17 @@ export default defineVxeComponent({
         handleTaskScaleConfig();
         initPages();
         onMounted(() => {
-            if (!$xeGantt.handleUpdateTaskLinkData) {
+            const taskBarSubviewOpts = computeTaskBarSubviewOpts.value;
+            const { barStyle } = taskBarSubviewOpts;
+            if (barStyle) {
+                if (barStyle.top) {
+                    warnLog('vxe.error.delProp', ['task-bar-subview-config.barStyle.top', 'task-bar-subview-config.barStyle.style.top']);
+                }
+                if (barStyle.backgroundColor) {
+                    warnLog('vxe.error.delProp', ['task-bar-subview-config.barStyle.backgroundColor', 'task-bar-subview-config.barStyle.style.backgroundColor']);
+                }
+            }
+            if (!$xeGantt.handleUpTaskLinkData) {
                 if (props.links) {
                     warnLog('vxe.error.notProp', ['links']);
                 }

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 const { setConfig, setIcon } = VxeUI;
-VxeUI.ganttVersion = "4.6.10";
+VxeUI.ganttVersion = "4.7.1";
 const ymdFormat = 'yyyy-MM-dd';
 const ymdhmsFormat = 'yyyy-MM-dd HH:mm:ss';
 setConfig({

package/es/ui/src/dom.js

@@ -45,7 +45,13 @@ export function isScale(val) {
     return val && /^\d+(\.\d+)?%$/.test(val);
 }
 export function hasClass(elem, cls) {
-    return !!(elem && elem.className && elem.className.match && elem.className.match(getClsRE(cls)));
+    if (elem) {
+        if (elem.classList) {
+            return elem.classList.contains(cls);
+        }
+        return !!(elem.className && elem.className.match && elem.className.match(getClsRE(cls)));
+    }
+    return false;
 }
 export function removeClass(elem, cls) {
     if (elem && hasClass(elem, cls)) {

package/es/ui/src/log.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const ganttVersion = `gantt v${"4.6.10"}`;
+const ganttVersion = `gantt v${"4.7.1"}`;
 export function createComponentLog(name) {
     const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';

package/es/ui/src/utils.js

@@ -23,6 +23,12 @@ export function nextZIndex() {
 export function getLastZIndex() {
     return DomZIndex.getCurrent();
 }
+export function getGlobalDefaultConfig(value, globalValue) {
+    if (XEUtils.eqNull(value)) {
+        return globalValue;
+    }
+    return value;
+}
 export function hasChildrenList(item) {
     return item && item.children && item.children.length > 0;
 }