vxe-gantt 4.4.10 → 4.5.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.4.10";
+VxeUI.ganttVersion = "4.5.1";
 const ymdFormat = 'yyyy-MM-dd';
 const ymdhmsFormat = 'yyyy-MM-dd HH:mm:ss';
 setConfig$1({
@@ -114,7 +114,7 @@ setIcon({
 });
 
 const { log } = VxeUI;
-const ganttVersion = `gantt v${"4.4.10"}`;
+const ganttVersion = `gantt v${"4.5.1"}`;
 function createComponentLog(name) {
     const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
@@ -257,7 +257,7 @@ const tableEmits = [
     'columns-change',
     'data-change',
     'footer-data-change',
-    'current-change',
+    'current-change', // 已废弃
     'current-row-change',
     'current-row-disabled',
     'current-column-change',
@@ -291,7 +291,7 @@ const tableEmits = [
     'filter-visible',
     'clear-filter',
     'clear-all-filter',
-    'resizable-change',
+    'resizable-change', // 废弃
     'column-resizable-change',
     'row-resizable-change',
     'toggle-row-group-expand',
@@ -309,7 +309,7 @@ const tableEmits = [
     'column-dragend',
     'enter-append-row',
     'tab-append-row',
-    'edit-actived',
+    'edit-actived', // 废弃
     'edit-activated',
     'edit-disabled',
     'valid-error',
@@ -320,7 +320,7 @@ const tableEmits = [
     'custom-visible-all',
     'custom-fixed-change',
     'custom-sort-change',
-    'change-fnr',
+    'change-fnr', // 废弃
     'open-fnr',
     'show-fnr',
     'hide-fnr',
@@ -1278,8 +1278,10 @@ var GanttViewFooterComponent = defineVxeComponent({
 
 const { globalEvents: globalEvents$1 } = VxeUI;
 const sourceType = 'gantt';
+const secondMs = 1000;
 const minuteMs = 1000 * 60;
-const dayMs = minuteMs * 60 * 24;
+const hourMs = 1000 * 60 * 60;
+const dayMs = hourMs * 24;
 function createInternalData$1() {
     return {
         xeTable: null,
@@ -1344,7 +1346,7 @@ var GanttViewComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const $xeGantt = inject('$xeGantt', {});
         const { reactData: ganttReactData, internalData: ganttInternalData } = $xeGantt;
-        const { computeTaskOpts, computeTaskViewOpts, computeStartField, computeEndField, computeTypeField, computeScrollbarOpts, computeScrollbarXToTop, computeScrollbarYToLeft, computeScaleUnit, computeWeekScale, computeMinScale, computeTaskNowLineOpts } = $xeGantt.getComputeMaps();
+        const { computeDateFormat, computeTaskViewOpts, computeStartField, computeEndField, computeTypeField, computeScrollbarOpts, computeScrollbarXToTop, computeScrollbarYToLeft, computeScaleUnit, computeWeekScale, computeMinScale, computeTaskNowLineOpts } = $xeGantt.getComputeMaps();
         const refElem = ref();
         const refScrollXVirtualElem = ref();
         const refScrollYVirtualElem = ref();
@@ -1503,9 +1505,8 @@ var GanttViewComponent = defineVxeComponent({
             getComputeMaps: () => computeMaps
         };
         const parseStringDate = (dateValue) => {
-            const taskOpts = computeTaskOpts.value;
-            const { dateFormat } = taskOpts;
-            return XEUtils.toStringDate(dateValue, dateFormat || null);
+            const dateFormat = computeDateFormat.value;
+            return XEUtils.toStringDate(dateValue, dateFormat);
         };
         const updateTodayData = () => {
             const ganttReactData = $xeGantt.reactData;
@@ -1733,195 +1734,270 @@ var GanttViewComponent = defineVxeComponent({
             };
         };
         const createChartRender = (fullCols) => {
-            const { minViewDate } = reactData;
             const minScale = computeMinScale.value;
             const scaleUnit = computeScaleUnit.value;
             const weekScale = computeWeekScale.value;
+            const dateFormat = computeDateFormat.value;
             if (minScale) {
                 switch (scaleUnit) {
                     case 'year': {
+                        const showActualProgress = /M|d|H|mm|ss|S/.test(dateFormat);
+                        const renderFormat = 'yyyy';
                         const indexMaps = {};
                         fullCols.forEach(({ dateObj }, i) => {
                             const yyyyMM = XEUtils.toDateString(dateObj.date, 'yyyy');
                             indexMaps[yyyyMM] = i;
                         });
                         return (startValue, endValue) => {
-                            const startDate = parseStringDate(startValue);
-                            const endDate = parseStringDate(endValue);
-                            const startStr = XEUtils.toDateString(startDate, 'yyyy');
-                            const startFirstDate = XEUtils.getWhatYear(startDate, 0, 'first');
-                            const endStr = XEUtils.toDateString(endDate, 'yyyy');
+                            const startValDate = parseStringDate(startValue);
+                            const endValDate = parseStringDate(endValue);
+                            const startStr = XEUtils.toDateString(startValDate, renderFormat);
+                            const startDate = showActualProgress ? startValDate : XEUtils.getWhatYear(startValDate, 0, 'first');
+                            const startFirstDate = XEUtils.getWhatYear(startValDate, 0, 'first');
+                            const endStr = XEUtils.toDateString(endValDate, renderFormat);
+                            const endDate = showActualProgress ? endValDate : XEUtils.getWhatYear(endValDate, 0, 'last');
                             const endFirstDate = XEUtils.getWhatYear(endDate, 0, 'first');
-                            const dateSize = Math.floor((XEUtils.getWhatYear(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / dayMs);
-                            const subtract = (startDate.getTime() - startFirstDate.getTime()) / dayMs / dateSize;
-                            const addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / dayMs + 1) / dateSize;
-                            const offsetLeftSize = (indexMaps[startStr] || 0) + subtract;
+                            // 当前是年维度，当指定解析格式精确到天时，显示实际进度
+                            let startSubtractSize = 0;
+                            let endSubtractSize = 1;
+                            if (showActualProgress) {
+                                // 按年的天数比计算
+                                const syDaySize = XEUtils.getDayOfYear(startDate, 0);
+                                startSubtractSize = (startDate.getTime() - startFirstDate.getTime()) / dayMs / syDaySize;
+                                const eyDaySize = XEUtils.getDayOfYear(endDate, 0);
+                                endSubtractSize = (endDate.getTime() - endFirstDate.getTime()) / dayMs / eyDaySize;
+                            }
+                            const offsetLeftSize = (indexMaps[startStr] || 0) + startSubtractSize;
                             return {
                                 offsetLeftSize,
-                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + addSize
+                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + endSubtractSize
                             };
                         };
                     }
                     case 'quarter': {
+                        const showActualProgress = /M|d|H|mm|ss|S/.test(dateFormat);
+                        const renderFormat = 'yyyy-q';
                         const indexMaps = {};
                         fullCols.forEach(({ dateObj }, i) => {
-                            const q = XEUtils.toDateString(dateObj.date, 'yyyy-q');
+                            const q = XEUtils.toDateString(dateObj.date, renderFormat);
                             indexMaps[q] = i;
                         });
                         return (startValue, endValue) => {
-                            const startDate = parseStringDate(startValue);
-                            const endDate = parseStringDate(endValue);
-                            const startStr = XEUtils.toDateString(startDate, 'yyyy-q');
-                            const startFirstDate = XEUtils.getWhatQuarter(startDate, 0, 'first');
-                            const endStr = XEUtils.toDateString(endDate, 'yyyy-q');
+                            const startValDate = parseStringDate(startValue);
+                            const endValDate = parseStringDate(endValue);
+                            const startStr = XEUtils.toDateString(startValDate, renderFormat);
+                            const startDate = showActualProgress ? startValDate : XEUtils.getWhatQuarter(startValDate, 0, 'first');
+                            const startFirstDate = XEUtils.getWhatQuarter(startValDate, 0, 'first');
+                            const endStr = XEUtils.toDateString(endValDate, renderFormat);
+                            const endDate = showActualProgress ? endValDate : XEUtils.getWhatQuarter(endValDate, 0, 'last');
                             const endFirstDate = XEUtils.getWhatQuarter(endDate, 0, 'first');
-                            const dateSize = Math.floor((XEUtils.getWhatQuarter(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / dayMs);
-                            const subtract = (startDate.getTime() - startFirstDate.getTime()) / dayMs / dateSize;
-                            const addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / dayMs + 1) / dateSize;
-                            const offsetLeftSize = (indexMaps[startStr] || 0) + subtract;
+                            // 当前是季度维度，当指定解析格式精确到天时，显示实际进度
+                            let startSubtractSize = 0;
+                            let endSubtractSize = 1;
+                            if (showActualProgress) {
+                                // 按季度天数比计算
+                                const sqDaySize = XEUtils.getDayOfQuarter(startDate, 0);
+                                startSubtractSize = (startDate.getTime() - startFirstDate.getTime()) / dayMs / sqDaySize;
+                                const eqDaySize = XEUtils.getDayOfQuarter(endDate, 0);
+                                endSubtractSize = (endDate.getTime() - endFirstDate.getTime()) / dayMs / eqDaySize;
+                            }
+                            const offsetLeftSize = (indexMaps[startStr] || 0) + startSubtractSize;
                             return {
                                 offsetLeftSize,
-                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + addSize
+                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + endSubtractSize
                             };
                         };
                     }
                     case 'month': {
+                        const renderFormat = 'yyyy-MM';
+                        const showActualProgress = /d|H|mm|ss|S/.test(dateFormat);
                         const indexMaps = {};
                         fullCols.forEach(({ dateObj }, i) => {
-                            const yyyyMM = XEUtils.toDateString(dateObj.date, 'yyyy-MM');
+                            const yyyyMM = XEUtils.toDateString(dateObj.date, renderFormat);
                             indexMaps[yyyyMM] = i;
                         });
                         return (startValue, endValue) => {
-                            const startDate = parseStringDate(startValue);
-                            const endDate = parseStringDate(endValue);
-                            const startStr = XEUtils.toDateString(startDate, 'yyyy-MM');
-                            const startFirstDate = XEUtils.getWhatMonth(startDate, 0, 'first');
-                            const endStr = XEUtils.toDateString(endDate, 'yyyy-MM');
+                            const startValDate = parseStringDate(startValue);
+                            const endValDate = parseStringDate(endValue);
+                            const startStr = XEUtils.toDateString(startValDate, renderFormat);
+                            const startDate = showActualProgress ? startValDate : XEUtils.getWhatMonth(startValDate, 0, 'first');
+                            const startFirstDate = XEUtils.getWhatMonth(startValDate, 0, 'first');
+                            const endStr = XEUtils.toDateString(endValDate, renderFormat);
+                            const endDate = showActualProgress ? endValDate : XEUtils.getWhatMonth(endValDate, 0, 'last');
                             const endFirstDate = XEUtils.getWhatMonth(endDate, 0, 'first');
-                            const dateSize = Math.floor((XEUtils.getWhatMonth(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / dayMs);
-                            const subtract = (startDate.getTime() - startFirstDate.getTime()) / dayMs / dateSize;
-                            const addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / dayMs + 1) / dateSize;
-                            const offsetLeftSize = (indexMaps[startStr] || 0) + subtract;
+                            // 当前是月维度，当指定解析格式精确到天时，显示实际进度
+                            let startSubtractSize = 0;
+                            let endSubtractSize = 1;
+                            if (showActualProgress) {
+                                // 按月天数比计算
+                                const smDaySize = XEUtils.getDayOfMonth(startDate, 0);
+                                startSubtractSize = (startDate.getTime() - startFirstDate.getTime()) / dayMs / smDaySize;
+                                const emDaySize = XEUtils.getDayOfMonth(endDate, 0);
+                                endSubtractSize = (endDate.getTime() - endFirstDate.getTime()) / dayMs / emDaySize;
+                            }
+                            const offsetLeftSize = (indexMaps[startStr] || 0) + startSubtractSize;
                             return {
                                 offsetLeftSize,
-                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + addSize
+                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + endSubtractSize
                             };
                         };
                     }
                     case 'week': {
+                        const showActualProgress = /d|mm|ss|S/.test(dateFormat);
                         const indexMaps = {};
                         fullCols.forEach(({ dateObj }, i) => {
                             const yyyyW = `${dateObj.yyyy}-${dateObj.W}`;
                             indexMaps[yyyyW] = i;
                         });
                         return (startValue, endValue) => {
-                            const startDate = parseStringDate(startValue);
-                            const endDate = parseStringDate(endValue);
-                            const startWeekObj = parseWeekObj(startDate, weekScale ? weekScale.startDay : undefined);
+                            const weekStartDay = weekScale ? weekScale.startDay : undefined;
+                            const startValDate = parseStringDate(startValue);
+                            const endValDate = parseStringDate(endValue);
+                            const startDate = showActualProgress ? startValDate : XEUtils.getWhatWeek(startValDate, 0, 'first', weekStartDay);
+                            const startWeekObj = parseWeekObj(startDate, weekStartDay);
                             const startStr = `${startWeekObj.yyyy}-${startWeekObj.W}`;
-                            const startFirstDate = XEUtils.getWhatWeek(startDate, 0, weekScale ? weekScale.startDay : undefined, weekScale ? weekScale.startDay : undefined);
-                            const endWeekObj = parseWeekObj(endDate, weekScale ? weekScale.startDay : undefined);
+                            const startFirstDate = XEUtils.getWhatWeek(startDate, 0, 'first', weekStartDay);
+                            const endDate = showActualProgress ? endValDate : XEUtils.getWhatWeek(endValDate, 0, 'first', weekStartDay);
+                            const endWeekObj = parseWeekObj(endDate, weekStartDay);
                             const endStr = `${endWeekObj.yyyy}-${endWeekObj.W}`;
-                            const endFirstDate = XEUtils.getWhatWeek(endDate, 0, weekScale ? weekScale.startDay : undefined, weekScale ? weekScale.startDay : undefined);
-                            const dateSize = Math.floor((XEUtils.getWhatWeek(endDate, 1, weekScale ? weekScale.startDay : undefined, weekScale ? weekScale.startDay : undefined).getTime() - endFirstDate.getTime()) / dayMs);
-                            const subtract = (startDate.getTime() - startFirstDate.getTime()) / dayMs / dateSize;
-                            const addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / dayMs + 1) / dateSize;
-                            const offsetLeftSize = (indexMaps[startStr] || 0) + subtract;
+                            const endFirstDate = XEUtils.getWhatWeek(endDate, 0, 'first', weekStartDay);
+                            // 当前是周维度，当指定解析格式精确到天时，显示实际进度
+                            let startSubtractSize = 0;
+                            let endSubtractSize = 1;
+                            if (showActualProgress) {
+                                // 按周天数比计算
+                                startSubtractSize = (startDate.getTime() - startFirstDate.getTime()) / dayMs / 7;
+                                endSubtractSize = (endDate.getTime() - endFirstDate.getTime()) / dayMs / 7;
+                            }
+                            const offsetLeftSize = (indexMaps[startStr] || 0) + startSubtractSize;
                             return {
                                 offsetLeftSize,
-                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + addSize
+                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + endSubtractSize
                             };
                         };
                     }
                     case 'day':
                     case 'date': {
+                        const renderFormat = 'yyyy-MM-dd';
+                        const showActualProgress = /mm|ss|S/.test(dateFormat);
                         const indexMaps = {};
                         fullCols.forEach(({ dateObj }, i) => {
-                            const yyyyMM = XEUtils.toDateString(dateObj.date, 'yyyy-MM-dd');
+                            const yyyyMM = XEUtils.toDateString(dateObj.date, renderFormat);
                             indexMaps[yyyyMM] = i;
                         });
                         return (startValue, endValue) => {
-                            const startDate = parseStringDate(startValue);
-                            const endDate = parseStringDate(endValue);
-                            const startStr = XEUtils.toDateString(startDate, 'yyyy-MM-dd');
+                            const startValDate = parseStringDate(startValue);
+                            const endValDate = parseStringDate(endValue);
+                            const startStr = XEUtils.toDateString(startValDate, renderFormat);
+                            const startDate = showActualProgress ? startValDate : XEUtils.getWhatDay(startValDate, 0, 'first');
                             const startFirstDate = XEUtils.getWhatDay(startDate, 0, 'first');
-                            const endStr = XEUtils.toDateString(endDate, 'yyyy-MM-dd');
+                            const endStr = XEUtils.toDateString(endValDate, renderFormat);
+                            const endDate = showActualProgress ? endValDate : XEUtils.getWhatDay(endValDate, 0, 'last');
                             const endFirstDate = XEUtils.getWhatDay(endDate, 0, 'first');
-                            const minuteSize = Math.floor((XEUtils.getWhatDay(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / minuteMs);
-                            // 开始和结束时间是否存在偏移时
-                            const startSubtract = (startDate.getTime() - startFirstDate.getTime()) / minuteMs / minuteSize;
-                            const endSubtract = (endDate.getTime() - endFirstDate.getTime()) / minuteMs / minuteSize;
-                            const addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / minuteMs + 1) / minuteSize;
-                            const offsetLeftSize = (indexMaps[startStr] || 0) + startSubtract;
-                            // 如果最小轴为天，当存在时分秒时，在当前单元格内渲染维度；如果不存在，则填充满单元格
+                            // 当前是天维度，当指定解析格式精确到时分秒豪秒时，显示实际进度
+                            let startSubtractSize = 0;
+                            let endSubtractSize = 1;
+                            if (showActualProgress) {
+                                startSubtractSize = (startDate.getTime() - startFirstDate.getTime()) / dayMs;
+                                endSubtractSize = (endDate.getTime() - endFirstDate.getTime()) / dayMs;
+                            }
+                            const offsetLeftSize = (indexMaps[startStr] || 0) + startSubtractSize;
                             return {
                                 offsetLeftSize,
-                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + addSize + (startSubtract || endSubtract ? 0 : 1)
+                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + endSubtractSize
                             };
                         };
                     }
                     case 'hour': {
+                        const renderFormat = 'yyyy-MM-dd HH';
+                        const showActualProgress = /mm|ss|S/.test(dateFormat);
                         const indexMaps = {};
                         fullCols.forEach(({ dateObj }, i) => {
-                            const yyyyMM = XEUtils.toDateString(dateObj.date, 'yyyy-MM-dd HH');
+                            const yyyyMM = XEUtils.toDateString(dateObj.date, renderFormat);
                             indexMaps[yyyyMM] = i;
                         });
                         return (startValue, endValue) => {
-                            const startDate = parseStringDate(startValue);
-                            const endDate = parseStringDate(endValue);
-                            const startStr = XEUtils.toDateString(startDate, 'yyyy-MM-dd HH');
+                            const startValDate = parseStringDate(startValue);
+                            const endValDate = parseStringDate(endValue);
+                            const startStr = XEUtils.toDateString(startValDate, renderFormat);
+                            const startDate = showActualProgress ? startValDate : XEUtils.getWhatHours(startValDate, 0, 'first');
                             const startFirstDate = XEUtils.getWhatHours(startDate, 0, 'first');
-                            const endStr = XEUtils.toDateString(endDate, 'yyyy-MM-dd HH');
+                            const endStr = XEUtils.toDateString(endValDate, renderFormat);
+                            const endDate = showActualProgress ? endValDate : XEUtils.getWhatHours(endValDate, 0, 'last');
                             const endFirstDate = XEUtils.getWhatHours(endDate, 0, 'first');
-                            const minuteSize = Math.floor((XEUtils.getWhatHours(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / minuteMs);
-                            // 开始和结束时间是否存在偏移时
-                            const startSubtract = (startDate.getTime() - startFirstDate.getTime()) / minuteMs / minuteSize;
-                            const endSubtract = (endDate.getTime() - endFirstDate.getTime()) / minuteMs / minuteSize;
-                            const addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / minuteMs + 1) / minuteSize;
-                            const offsetLeftSize = (indexMaps[startStr] || 0) + startSubtract;
+                            // 当前是小时维度，当指定解析格式精确到分秒豪秒时，显示实际进度
+                            let startSubtractSize = 0;
+                            let endSubtractSize = 1;
+                            if (showActualProgress) {
+                                startSubtractSize = (startDate.getTime() - startFirstDate.getTime()) / hourMs;
+                                endSubtractSize = (endDate.getTime() - endFirstDate.getTime()) / hourMs;
+                            }
+                            const offsetLeftSize = (indexMaps[startStr] || 0) + startSubtractSize;
                             return {
                                 offsetLeftSize,
-                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + addSize + (startSubtract || endSubtract ? 0 : 1)
+                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + endSubtractSize
                             };
                         };
                     }
                     case 'minute': {
+                        const renderFormat = 'yyyy-MM-dd HH:mm';
+                        const showActualProgress = /ss|S/.test(dateFormat);
                         const indexMaps = {};
                         fullCols.forEach(({ dateObj }, i) => {
-                            const yyyyMM = XEUtils.toDateString(dateObj.date, 'yyyy-MM-dd HH:mm');
+                            const yyyyMM = XEUtils.toDateString(dateObj.date, renderFormat);
                             indexMaps[yyyyMM] = i;
                         });
                         return (startValue, endValue) => {
-                            const startDate = parseStringDate(startValue);
-                            const endDate = parseStringDate(endValue);
-                            const startStr = XEUtils.toDateString(startDate, 'yyyy-MM-dd HH:mm');
+                            const startValDate = parseStringDate(startValue);
+                            const endValDate = parseStringDate(endValue);
+                            const startStr = XEUtils.toDateString(startValDate, renderFormat);
+                            const startDate = showActualProgress ? startValDate : XEUtils.getWhatMinutes(startValDate, 0, 'first');
                             const startFirstDate = XEUtils.getWhatMinutes(startDate, 0, 'first');
-                            const endStr = XEUtils.toDateString(endDate, 'yyyy-MM-dd HH:mm');
+                            const endStr = XEUtils.toDateString(endValDate, renderFormat);
+                            const endDate = showActualProgress ? endValDate : XEUtils.getWhatMinutes(endValDate, 0, 'last');
                             const endFirstDate = XEUtils.getWhatMinutes(endDate, 0, 'first');
-                            const minuteSize = Math.floor((XEUtils.getWhatMinutes(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / minuteMs);
-                            const subtract = (startDate.getTime() - startFirstDate.getTime()) / minuteMs / minuteSize;
-                            const addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / minuteMs + 1) / minuteSize;
-                            const offsetLeftSize = (indexMaps[startStr] || 0) + subtract;
+                            // 当前是分钟维度，当指定解析格式精确到秒豪秒时，显示实际进度
+                            let startSubtractSize = 0;
+                            let endSubtractSize = 1;
+                            if (showActualProgress) {
+                                startSubtractSize = (startDate.getTime() - startFirstDate.getTime()) / minuteMs;
+                                endSubtractSize = (endDate.getTime() - endFirstDate.getTime()) / minuteMs;
+                            }
+                            const offsetLeftSize = (indexMaps[startStr] || 0) + startSubtractSize;
                             return {
                                 offsetLeftSize,
-                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + addSize
+                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + endSubtractSize
                             };
                         };
                     }
                     case 'second': {
-                        const gapTime = getStandardGapTime(minScale.type);
+                        const renderFormat = 'yyyy-MM-dd HH:mm:ss';
+                        const showActualProgress = /S/.test(dateFormat);
+                        const indexMaps = {};
+                        fullCols.forEach(({ dateObj }, i) => {
+                            const yyyyMM = XEUtils.toDateString(dateObj.date, renderFormat);
+                            indexMaps[yyyyMM] = i;
+                        });
                         return (startValue, endValue) => {
-                            const startDate = parseStringDate(startValue);
-                            const endDate = parseStringDate(endValue);
-                            let offsetLeftSize = 0;
-                            let offsetWidthSize = 0;
-                            if (minViewDate) {
-                                offsetLeftSize = (startDate.getTime() - minViewDate.getTime()) / gapTime;
-                                offsetWidthSize = ((endDate.getTime() - startDate.getTime()) / gapTime);
+                            const startValDate = parseStringDate(startValue);
+                            const endValDate = parseStringDate(endValue);
+                            const startStr = XEUtils.toDateString(startValDate, renderFormat);
+                            const startDate = showActualProgress ? startValDate : XEUtils.getWhatSeconds(startValDate, 0, 'first');
+                            const startFirstDate = XEUtils.getWhatSeconds(startDate, 0, 'first');
+                            const endStr = XEUtils.toDateString(endValDate, renderFormat);
+                            const endDate = showActualProgress ? endValDate : XEUtils.getWhatSeconds(endValDate, 0, 'last');
+                            const endFirstDate = XEUtils.getWhatSeconds(endDate, 0, 'first');
+                            // 当前是秒维度，当指定解析格式精确到豪秒时，显示实际进度
+                            let startSubtractSize = 0;
+                            let endSubtractSize = 1;
+                            if (showActualProgress) {
+                                startSubtractSize = (startDate.getTime() - startFirstDate.getTime()) / secondMs;
+                                endSubtractSize = (endDate.getTime() - endFirstDate.getTime()) / secondMs;
                             }
+                            const offsetLeftSize = (indexMaps[startStr] || 0) + startSubtractSize;
                             return {
                                 offsetLeftSize,
-                                offsetWidthSize
+                                offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + endSubtractSize
                             };
                         };
                     }
@@ -3214,6 +3290,11 @@ var VxeGanttComponent = defineVxeComponent({
         const computeTaskLinkOpts = computed(() => {
             return Object.assign({}, getConfig().gantt.taskLinkConfig, props.taskLinkConfig);
         });
+        const computeDateFormat = computed(() => {
+            const taskOpts = computeTaskOpts.value;
+            const { dateFormat } = taskOpts;
+            return dateFormat || '';
+        });
         const computeScaleUnit = computed(() => {
             const minScale = computeMinScale.value;
             return minScale ? minScale.type : 'date';
@@ -3480,6 +3561,7 @@ var VxeGanttComponent = defineVxeComponent({
             computeTaskLinkOpts,
             computeTaskViewScales,
             computeScaleUnit,
+            computeDateFormat,
             computeMinScale,
             computeWeekScale,
             computeTitleField,