@worktile/gantt 14.0.1 → 14.0.3

package/gantt-upper.d.ts

@@ -1,6 +1,6 @@
 import { TemplateRef, EventEmitter, ElementRef, ChangeDetectorRef, NgZone, SimpleChanges, InjectionToken, OnInit, OnDestroy, OnChanges } from '@angular/core';
 import { Subject } from 'rxjs';
-import { GanttItem, GanttGroup, GanttViewType, GanttLoadOnScrollEvent, GanttDragEvent, GanttGroupInternal, GanttItemInternal, GanttBarClickEvent, GanttLinkDragEvent } from './class';
+import { GanttItem, GanttGroup, GanttViewType, GanttLoadOnScrollEvent, GanttDragEvent, GanttGroupInternal, GanttItemInternal, GanttBarClickEvent, GanttLinkDragEvent, GanttToolbarOptions } from './class';
 import { GanttView, GanttViewOptions } from './views/view';
 import { GanttStyles } from './gantt.styles';
 import { Dictionary } from './utils/helpers';
@@ -25,6 +25,8 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     showTodayLine: boolean;
     draggable: boolean;
     styles: GanttStyles;
+    showToolbar: boolean;
+    toolbarOptions: GanttToolbarOptions;
     viewOptions: GanttViewOptions;
     set linkOptions(options: GanttLinkOptions);
     get linkOptions(): GanttLinkOptions;
@@ -38,11 +40,13 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     dragMoved: EventEmitter<GanttDragEvent<unknown>>;
     dragEnded: EventEmitter<GanttDragEvent<unknown>>;
     barClick: EventEmitter<GanttBarClickEvent<unknown>>;
+    viewChange: EventEmitter<GanttView>;
     barTemplate: TemplateRef<any>;
     rangeTemplate: TemplateRef<any>;
     itemTemplate: TemplateRef<any>;
     groupTemplate: TemplateRef<any>;
     groupHeaderTemplate: TemplateRef<any>;
+    toolbarTemplate: TemplateRef<any>;
     linkable: boolean;
     linkDragEnded: EventEmitter<GanttLinkDragEvent<unknown>>;
     view: GanttView;
@@ -50,7 +54,6 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     groups: GanttGroupInternal[];
     baselineItems: GanttBaselineItemInternal[];
     baselineItemsMap: Dictionary<GanttBaselineItemInternal>;
-    viewChange: EventEmitter<GanttView>;
     expandChange: EventEmitter<void>;
     get element(): HTMLElement;
     firstChange: boolean;
@@ -84,7 +87,9 @@ export declare abstract class GanttUpper implements OnChanges, OnInit, OnDestroy
     getGanttItem(id: string): GanttItemInternal;
     getGanttItems(ids: string[]): GanttItemInternal[];
     isSelected(id: string): boolean;
+    changeView(type: GanttViewType): void;
+    rerenderView(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttUpper, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GanttUpper, never, never, { "originItems": "items"; "originGroups": "groups"; "originBaselineItems": "baselineItems"; "viewType": "viewType"; "start": "start"; "end": "end"; "showTodayLine": "showTodayLine"; "draggable": "draggable"; "styles": "styles"; "viewOptions": "viewOptions"; "linkOptions": "linkOptions"; "disabledLoadOnScroll": "disabledLoadOnScroll"; "selectable": "selectable"; "multiple": "multiple"; }, { "loadOnScroll": "loadOnScroll"; "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; "barClick": "barClick"; }, ["barTemplate", "rangeTemplate", "itemTemplate", "groupTemplate", "groupHeaderTemplate"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GanttUpper, never, never, { "originItems": "items"; "originGroups": "groups"; "originBaselineItems": "baselineItems"; "viewType": "viewType"; "start": "start"; "end": "end"; "showTodayLine": "showTodayLine"; "draggable": "draggable"; "styles": "styles"; "showToolbar": "showToolbar"; "toolbarOptions": "toolbarOptions"; "viewOptions": "viewOptions"; "linkOptions": "linkOptions"; "disabledLoadOnScroll": "disabledLoadOnScroll"; "selectable": "selectable"; "multiple": "multiple"; }, { "loadOnScroll": "loadOnScroll"; "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; "barClick": "barClick"; "viewChange": "viewChange"; }, ["barTemplate", "rangeTemplate", "itemTemplate", "groupTemplate", "groupHeaderTemplate", "toolbarTemplate"], never, false>;
 }
 export declare const GANTT_UPPER_TOKEN: InjectionToken<GanttUpper>;

package/gantt.component.scss

@@ -54,7 +54,9 @@
     bottom: 0;
     left: 0;
     right: 0;
+    // 兼容火狐浏览器
     overflow: auto;
+    overflow: overlay;
     background-color: variables.$gantt-container-background-color;
 
     .gantt-main-groups,

package/gantt.module.d.ts

@@ -12,11 +12,12 @@ import * as i10 from "./components/drag-backdrop/drag-backdrop.component";
 import * as i11 from "./components/range/range.component";
 import * as i12 from "./root.component";
 import * as i13 from "./components/baseline/baseline.component";
-import * as i14 from "./gantt.pipe";
-import * as i15 from "@angular/common";
-import * as i16 from "@angular/cdk/drag-drop";
+import * as i14 from "./components/toolbar/toolbar.component";
+import * as i15 from "./gantt.pipe";
+import * as i16 from "@angular/common";
+import * as i17 from "@angular/cdk/drag-drop";
 export declare class NgxGanttModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGanttModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxGanttModule, [typeof i1.NgxGanttComponent, typeof i2.NgxGanttTableComponent, typeof i3.NgxGanttTableColumnComponent, typeof i4.GanttTableComponent, typeof i5.GanttMainComponent, typeof i6.GanttCalendarComponent, typeof i7.GanttLinksComponent, typeof i8.NgxGanttBarComponent, typeof i9.GanttIconComponent, typeof i10.GanttDragBackdropComponent, typeof i11.NgxGanttRangeComponent, typeof i12.NgxGanttRootComponent, typeof i13.NgxGanttBaselineComponent, typeof i14.IsGanttRangeItemPipe, typeof i14.IsGanttBarItemPipe, typeof i14.IsGanttCustomItemPipe], [typeof i15.CommonModule, typeof i16.DragDropModule], [typeof i1.NgxGanttComponent, typeof i2.NgxGanttTableComponent, typeof i3.NgxGanttTableColumnComponent, typeof i12.NgxGanttRootComponent, typeof i8.NgxGanttBarComponent, typeof i11.NgxGanttRangeComponent, typeof i13.NgxGanttBaselineComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxGanttModule, [typeof i1.NgxGanttComponent, typeof i2.NgxGanttTableComponent, typeof i3.NgxGanttTableColumnComponent, typeof i4.GanttTableComponent, typeof i5.GanttMainComponent, typeof i6.GanttCalendarComponent, typeof i7.GanttLinksComponent, typeof i8.NgxGanttBarComponent, typeof i9.GanttIconComponent, typeof i10.GanttDragBackdropComponent, typeof i11.NgxGanttRangeComponent, typeof i12.NgxGanttRootComponent, typeof i13.NgxGanttBaselineComponent, typeof i14.NgxGanttToolbarComponent, typeof i15.IsGanttRangeItemPipe, typeof i15.IsGanttBarItemPipe, typeof i15.IsGanttCustomItemPipe], [typeof i16.CommonModule, typeof i17.DragDropModule], [typeof i1.NgxGanttComponent, typeof i2.NgxGanttTableComponent, typeof i3.NgxGanttTableColumnComponent, typeof i12.NgxGanttRootComponent, typeof i8.NgxGanttBarComponent, typeof i11.NgxGanttRangeComponent, typeof i13.NgxGanttBaselineComponent, typeof i14.NgxGanttToolbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxGanttModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/gantt",
-  "version": "14.0.1",
+  "version": "14.0.3",
   "schematics": "./schematics/collection.json",
   "exports": {
     ".": {

package/public-api.d.ts

@@ -7,9 +7,11 @@ export * from './table/gantt-column.component';
 export * from './components/bar/bar.component';
 export * from './components/range/range.component';
 export * from './components/baseline/baseline.component';
+export * from './components/toolbar/toolbar.component';
 export * from './utils/date';
 export * from './class';
 export * from './views/view';
+export { registerView } from './views/factory';
 export * from './gantt-item-upper';
 export * from './gantt.pipe';
 export * from './gantt-print.service';

package/root.component.d.ts

@@ -10,7 +10,7 @@ export declare class NgxGanttRootComponent implements OnInit, OnDestroy {
     private ngZone;
     private dom;
     dragContainer: GanttDragContainer;
-    private ganttUpper;
+    ganttUpper: GanttUpper;
     private printService;
     sideWidth: number;
     sideTemplate: TemplateRef<any>;

package/styles/index.scss

@@ -8,3 +8,4 @@
 @use '../components/icon/icon.component.scss';
 @use '../components/links/links.component.scss';
 @use '../components/baseline/baseline.component.scss';
+@use '../components/toolbar/toolbar.component.scss';

package/styles/variables.scss

@@ -47,3 +47,6 @@ $gantt-table-header-drag-line-color: #348fe4 !default;
 
 // baseline
 $gantt-baseline-background-color: #cacaca !default;
+
+// toobar
+$gantt-toolbar-view-active-color: #348fe4 !default;

package/views/day.d.ts

@@ -1,9 +1,11 @@
 import { GanttView, GanttViewOptions, GanttViewDate } from './view';
 import { GanttDate } from '../utils/date';
 import { GanttDatePoint } from '../class/date-point';
+import { GanttViewType } from '../class';
 export declare class GanttViewDay extends GanttView {
     showWeekBackdrop: boolean;
     showTimeline: boolean;
+    viewType: GanttViewType;
     constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
     startOf(date: GanttDate): GanttDate;
     endOf(date: GanttDate): GanttDate;

package/views/factory.d.ts

@@ -1,8 +1,9 @@
-import { GanttViewOptions, GanttViewDate } from './view';
+import { GanttViewOptions, GanttViewDate, GanttView } from './view';
 import { GanttViewMonth } from './month';
 import { GanttViewType } from '../class/view-type';
 import { GanttViewQuarter } from './quarter';
 import { GanttViewDay } from './day';
 import { GanttViewWeek } from './week';
 import { GanttViewYear } from './year';
+export declare function registerView<T extends typeof GanttView>(type: string, view: T): void;
 export declare function createViewFactory(type: GanttViewType, start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions): GanttViewMonth | GanttViewQuarter | GanttViewDay | GanttViewWeek | GanttViewYear;

package/views/month.d.ts

@@ -1,7 +1,9 @@
 import { GanttView, GanttViewOptions, GanttViewDate } from './view';
 import { GanttDate } from '../utils/date';
 import { GanttDatePoint } from '../class/date-point';
+import { GanttViewType } from '../class';
 export declare class GanttViewMonth extends GanttView {
+    viewType: GanttViewType;
     constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
     startOf(date: GanttDate): GanttDate;
     endOf(date: GanttDate): GanttDate;

package/views/quarter.d.ts

@@ -1,7 +1,9 @@
 import { GanttView, GanttViewOptions, GanttViewDate } from './view';
 import { GanttDate } from '../utils/date';
 import { GanttDatePoint } from '../class/date-point';
+import { GanttViewType } from '../class';
 export declare class GanttViewQuarter extends GanttView {
+    viewType: GanttViewType;
     constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
     startOf(date: GanttDate): GanttDate;
     endOf(date: GanttDate): GanttDate;

package/views/view.d.ts

@@ -2,6 +2,7 @@ import { GanttDate, GanttDateUtil } from '../utils/date';
 import { GanttDatePoint } from '../class/date-point';
 import { BehaviorSubject } from 'rxjs';
 import { GanttDateFormat } from '../gantt.config';
+import { GanttViewType } from '../class';
 export declare const primaryDatePointTop = 18;
 export declare const secondaryDatePointTop = 36;
 export interface GanttViewDate {
@@ -17,8 +18,11 @@ export interface GanttViewOptions {
     addAmount?: number;
     addUnit?: GanttDateUtil;
     dateFormat?: GanttDateFormat;
+    fillDays?: number;
+    [key: string]: any;
 }
 export declare abstract class GanttView {
+    viewType: GanttViewType;
     start$: BehaviorSubject<GanttDate>;
     end$: BehaviorSubject<GanttDate>;
     get start(): GanttDate;

package/views/week.d.ts

@@ -1,7 +1,9 @@
+import { GanttViewType } from '../class';
 import { GanttDatePoint } from '../class/date-point';
 import { GanttDate } from '../utils/date';
 import { GanttView, GanttViewDate, GanttViewOptions } from './view';
 export declare class GanttViewWeek extends GanttView {
+    viewType: GanttViewType;
     constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
     startOf(date: GanttDate): GanttDate;
     endOf(date: GanttDate): GanttDate;

package/views/year.d.ts

@@ -1,7 +1,9 @@
 import { GanttView, GanttViewOptions, GanttViewDate } from './view';
 import { GanttDate } from '../utils/date';
 import { GanttDatePoint } from '../class/date-point';
+import { GanttViewType } from '../class';
 export declare class GanttViewYear extends GanttView {
+    viewType: GanttViewType;
     constructor(start: GanttViewDate, end: GanttViewDate, options?: GanttViewOptions);
     startOf(date: GanttDate): GanttDate;
     endOf(date: GanttDate): GanttDate;