gantt-task-react-v 1.4.9 → 1.5.1
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.
- package/README.md +26 -22
- package/dist/gantt-task-react.es.js +3 -3
- package/dist/gantt-task-react.umd.js +3 -3
- package/dist/style.css +7 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -10,6 +10,10 @@
|
|
|
10
10
|
- Added Tooltip for comparison bars
|
|
11
11
|
- Show Custom Data Date Line
|
|
12
12
|
- Customize Data Date Line and Today Line Color and Label
|
|
13
|
+
- Show/Hide Task Table Column
|
|
14
|
+
- Improved staggered and rounded arrows
|
|
15
|
+
- RightClick ContextMenu option for Tasklist and Gantt
|
|
16
|
+
- Custom Drawer on click taskbar and arrow, callback to get taskdata
|
|
13
17
|
|
|
14
18
|
## [Live Demo In Storybook](https://661071b076b50cb537c16c19-yrsukdfefs.chromatic.com/)
|
|
15
19
|
|
|
@@ -83,7 +87,7 @@ yarn storebook
|
|
|
83
87
|
| onDateChange\* | (task: Task, children: Task[]) => void/boolean/Promise<void>/Promise<boolean> | Specifies the function to be executed when drag taskbar event on timeline has finished. |
|
|
84
88
|
| onProgressChange\* | (task: Task, children: Task[]) => void/boolean/Promise<void>/Promise<boolean> | Specifies the function to be executed when drag taskbar progress event has finished. |
|
|
85
89
|
| onExpanderClick\* | onExpanderClick: (task: Task) => void; | Specifies the function to be executed on the table expander click |
|
|
86
|
-
| onWheel\* | onWheel: (wheelEvent: WheelEvent) => void; | Specifies the function to be executed when the mouse wheel is used
|
|
90
|
+
| onWheel\* | onWheel: (wheelEvent: WheelEvent) => void; | Specifies the function to be executed when the mouse wheel is used |
|
|
87
91
|
| timeStep | number | A time step value for onDateChange. Specify in milliseconds. |
|
|
88
92
|
|
|
89
93
|
\* Chart undoes operation if method return false or error. Parameter children returns one level deep records.
|
|
@@ -102,28 +106,28 @@ yarn storebook
|
|
|
102
106
|
|
|
103
107
|
### StylingOption
|
|
104
108
|
|
|
105
|
-
| Parameter Name | Type | Description
|
|
106
|
-
| :------------------------- | :----- |
|
|
107
|
-
| headerHeight | number | Specifies the header height.
|
|
109
|
+
| Parameter Name | Type | Description |
|
|
110
|
+
| :------------------------- | :----- | :------------------------------------------------------------------------------------------------ |
|
|
111
|
+
| headerHeight | number | Specifies the header height. |
|
|
108
112
|
| ganttHeight | number | Specifies the gantt chart height without header. If not set or 0, adapts to its parent container. |
|
|
109
|
-
| columnWidth | number | Specifies the time period width.
|
|
110
|
-
| listCellWidth | string | Specifies the task list cell width. Empty string is mean "no display".
|
|
111
|
-
| rowHeight | number | Specifies the task row height.
|
|
112
|
-
| barCornerRadius | number | Specifies the taskbar corner rounding.
|
|
113
|
-
| barFill | number | Specifies the taskbar occupation. Sets in percent from 0 to 100.
|
|
114
|
-
| handleWidth | number | Specifies width the taskbar drag event control for start and end dates.
|
|
115
|
-
| fontFamily | string | Specifies the application font.
|
|
116
|
-
| fontSize | string | Specifies the application font size.
|
|
117
|
-
| barProgressColor | string | Specifies the taskbar progress fill color globally.
|
|
118
|
-
| barProgressSelectedColor | string | Specifies the taskbar progress fill color globally on select.
|
|
119
|
-
| barBackgroundColor | string | Specifies the taskbar background fill color globally.
|
|
120
|
-
| barBackgroundSelectedColor | string | Specifies the taskbar background fill color globally on select.
|
|
121
|
-
| arrowColor | string | Specifies the relationship arrow fill color.
|
|
122
|
-
| arrowIndent | number | Specifies the relationship arrow right indent. Sets in px
|
|
123
|
-
| todayColor | string | Specifies the current period column fill color.
|
|
124
|
-
| TooltipContent | | Specifies the Tooltip view for selected taskbar.
|
|
125
|
-
| TaskListHeader | | Specifies the task list Header view
|
|
126
|
-
| TaskListTable | | Specifies the task list Table view
|
|
113
|
+
| columnWidth | number | Specifies the time period width. |
|
|
114
|
+
| listCellWidth | string | Specifies the task list cell width. Empty string is mean "no display". |
|
|
115
|
+
| rowHeight | number | Specifies the task row height. |
|
|
116
|
+
| barCornerRadius | number | Specifies the taskbar corner rounding. |
|
|
117
|
+
| barFill | number | Specifies the taskbar occupation. Sets in percent from 0 to 100. |
|
|
118
|
+
| handleWidth | number | Specifies width the taskbar drag event control for start and end dates. |
|
|
119
|
+
| fontFamily | string | Specifies the application font. |
|
|
120
|
+
| fontSize | string | Specifies the application font size. |
|
|
121
|
+
| barProgressColor | string | Specifies the taskbar progress fill color globally. |
|
|
122
|
+
| barProgressSelectedColor | string | Specifies the taskbar progress fill color globally on select. |
|
|
123
|
+
| barBackgroundColor | string | Specifies the taskbar background fill color globally. |
|
|
124
|
+
| barBackgroundSelectedColor | string | Specifies the taskbar background fill color globally on select. |
|
|
125
|
+
| arrowColor | string | Specifies the relationship arrow fill color. |
|
|
126
|
+
| arrowIndent | number | Specifies the relationship arrow right indent. Sets in px |
|
|
127
|
+
| todayColor | string | Specifies the current period column fill color. |
|
|
128
|
+
| TooltipContent | | Specifies the Tooltip view for selected taskbar. |
|
|
129
|
+
| TaskListHeader | | Specifies the task list Header view |
|
|
130
|
+
| TaskListTable | | Specifies the task list Table view |
|
|
127
131
|
|
|
128
132
|
- TooltipContent: [`React.FC<{ task: Task; fontSize: string; fontFamily: string; }>;`](https://github.com/MaTeMaTuK/gantt-task-react/blob/main/src/components/other/tooltip.tsx#L56)
|
|
129
133
|
- TaskListHeader: `React.FC<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string;}>;`
|
|
@@ -12892,9 +12892,9 @@ const Milestone = ({
|
|
|
12892
12892
|
relationHandles
|
|
12893
12893
|
] });
|
|
12894
12894
|
};
|
|
12895
|
-
const barLabel = "
|
|
12896
|
-
const barLabelHidden = "
|
|
12897
|
-
const barLabelOutside = "
|
|
12895
|
+
const barLabel = "_barLabel_81831_1";
|
|
12896
|
+
const barLabelHidden = "_barLabelHidden_81831_27";
|
|
12897
|
+
const barLabelOutside = "_barLabelOutside_81831_37";
|
|
12898
12898
|
const style = {
|
|
12899
12899
|
barLabel,
|
|
12900
12900
|
barLabelHidden,
|
|
@@ -12909,9 +12909,9 @@
|
|
|
12909
12909
|
relationHandles
|
|
12910
12910
|
] });
|
|
12911
12911
|
};
|
|
12912
|
-
const barLabel = "
|
|
12913
|
-
const barLabelHidden = "
|
|
12914
|
-
const barLabelOutside = "
|
|
12912
|
+
const barLabel = "_barLabel_81831_1";
|
|
12913
|
+
const barLabelHidden = "_barLabelHidden_81831_27";
|
|
12914
|
+
const barLabelOutside = "_barLabelOutside_81831_37";
|
|
12915
12915
|
const style = {
|
|
12916
12916
|
barLabel,
|
|
12917
12917
|
barLabelHidden,
|
package/dist/style.css
CHANGED
|
@@ -673,7 +673,7 @@
|
|
|
673
673
|
._milestoneBackground_vcirf_11 {
|
|
674
674
|
user-select: none;
|
|
675
675
|
}
|
|
676
|
-
.
|
|
676
|
+
._barLabel_81831_1 {
|
|
677
677
|
fill: #fff;
|
|
678
678
|
text-anchor: middle;
|
|
679
679
|
font-weight: lighter;
|
|
@@ -686,14 +686,18 @@
|
|
|
686
686
|
pointer-events: none;
|
|
687
687
|
}
|
|
688
688
|
|
|
689
|
-
.
|
|
689
|
+
._barLabelHidden_81831_27 {
|
|
690
690
|
display: none;
|
|
691
691
|
}
|
|
692
692
|
|
|
693
693
|
/*noinspection CssUnresolvedCustomProperty*/
|
|
694
|
-
.
|
|
694
|
+
._barLabelOutside_81831_37 {
|
|
695
695
|
fill: var(--gantt-secondary-text-color);
|
|
696
696
|
text-anchor: start;
|
|
697
|
+
stroke: white;
|
|
698
|
+
stroke-width: 4px;
|
|
699
|
+
stroke-linejoin: round;
|
|
700
|
+
paint-order: stroke;
|
|
697
701
|
-webkit-touch-callout: none;
|
|
698
702
|
-webkit-user-select: none;
|
|
699
703
|
-moz-user-select: none;
|
package/package.json
CHANGED