gantt-task-react-v 1.2.8 → 1.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -11111,87 +11111,16 @@ const calculateDataDatePosition = ({
|
|
|
11111
11111
|
dataDate,
|
|
11112
11112
|
startDate,
|
|
11113
11113
|
viewMode,
|
|
11114
|
-
columnWidth
|
|
11115
|
-
tasks = [],
|
|
11116
|
-
rtl = false
|
|
11114
|
+
columnWidth
|
|
11117
11115
|
}) => {
|
|
11118
|
-
const
|
|
11119
|
-
|
|
11120
|
-
|
|
11121
|
-
|
|
11122
|
-
|
|
11123
|
-
|
|
11124
|
-
|
|
11125
|
-
|
|
11126
|
-
switch (viewMode) {
|
|
11127
|
-
case ViewMode.Hour:
|
|
11128
|
-
return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && taskStartDate.getHours() === dataDateNormalized.getHours();
|
|
11129
|
-
case ViewMode.QuarterDay:
|
|
11130
|
-
return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && Math.floor(taskStartDate.getHours() / 6) === Math.floor(dataDateNormalized.getHours() / 6);
|
|
11131
|
-
case ViewMode.HalfDay:
|
|
11132
|
-
return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && Math.floor(taskStartDate.getHours() / 12) === Math.floor(dataDateNormalized.getHours() / 12);
|
|
11133
|
-
case ViewMode.Week: {
|
|
11134
|
-
const taskWeekStart = new Date(taskStartDate);
|
|
11135
|
-
taskWeekStart.setDate(taskStartDate.getDate() - taskStartDate.getDay());
|
|
11136
|
-
const dataWeekStart = new Date(dataDateNormalized);
|
|
11137
|
-
dataWeekStart.setDate(
|
|
11138
|
-
dataDateNormalized.getDate() - dataDateNormalized.getDay()
|
|
11139
|
-
);
|
|
11140
|
-
return taskWeekStart.getTime() === dataWeekStart.getTime();
|
|
11141
|
-
}
|
|
11142
|
-
case ViewMode.Month:
|
|
11143
|
-
return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth();
|
|
11144
|
-
case ViewMode.Year:
|
|
11145
|
-
return taskStartDate.getFullYear() === dataDateNormalized.getFullYear();
|
|
11146
|
-
default:
|
|
11147
|
-
return false;
|
|
11148
|
-
}
|
|
11149
|
-
});
|
|
11150
|
-
if (tasksStartingOnDataDate.length > 0) {
|
|
11151
|
-
const dataDatePosition = taskXCoordinate(
|
|
11152
|
-
dataDate,
|
|
11153
|
-
startDate,
|
|
11154
|
-
viewMode,
|
|
11155
|
-
columnWidth
|
|
11156
|
-
);
|
|
11157
|
-
const overlapProportion = 0.75;
|
|
11158
|
-
return dataDatePosition + columnWidth * overlapProportion;
|
|
11159
|
-
}
|
|
11160
|
-
if (viewMode === ViewMode.Day) {
|
|
11161
|
-
const dataDatePosition = taskXCoordinate(
|
|
11162
|
-
dataDate,
|
|
11163
|
-
startDate,
|
|
11164
|
-
viewMode,
|
|
11165
|
-
columnWidth
|
|
11166
|
-
);
|
|
11167
|
-
return dataDatePosition + columnWidth * 0.5;
|
|
11168
|
-
}
|
|
11169
|
-
const dataIndex = getDatesDiff(dataDate, startDate, viewMode);
|
|
11170
|
-
const extraMultiplier = () => {
|
|
11171
|
-
switch (viewMode) {
|
|
11172
|
-
case ViewMode.Week: {
|
|
11173
|
-
const percent = dataDate.getDay() / 7;
|
|
11174
|
-
return 1 + percent * 0.2;
|
|
11175
|
-
}
|
|
11176
|
-
case ViewMode.Month: {
|
|
11177
|
-
const dayInMonth = dataDate.getDate();
|
|
11178
|
-
const maxDaysInMonth = getDaysInMonth(
|
|
11179
|
-
dataDate.getMonth(),
|
|
11180
|
-
dataDate.getFullYear()
|
|
11181
|
-
);
|
|
11182
|
-
const percent = dayInMonth / maxDaysInMonth;
|
|
11183
|
-
return 1 + percent * 0.5;
|
|
11184
|
-
}
|
|
11185
|
-
case ViewMode.Year: {
|
|
11186
|
-
const percent = dataDate.getMonth() / 12;
|
|
11187
|
-
return 1 + percent * 0.5;
|
|
11188
|
-
}
|
|
11189
|
-
default:
|
|
11190
|
-
return 1;
|
|
11191
|
-
}
|
|
11192
|
-
};
|
|
11193
|
-
const tickX = dataIndex * columnWidth * extraMultiplier();
|
|
11194
|
-
return rtl ? tickX + columnWidth : tickX;
|
|
11116
|
+
const milestonePosition = taskXCoordinate(
|
|
11117
|
+
dataDate,
|
|
11118
|
+
startDate,
|
|
11119
|
+
viewMode,
|
|
11120
|
+
columnWidth
|
|
11121
|
+
);
|
|
11122
|
+
const milestoneHalfWidth = 6;
|
|
11123
|
+
return milestonePosition + milestoneHalfWidth;
|
|
11195
11124
|
};
|
|
11196
11125
|
const GanttTodayInner = ({
|
|
11197
11126
|
additionalLeftSpace,
|
|
@@ -11128,87 +11128,16 @@
|
|
|
11128
11128
|
dataDate,
|
|
11129
11129
|
startDate,
|
|
11130
11130
|
viewMode,
|
|
11131
|
-
columnWidth
|
|
11132
|
-
tasks = [],
|
|
11133
|
-
rtl = false
|
|
11131
|
+
columnWidth
|
|
11134
11132
|
}) => {
|
|
11135
|
-
const
|
|
11136
|
-
|
|
11137
|
-
|
|
11138
|
-
|
|
11139
|
-
|
|
11140
|
-
|
|
11141
|
-
|
|
11142
|
-
|
|
11143
|
-
switch (viewMode) {
|
|
11144
|
-
case ViewMode.Hour:
|
|
11145
|
-
return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && taskStartDate.getHours() === dataDateNormalized.getHours();
|
|
11146
|
-
case ViewMode.QuarterDay:
|
|
11147
|
-
return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && Math.floor(taskStartDate.getHours() / 6) === Math.floor(dataDateNormalized.getHours() / 6);
|
|
11148
|
-
case ViewMode.HalfDay:
|
|
11149
|
-
return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && Math.floor(taskStartDate.getHours() / 12) === Math.floor(dataDateNormalized.getHours() / 12);
|
|
11150
|
-
case ViewMode.Week: {
|
|
11151
|
-
const taskWeekStart = new Date(taskStartDate);
|
|
11152
|
-
taskWeekStart.setDate(taskStartDate.getDate() - taskStartDate.getDay());
|
|
11153
|
-
const dataWeekStart = new Date(dataDateNormalized);
|
|
11154
|
-
dataWeekStart.setDate(
|
|
11155
|
-
dataDateNormalized.getDate() - dataDateNormalized.getDay()
|
|
11156
|
-
);
|
|
11157
|
-
return taskWeekStart.getTime() === dataWeekStart.getTime();
|
|
11158
|
-
}
|
|
11159
|
-
case ViewMode.Month:
|
|
11160
|
-
return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth();
|
|
11161
|
-
case ViewMode.Year:
|
|
11162
|
-
return taskStartDate.getFullYear() === dataDateNormalized.getFullYear();
|
|
11163
|
-
default:
|
|
11164
|
-
return false;
|
|
11165
|
-
}
|
|
11166
|
-
});
|
|
11167
|
-
if (tasksStartingOnDataDate.length > 0) {
|
|
11168
|
-
const dataDatePosition = taskXCoordinate(
|
|
11169
|
-
dataDate,
|
|
11170
|
-
startDate,
|
|
11171
|
-
viewMode,
|
|
11172
|
-
columnWidth
|
|
11173
|
-
);
|
|
11174
|
-
const overlapProportion = 0.75;
|
|
11175
|
-
return dataDatePosition + columnWidth * overlapProportion;
|
|
11176
|
-
}
|
|
11177
|
-
if (viewMode === ViewMode.Day) {
|
|
11178
|
-
const dataDatePosition = taskXCoordinate(
|
|
11179
|
-
dataDate,
|
|
11180
|
-
startDate,
|
|
11181
|
-
viewMode,
|
|
11182
|
-
columnWidth
|
|
11183
|
-
);
|
|
11184
|
-
return dataDatePosition + columnWidth * 0.5;
|
|
11185
|
-
}
|
|
11186
|
-
const dataIndex = getDatesDiff(dataDate, startDate, viewMode);
|
|
11187
|
-
const extraMultiplier = () => {
|
|
11188
|
-
switch (viewMode) {
|
|
11189
|
-
case ViewMode.Week: {
|
|
11190
|
-
const percent = dataDate.getDay() / 7;
|
|
11191
|
-
return 1 + percent * 0.2;
|
|
11192
|
-
}
|
|
11193
|
-
case ViewMode.Month: {
|
|
11194
|
-
const dayInMonth = dataDate.getDate();
|
|
11195
|
-
const maxDaysInMonth = getDaysInMonth(
|
|
11196
|
-
dataDate.getMonth(),
|
|
11197
|
-
dataDate.getFullYear()
|
|
11198
|
-
);
|
|
11199
|
-
const percent = dayInMonth / maxDaysInMonth;
|
|
11200
|
-
return 1 + percent * 0.5;
|
|
11201
|
-
}
|
|
11202
|
-
case ViewMode.Year: {
|
|
11203
|
-
const percent = dataDate.getMonth() / 12;
|
|
11204
|
-
return 1 + percent * 0.5;
|
|
11205
|
-
}
|
|
11206
|
-
default:
|
|
11207
|
-
return 1;
|
|
11208
|
-
}
|
|
11209
|
-
};
|
|
11210
|
-
const tickX = dataIndex * columnWidth * extraMultiplier();
|
|
11211
|
-
return rtl ? tickX + columnWidth : tickX;
|
|
11133
|
+
const milestonePosition = taskXCoordinate(
|
|
11134
|
+
dataDate,
|
|
11135
|
+
startDate,
|
|
11136
|
+
viewMode,
|
|
11137
|
+
columnWidth
|
|
11138
|
+
);
|
|
11139
|
+
const milestoneHalfWidth = 6;
|
|
11140
|
+
return milestonePosition + milestoneHalfWidth;
|
|
11212
11141
|
};
|
|
11213
11142
|
const GanttTodayInner = ({
|
|
11214
11143
|
additionalLeftSpace,
|
|
@@ -11,4 +11,4 @@ export interface DataDatePositionOptions {
|
|
|
11
11
|
* Calculate data date line position by creating a virtual milestone bar for the data date
|
|
12
12
|
* and positioning the line at the end of that milestone bar (just like the custom frontend fix)
|
|
13
13
|
*/
|
|
14
|
-
export declare const calculateDataDatePosition: ({ dataDate, startDate, viewMode, columnWidth,
|
|
14
|
+
export declare const calculateDataDatePosition: ({ dataDate, startDate, viewMode, columnWidth, }: DataDatePositionOptions) => number;
|
package/package.json
CHANGED