hy-vue-gantt
Version:
Evolution of vue-ganttastic package
549 lines • 25.2 kB
TypeScript
import type { GanttBarObject, ColorScheme, ChartRow, GGanttChartEmits, ExportOptions, ExportResult } from "../types";
declare const _default: <T>(__VLS_props: {
[x: string]: any;
[x: number]: any;
[x: symbol]: any;
chartStart: string | Date;
chartEnd: string | Date;
precision?: import("../types").TimeUnit | undefined;
barStart: string;
barEnd: string;
currentTime?: boolean | undefined;
currentTimeLabel?: string | undefined;
pointerMarker?: boolean | undefined;
dateFormat?: string | false | undefined;
width?: string | undefined;
hideTimeaxis?: boolean | undefined;
colorScheme?: string | ColorScheme | undefined;
grid?: boolean | undefined;
pushOnOverlap?: boolean | undefined;
pushOnConnect?: boolean | undefined;
noOverlap?: boolean | undefined;
rowHeight?: number | undefined;
font?: string | undefined;
labelColumnTitle?: string | undefined;
labelColumnWidth?: number | undefined;
multiColumnLabel?: import("../types").LabelColumnConfig[] | undefined;
commands?: boolean | undefined;
enableMinutes?: boolean | undefined;
enableConnections?: boolean | undefined;
enableConnectionCreation?: boolean | undefined;
enableConnectionDeletion?: boolean | undefined;
defaultConnectionType?: import("../types").ConnectionType | undefined;
defaultConnectionColor?: string | undefined;
defaultConnectionPattern?: import("../types").ConnectionPattern | undefined;
defaultConnectionAnimated?: boolean | undefined;
defaultConnectionAnimationSpeed?: import("../types").ConnectionSpeed | undefined;
defaultConnectionRelation?: import("../types").ConnectionRelation | undefined;
defaultConnectionLabel?: string | undefined;
defaultConnectionLabelAlwaysVisible?: boolean | undefined;
defaultConnectionLabelStyle?: import("../types").ConnectionLabelStyle | undefined;
maxRows?: number | undefined;
initialSort?: import("../types").SortState | undefined;
initialRows?: ChartRow[] | undefined;
sortable?: boolean | undefined;
labelResizable?: boolean | undefined;
milestones?: import("../types").GanttMilestone[] | undefined;
timeaxisEvents?: import("../types").TimeaxisEvent[] | undefined;
showEventsAxis?: boolean | undefined;
eventsAxisHeight?: number | undefined;
holidayHighlight?: string | undefined;
rowClass?: ((row?: ChartRow | undefined) => string) | undefined;
rowLabelClass?: ((row?: ChartRow | undefined) => string) | undefined;
dayOptionLabel?: import("../types").DayOptionLabel[] | undefined;
highlightedHours?: number[] | undefined;
highlightedDaysInWeek?: number[] | undefined;
highlightedDaysInMonth?: number[] | undefined;
highlightedMonths?: number[] | undefined;
highlightedWeek?: number[] | undefined;
locale?: string | undefined;
enableRowDragAndDrop?: boolean | undefined;
markerConnection?: import("../types").MarkerConnection | undefined;
showLabel?: boolean | undefined;
showProgress?: boolean | undefined;
defaultProgressResizable?: boolean | undefined;
utc?: boolean | undefined;
barLabelEditable?: boolean | undefined;
exportEnabled?: boolean | undefined;
exportOptions?: ExportOptions | undefined;
showImporter?: boolean | undefined;
importerTitle?: string | undefined;
importerDefaultFormat?: import("../types").ImportFormat | undefined;
importerAllowedFormats?: import("../types").ImportFormat[] | undefined;
importerBarStartField?: string | undefined;
importerBarEndField?: string | undefined;
baseUnitWidth?: number | undefined;
defaultZoom?: number | undefined;
tick?: number | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
"upper-timeunit"?(_: {
label: string;
value: string | undefined;
date: Date;
}): any;
timeunit?(_: {
label: string;
value: string | undefined;
date: Date;
}): any;
"holiday-tooltip"?(_: {
unit: import("../types").TimeaxisUnit;
}): any;
"event-tooltip"?(_: {
event: import("../types").TimeaxisEvent;
formatDate: (date: string | Date) => string | Date;
}): any;
"timeaxis-event"?(_: {
event: {
calculatedWidth: string;
calculatedX: number;
id: string;
label: string;
startDate: string | Date;
endDate: string | Date;
color?: string | undefined;
backgroundColor?: string | undefined;
description?: string | undefined;
width?: string | undefined;
xPosition?: number | undefined;
};
}): any;
"current-time-label"?(_: {}): any;
"pointer-marker-tooltips"?(_: {
hitBars: {
[x: string]: any;
[x: number]: any;
ganttBarConfig: {
id: string;
label?: string | undefined;
html?: string | undefined;
hasHandles?: boolean | undefined;
immobile?: boolean | undefined;
bundle?: string | undefined;
pushOnOverlap?: boolean | undefined;
pushOnConnect?: boolean | undefined;
dragLimitLeft?: number | undefined;
dragLimitRight?: number | undefined;
class?: string | undefined;
milestoneId?: string | undefined;
progress?: number | undefined;
progressResizable?: boolean | undefined;
_previousLabel?: string | undefined;
connections?: {
label?: string | undefined;
targetId: string;
type?: import("../types").ConnectionType | undefined;
color?: string | undefined;
pattern?: import("../types").ConnectionPattern | undefined;
animated?: boolean | undefined;
animationSpeed?: import("../types").ConnectionSpeed | undefined;
relation?: import("../types").ConnectionRelation | undefined;
labelAlwaysVisible?: boolean | undefined;
}[] | undefined;
};
}[];
datetime: string | Date;
}): any;
commands?(_: {
zoomIn: () => Promise<void>;
zoomOut: () => Promise<void>;
scrollRowUp: () => void;
scrollRowDown: () => void;
expandAllGroups: () => void;
collapseAllGroups: () => void;
handleToStart: () => void;
handleBack: () => void;
handleScroll: () => void;
handleForward: () => void;
handleToEnd: () => void;
undo: () => void;
redo: () => void;
canUndo: import("vue").ComputedRef<boolean>;
canRedo: import("vue").ComputedRef<boolean>;
isAtTop: boolean;
isAtBottom: boolean;
zoomLevel: number;
export: () => Promise<void>;
}): any;
"bar-tooltip"?(_: {
bar: GanttBarObject;
barStart: any;
barEnd: any;
}): any;
};
attrs: any;
emit: GGanttChartEmits;
} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
exportChart: (options: ExportOptions) => Promise<ExportResult>;
isExporting: import("vue").Ref<boolean, boolean>;
}>) => void) | undefined, __VLS_setup?: Promise<{
props: {
[x: string]: any;
[x: number]: any;
[x: symbol]: any;
chartStart: string | Date;
chartEnd: string | Date;
precision?: import("../types").TimeUnit | undefined;
barStart: string;
barEnd: string;
currentTime?: boolean | undefined;
currentTimeLabel?: string | undefined;
pointerMarker?: boolean | undefined;
dateFormat?: string | false | undefined;
width?: string | undefined;
hideTimeaxis?: boolean | undefined;
colorScheme?: string | ColorScheme | undefined;
grid?: boolean | undefined;
pushOnOverlap?: boolean | undefined;
pushOnConnect?: boolean | undefined;
noOverlap?: boolean | undefined;
rowHeight?: number | undefined;
font?: string | undefined;
labelColumnTitle?: string | undefined;
labelColumnWidth?: number | undefined;
multiColumnLabel?: import("../types").LabelColumnConfig[] | undefined;
commands?: boolean | undefined;
enableMinutes?: boolean | undefined;
enableConnections?: boolean | undefined;
enableConnectionCreation?: boolean | undefined;
enableConnectionDeletion?: boolean | undefined;
defaultConnectionType?: import("../types").ConnectionType | undefined;
defaultConnectionColor?: string | undefined;
defaultConnectionPattern?: import("../types").ConnectionPattern | undefined;
defaultConnectionAnimated?: boolean | undefined;
defaultConnectionAnimationSpeed?: import("../types").ConnectionSpeed | undefined;
defaultConnectionRelation?: import("../types").ConnectionRelation | undefined;
defaultConnectionLabel?: string | undefined;
defaultConnectionLabelAlwaysVisible?: boolean | undefined;
defaultConnectionLabelStyle?: import("../types").ConnectionLabelStyle | undefined;
maxRows?: number | undefined;
initialSort?: import("../types").SortState | undefined;
initialRows?: ChartRow[] | undefined;
sortable?: boolean | undefined;
labelResizable?: boolean | undefined;
milestones?: import("../types").GanttMilestone[] | undefined;
timeaxisEvents?: import("../types").TimeaxisEvent[] | undefined;
showEventsAxis?: boolean | undefined;
eventsAxisHeight?: number | undefined;
holidayHighlight?: string | undefined;
rowClass?: ((row?: ChartRow | undefined) => string) | undefined;
rowLabelClass?: ((row?: ChartRow | undefined) => string) | undefined;
dayOptionLabel?: import("../types").DayOptionLabel[] | undefined;
highlightedHours?: number[] | undefined;
highlightedDaysInWeek?: number[] | undefined;
highlightedDaysInMonth?: number[] | undefined;
highlightedMonths?: number[] | undefined;
highlightedWeek?: number[] | undefined;
locale?: string | undefined;
enableRowDragAndDrop?: boolean | undefined;
markerConnection?: import("../types").MarkerConnection | undefined;
showLabel?: boolean | undefined;
showProgress?: boolean | undefined;
defaultProgressResizable?: boolean | undefined;
utc?: boolean | undefined;
barLabelEditable?: boolean | undefined;
exportEnabled?: boolean | undefined;
exportOptions?: ExportOptions | undefined;
showImporter?: boolean | undefined;
importerTitle?: string | undefined;
importerDefaultFormat?: import("../types").ImportFormat | undefined;
importerAllowedFormats?: import("../types").ImportFormat[] | undefined;
importerBarStartField?: string | undefined;
importerBarEndField?: string | undefined;
baseUnitWidth?: number | undefined;
defaultZoom?: number | undefined;
tick?: number | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
expose(exposed: import("vue").ShallowUnwrapRef<{
exportChart: (options: ExportOptions) => Promise<ExportResult>;
isExporting: import("vue").Ref<boolean, boolean>;
}>): void;
attrs: any;
slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
"upper-timeunit"?(_: {
label: string;
value: string | undefined;
date: Date;
}): any;
timeunit?(_: {
label: string;
value: string | undefined;
date: Date;
}): any;
"holiday-tooltip"?(_: {
unit: import("../types").TimeaxisUnit;
}): any;
"event-tooltip"?(_: {
event: import("../types").TimeaxisEvent;
formatDate: (date: string | Date) => string | Date;
}): any;
"timeaxis-event"?(_: {
event: {
calculatedWidth: string;
calculatedX: number;
id: string;
label: string;
startDate: string | Date;
endDate: string | Date;
color?: string | undefined;
backgroundColor?: string | undefined;
description?: string | undefined;
width?: string | undefined;
xPosition?: number | undefined;
};
}): any;
"current-time-label"?(_: {}): any;
"pointer-marker-tooltips"?(_: {
hitBars: {
[x: string]: any;
[x: number]: any;
ganttBarConfig: {
id: string;
label?: string | undefined;
html?: string | undefined;
hasHandles?: boolean | undefined;
immobile?: boolean | undefined;
bundle?: string | undefined;
pushOnOverlap?: boolean | undefined;
pushOnConnect?: boolean | undefined;
dragLimitLeft?: number | undefined;
dragLimitRight?: number | undefined;
class?: string | undefined;
milestoneId?: string | undefined;
progress?: number | undefined;
progressResizable?: boolean | undefined;
_previousLabel?: string | undefined;
connections?: {
label?: string | undefined;
targetId: string;
type?: import("../types").ConnectionType | undefined;
color?: string | undefined;
pattern?: import("../types").ConnectionPattern | undefined;
animated?: boolean | undefined;
animationSpeed?: import("../types").ConnectionSpeed | undefined;
relation?: import("../types").ConnectionRelation | undefined;
labelAlwaysVisible?: boolean | undefined;
}[] | undefined;
};
}[];
datetime: string | Date;
}): any;
commands?(_: {
zoomIn: () => Promise<void>;
zoomOut: () => Promise<void>;
scrollRowUp: () => void;
scrollRowDown: () => void;
expandAllGroups: () => void;
collapseAllGroups: () => void;
handleToStart: () => void;
handleBack: () => void;
handleScroll: () => void;
handleForward: () => void;
handleToEnd: () => void;
undo: () => void;
redo: () => void;
canUndo: import("vue").ComputedRef<boolean>;
canRedo: import("vue").ComputedRef<boolean>;
isAtTop: boolean;
isAtBottom: boolean;
zoomLevel: number;
export: () => Promise<void>;
}): any;
"bar-tooltip"?(_: {
bar: GanttBarObject;
barStart: any;
barEnd: any;
}): any;
};
emit: GGanttChartEmits;
}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}> & {
__ctx?: {
props: {
[x: string]: any;
[x: number]: any;
[x: symbol]: any;
chartStart: string | Date;
chartEnd: string | Date;
precision?: import("../types").TimeUnit | undefined;
barStart: string;
barEnd: string;
currentTime?: boolean | undefined;
currentTimeLabel?: string | undefined;
pointerMarker?: boolean | undefined;
dateFormat?: string | false | undefined;
width?: string | undefined;
hideTimeaxis?: boolean | undefined;
colorScheme?: string | ColorScheme | undefined;
grid?: boolean | undefined;
pushOnOverlap?: boolean | undefined;
pushOnConnect?: boolean | undefined;
noOverlap?: boolean | undefined;
rowHeight?: number | undefined;
font?: string | undefined;
labelColumnTitle?: string | undefined;
labelColumnWidth?: number | undefined;
multiColumnLabel?: import("../types").LabelColumnConfig[] | undefined;
commands?: boolean | undefined;
enableMinutes?: boolean | undefined;
enableConnections?: boolean | undefined;
enableConnectionCreation?: boolean | undefined;
enableConnectionDeletion?: boolean | undefined;
defaultConnectionType?: import("../types").ConnectionType | undefined;
defaultConnectionColor?: string | undefined;
defaultConnectionPattern?: import("../types").ConnectionPattern | undefined;
defaultConnectionAnimated?: boolean | undefined;
defaultConnectionAnimationSpeed?: import("../types").ConnectionSpeed | undefined;
defaultConnectionRelation?: import("../types").ConnectionRelation | undefined;
defaultConnectionLabel?: string | undefined;
defaultConnectionLabelAlwaysVisible?: boolean | undefined;
defaultConnectionLabelStyle?: import("../types").ConnectionLabelStyle | undefined;
maxRows?: number | undefined;
initialSort?: import("../types").SortState | undefined;
initialRows?: ChartRow[] | undefined;
sortable?: boolean | undefined;
labelResizable?: boolean | undefined;
milestones?: import("../types").GanttMilestone[] | undefined;
timeaxisEvents?: import("../types").TimeaxisEvent[] | undefined;
showEventsAxis?: boolean | undefined;
eventsAxisHeight?: number | undefined;
holidayHighlight?: string | undefined;
rowClass?: ((row?: ChartRow | undefined) => string) | undefined;
rowLabelClass?: ((row?: ChartRow | undefined) => string) | undefined;
dayOptionLabel?: import("../types").DayOptionLabel[] | undefined;
highlightedHours?: number[] | undefined;
highlightedDaysInWeek?: number[] | undefined;
highlightedDaysInMonth?: number[] | undefined;
highlightedMonths?: number[] | undefined;
highlightedWeek?: number[] | undefined;
locale?: string | undefined;
enableRowDragAndDrop?: boolean | undefined;
markerConnection?: import("../types").MarkerConnection | undefined;
showLabel?: boolean | undefined;
showProgress?: boolean | undefined;
defaultProgressResizable?: boolean | undefined;
utc?: boolean | undefined;
barLabelEditable?: boolean | undefined;
exportEnabled?: boolean | undefined;
exportOptions?: ExportOptions | undefined;
showImporter?: boolean | undefined;
importerTitle?: string | undefined;
importerDefaultFormat?: import("../types").ImportFormat | undefined;
importerAllowedFormats?: import("../types").ImportFormat[] | undefined;
importerBarStartField?: string | undefined;
importerBarEndField?: string | undefined;
baseUnitWidth?: number | undefined;
defaultZoom?: number | undefined;
tick?: number | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
expose(exposed: import("vue").ShallowUnwrapRef<{
exportChart: (options: ExportOptions) => Promise<ExportResult>;
isExporting: import("vue").Ref<boolean, boolean>;
}>): void;
attrs: any;
slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
"upper-timeunit"?(_: {
label: string;
value: string | undefined;
date: Date;
}): any;
timeunit?(_: {
label: string;
value: string | undefined;
date: Date;
}): any;
"holiday-tooltip"?(_: {
unit: import("../types").TimeaxisUnit;
}): any;
"event-tooltip"?(_: {
event: import("../types").TimeaxisEvent;
formatDate: (date: string | Date) => string | Date;
}): any;
"timeaxis-event"?(_: {
event: {
calculatedWidth: string;
calculatedX: number;
id: string;
label: string;
startDate: string | Date;
endDate: string | Date;
color?: string | undefined;
backgroundColor?: string | undefined;
description?: string | undefined;
width?: string | undefined;
xPosition?: number | undefined;
};
}): any;
"current-time-label"?(_: {}): any;
"pointer-marker-tooltips"?(_: {
hitBars: {
[x: string]: any;
[x: number]: any;
ganttBarConfig: {
id: string;
label?: string | undefined;
html?: string | undefined;
hasHandles?: boolean | undefined;
immobile?: boolean | undefined;
bundle?: string | undefined;
pushOnOverlap?: boolean | undefined;
pushOnConnect?: boolean | undefined;
dragLimitLeft?: number | undefined;
dragLimitRight?: number | undefined;
class?: string | undefined;
milestoneId?: string | undefined;
progress?: number | undefined;
progressResizable?: boolean | undefined;
_previousLabel?: string | undefined;
connections?: {
label?: string | undefined;
targetId: string;
type?: import("../types").ConnectionType | undefined;
color?: string | undefined;
pattern?: import("../types").ConnectionPattern | undefined;
animated?: boolean | undefined;
animationSpeed?: import("../types").ConnectionSpeed | undefined;
relation?: import("../types").ConnectionRelation | undefined;
labelAlwaysVisible?: boolean | undefined;
}[] | undefined;
};
}[];
datetime: string | Date;
}): any;
commands?(_: {
zoomIn: () => Promise<void>;
zoomOut: () => Promise<void>;
scrollRowUp: () => void;
scrollRowDown: () => void;
expandAllGroups: () => void;
collapseAllGroups: () => void;
handleToStart: () => void;
handleBack: () => void;
handleScroll: () => void;
handleForward: () => void;
handleToEnd: () => void;
undo: () => void;
redo: () => void;
canUndo: import("vue").ComputedRef<boolean>;
canRedo: import("vue").ComputedRef<boolean>;
isAtTop: boolean;
isAtBottom: boolean;
zoomLevel: number;
export: () => Promise<void>;
}): any;
"bar-tooltip"?(_: {
bar: GanttBarObject;
barStart: any;
barEnd: any;
}): any;
};
emit: GGanttChartEmits;
} | undefined;
};
export default _default;
type __VLS_PrettifyLocal<T> = {
[K in keyof T]: T[K];
} & {};
//# sourceMappingURL=GGanttChart.vue.d.ts.map