@worktile/gantt 15.0.0 → 15.1.0-next.1

package/class/event.d.ts

@@ -30,3 +30,16 @@ export declare class GanttSelectedEvent<T = unknown> {
     event: Event;
     selectedValue: GanttItem<T> | GanttItem<T>[];
 }
+export declare class GanttTableDragDroppedEvent<T = unknown> {
+    source: GanttItem<T>;
+    sourceParent: GanttItem<T>;
+    target: GanttItem<T>;
+    targetParent: GanttItem<T>;
+    dropPosition: GanttTableDropPosition;
+}
+export type GanttTableDropPosition = 'before' | 'inside' | 'after';
+export declare class GanttTableDragEnterPredicateContext<T = unknown> {
+    source: GanttItem<T>;
+    target: GanttItem<T>;
+    dropPosition: GanttTableDropPosition;
+}

package/class/item.d.ts

@@ -1,6 +1,7 @@
 import { GanttDate } from '../utils/date';
 import { BehaviorSubject } from 'rxjs';
 import { GanttLink } from './link';
+import { GanttViewType } from './view-type';
 export interface GanttItemRefs {
     width: number;
     x: number;
@@ -19,6 +20,7 @@ export interface GanttItem<T = unknown> {
     group_id?: string;
     links?: (GanttLink | string)[];
     draggable?: boolean;
+    itemDraggable?: boolean;
     linkable?: boolean;
     expandable?: boolean;
     expanded?: boolean;
@@ -38,6 +40,7 @@ export declare class GanttItemInternal {
     color?: string;
     barStyle?: Partial<CSSStyleDeclaration>;
     draggable?: boolean;
+    itemDraggable?: boolean;
     linkable?: boolean;
     origin: GanttItem;
     expandable?: boolean;
@@ -47,6 +50,8 @@ export declare class GanttItemInternal {
     type?: GanttItemType;
     progress?: number;
     fillDays?: number;
+    viewType?: GanttViewType;
+    level?: number;
     get refs(): {
         width: number;
         x: number;
@@ -57,12 +62,13 @@ export declare class GanttItemInternal {
         x: number;
         y: number;
     }>;
-    constructor(item: GanttItem, options?: {
+    constructor(item: GanttItem, level?: number, options?: {
         fillDays: number;
     });
     fillItemStartOrEnd(item: GanttItem): void;
     updateRefs(refs: GanttItemRefs): void;
     updateDate(start: GanttDate, end: GanttDate): void;
+    updateLevel(level: number): void;
     addChildren(items: GanttItem[]): void;
     setExpand(expanded: boolean): void;
     addLink(link: GanttLink): void;

package/components/bar/bar-drag.d.ts

@@ -17,10 +17,17 @@ export declare class GanttBarDrag implements OnDestroy {
     private get dragDisabled();
     private get linkDragDisabled();
     private linkDraggingLine;
+    private dropListRef;
     private barDragRef;
     private dragRefs;
     private destroy$;
+    private containerScrollLeft;
+    private barDragMoveDistance;
+    private barHandleDragMoveDistance;
+    private dragScrolling;
     constructor(dragDrop: DragDrop, dom: GanttDomService, dragContainer: GanttDragContainer, root: NgxGanttRootComponent);
+    private createDragRef;
+    private createDragScrollEvent;
     private createMouseEvents;
     private createBarDrag;
     private createBarHandleDrags;
@@ -29,10 +36,13 @@ export declare class GanttBarDrag implements OnDestroy {
     private closeDragBackdrop;
     private setDraggingStyles;
     private clearDraggingStyles;
+    private barDragMove;
+    private barHandleDragMove;
     private calcLinkLinePositions;
     private createLinkDraggingLine;
     private destroyLinkDraggingLine;
     createDrags(elementRef: ElementRef, item: GanttItemInternal, ganttUpper: GanttUpper): void;
+    updateItem(item: GanttItemInternal): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttBarDrag, [null, null, null, { skipSelf: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GanttBarDrag>;

package/components/bar/bar.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, ElementRef, OnChanges, OnDestroy, EventEmitter, AfterViewInit, QueryList, NgZone } from '@angular/core';
+import { OnInit, ElementRef, OnChanges, OnDestroy, EventEmitter, AfterViewInit, QueryList, NgZone, SimpleChanges } from '@angular/core';
 import { GanttBarDrag } from './bar-drag';
 import { GanttDragContainer } from '../../gantt-drag-container';
 import { GanttBarClickEvent } from '../../class';
@@ -16,6 +16,7 @@ export declare class NgxGanttBarComponent extends GanttItemUpper implements OnIn
     handles: QueryList<ElementRef<HTMLElement>>;
     constructor(dragContainer: GanttDragContainer, drag: GanttBarDrag, elementRef: ElementRef<HTMLDivElement>, ganttUpper: GanttUpper, ngZone: NgZone);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     onBarClick(event: Event): void;
     private setContentBackground;

package/components/bar/bar.component.scss

@@ -157,6 +157,12 @@ $gantt-bar-link-drop-border: 5px;
     }
   }
 
+  &-draggable-drag {
+    .gantt-bar-layer {
+      visibility: hidden;
+    }
+  }
+
   &-active {
     @include active-bar();
   }
@@ -198,4 +204,20 @@ $gantt-bar-link-drop-border: 5px;
       }
     }
   }
+
+  // 强制去掉 cdk drag placeholder 默认样式
+  &.cdk-drag-placeholder,
+  .drag-handles .handle.cdk-drag-placeholder {
+    background: none !important;
+  }
+}
+
+.handle.cdk-drag-preview {
+  visibility: hidden;
+}
+
+.gantt-bar.cdk-drag-preview {
+  .gantt-bar-layer {
+    display: none;
+  }
 }

package/components/calendar/calendar.scss

@@ -0,0 +1,91 @@
+@use '../../styles/variables';
+
+.gantt-calendar {
+  display: block;
+  height: 100%;
+  overflow: hidden;
+
+  svg {
+    position: relative;
+    z-index: 1;
+    background-color: variables.$gantt-bg-color;
+    overflow: visible;
+  }
+  line {
+    shape-rendering: crispEdges;
+  }
+
+  .primary-line {
+    stroke: variables.$gantt-date-primary-border;
+  }
+
+  .gantt-calendar-today-overlay {
+    position: relative;
+    z-index: 1;
+    .today-rect {
+      width: 35px;
+      height: 24px;
+      position: absolute;
+      background: variables.$gantt-date-today-color;
+      color: variables.$gantt-date-today-text-color;
+      text-align: center;
+      border-radius: 4px;
+    }
+    .today-line {
+      position: absolute;
+      width: 3px;
+      background: variables.$gantt-date-today-color;
+      transform: scaleX(0.5);
+      transform-origin: 100% 0;
+      margin-left: -2px;
+    }
+  }
+}
+
+.gantt-calendar-header {
+  position: relative;
+  z-index: 2;
+  height: variables.$gantt-header-height;
+  .gantt-calendar-today-overlay {
+    z-index: 2;
+  }
+  .header-line {
+    stroke: variables.$gantt-border-color;
+  }
+
+  .primary-text {
+    fill: variables.$gantt-date-primary-color;
+    font-size: variables.$gantt-date-primary-font-size;
+  }
+
+  .secondary-text {
+    fill: variables.$gantt-date-secondary-color;
+    font-size: variables.$gantt-date-secondary-font-size;
+
+    &-weekend {
+      fill: variables.$gantt-date-secondary-weekend-color;
+    }
+  }
+
+  .primary-text,
+  .secondary-text {
+    text-anchor: middle;
+  }
+}
+
+.gantt-calendar-grid {
+  position: absolute;
+  width: 100%;
+  .gantt-calendar-grid-main {
+    background-color: transparent;
+  }
+
+  .secondary-line {
+    stroke-dasharray: 2px 5px;
+    stroke: #cacaca;
+  }
+
+  .secondary-backdrop {
+    fill: variables.$gantt-date-week-backdrop-bg;
+  }
+}

package/components/calendar/grid/calendar-grid.component.d.ts

@@ -0,0 +1,24 @@
+import { OnInit, OnDestroy, NgZone, ElementRef } from '@angular/core';
+import { GanttDatePoint } from '../../../class/date-point';
+import { GanttUpper } from '../../../gantt-upper';
+import { GanttViewType } from './../../../class/view-type';
+import * as i0 from "@angular/core";
+export declare class GanttCalendarGridComponent implements OnInit, OnDestroy {
+    ganttUpper: GanttUpper;
+    private ngZone;
+    private elementRef;
+    get view(): import("@worktile/gantt").GanttView;
+    private unsubscribe$;
+    headerHeight: number;
+    mainHeight: number;
+    todayBorderRadius: number;
+    viewTypes: typeof GanttViewType;
+    className: string;
+    constructor(ganttUpper: GanttUpper, ngZone: NgZone, elementRef: ElementRef<HTMLElement>);
+    setTodayPoint(): void;
+    ngOnInit(): void;
+    trackBy(point: GanttDatePoint, index: number): string | number;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GanttCalendarGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttCalendarGridComponent, "gantt-calendar-grid", never, {}, {}, never, never, false, never>;
+}

package/components/calendar/header/calendar-header.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit, NgZone, ElementRef } from '@angular/core';
+import { GanttDatePoint } from '../../../class/date-point';
+import { GanttUpper } from '../../../gantt-upper';
+import { GanttViewType } from '../../../class';
+import * as i0 from "@angular/core";
+export declare class GanttCalendarHeaderComponent implements OnInit {
+    ganttUpper: GanttUpper;
+    private ngZone;
+    private elementRef;
+    get view(): import("@worktile/gantt").GanttView;
+    private unsubscribe$;
+    headerHeight: number;
+    viewTypes: typeof GanttViewType;
+    className: string;
+    constructor(ganttUpper: GanttUpper, ngZone: NgZone, elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    setTodayPoint(): void;
+    trackBy(point: GanttDatePoint, index: number): string | number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GanttCalendarHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttCalendarHeaderComponent, "gantt-calendar-header", never, {}, {}, never, never, false, never>;
+}

package/components/icon/icons.d.ts

@@ -5,4 +5,5 @@ export declare const icons: {
     'minus-square': string;
     loading: string;
     empty: string;
+    drag: string;
 };

package/components/links/links.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, EventEmitter, ChangeDetectorRef, ElementRef, OnDestroy, OnChanges } from '@angular/core';
+import { OnInit, EventEmitter, ChangeDetectorRef, ElementRef, OnDestroy, OnChanges, NgZone } from '@angular/core';
 import { GanttGroupInternal } from '../../class/group';
 import { GanttItemInternal } from './../../class/item';
 import { GanttLineClickEvent } from '../../class/event';
@@ -11,8 +11,8 @@ export declare class GanttLinksComponent implements OnInit, OnChanges, OnDestroy
     private cdr;
     private elementRef;
     private ganttDragContainer;
-    groups: GanttGroupInternal[];
-    items: GanttItemInternal[];
+    private ngZone;
+    flatData: (GanttGroupInternal | GanttItemInternal)[];
     lineClick: EventEmitter<GanttLineClickEvent<unknown>>;
     links: LinkInternal[];
     ganttLinkTypes: typeof GanttLinkType;
@@ -22,7 +22,7 @@ export declare class GanttLinksComponent implements OnInit, OnChanges, OnDestroy
     private linkLine;
     private unsubscribe$;
     ganttLinksOverlay: boolean;
-    constructor(ganttUpper: GanttUpper, cdr: ChangeDetectorRef, elementRef: ElementRef, ganttDragContainer: GanttDragContainer);
+    constructor(ganttUpper: GanttUpper, cdr: ChangeDetectorRef, elementRef: ElementRef, ganttDragContainer: GanttDragContainer, ngZone: NgZone);
     ngOnInit(): void;
     ngOnChanges(): void;
     private computeItemPosition;
@@ -33,5 +33,5 @@ export declare class GanttLinksComponent implements OnInit, OnChanges, OnDestroy
     mouseLeavePath(link: LinkInternal): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttLinksComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GanttLinksComponent, "gantt-links-overlay", never, { "groups": "groups"; "items": "items"; }, { "lineClick": "lineClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttLinksComponent, "gantt-links-overlay", never, { "flatData": "flatData"; }, { "lineClick": "lineClick"; }, never, never, false, never>;
 }

package/components/loader/loader.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class GanttLoaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GanttLoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttLoaderComponent, "gantt-loader", never, {}, {}, never, never, false, never>;
+}

package/components/loader/loader.component.scss

@@ -0,0 +1,90 @@
+@use '../../styles/variables.scss';
+
+.gantt-loader {
+  &-overlay {
+    position: absolute;
+    width: 100%;
+    height: calc(100% - 40px);
+    top: 40px;
+    left: 0;
+    background: rgba(255, 255, 255, 0.6);
+    z-index: 1001;
+  }
+
+  &-wrapper {
+    position: absolute;
+    padding-top: 20px;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  &-loading {
+    display: inline-block;
+    position: relative;
+    height: 8px;
+    border-radius: 4px;
+    transform: translateX(-18px);
+
+    &:before,
+    &:after {
+      content: '';
+      display: block;
+      position: absolute;
+      height: 8px;
+      width: 8px;
+      border-radius: 4px;
+    }
+
+    &:before {
+      animation: gantt-loader-loading-ellipsis-b 1s ease-in-out infinite;
+      background: variables.$gantt-loader-loading-color;
+      opacity: 0.4;
+    }
+
+    &:after {
+      animation: gantt-loader-loading-ellipsis-a 1s ease-in-out infinite;
+      background: variables.$gantt-loader-loading-color;
+      opacity: 0.8;
+    }
+
+    &-spot {
+      position: absolute;
+      left: 13px;
+      height: 8px;
+      width: 8px;
+      background: variables.$gantt-loader-loading-color;
+      border-radius: 4px;
+    }
+  }
+}
+
+@keyframes gantt-loader-loading-ellipsis-b {
+  0% {
+    left: 0;
+    transform: scale(1.1);
+  }
+  50% {
+    left: 25px;
+    transform: scale(1);
+  }
+  100% {
+    left: 0;
+    transform: scale(1.1);
+  }
+}
+
+@keyframes gantt-loader-loading-ellipsis-a {
+  0% {
+    left: 25px;
+    transform: scale(1.1);
+  }
+  50% {
+    left: 0;
+    transform: scale(1);
+  }
+  100% {
+    left: 25px;
+    transform: scale(1.1);
+  }
+}

package/components/main/gantt-main.component.d.ts

@@ -4,8 +4,8 @@ import { GanttUpper } from '../../gantt-upper';
 import * as i0 from "@angular/core";
 export declare class GanttMainComponent {
     ganttUpper: GanttUpper;
-    groups: GanttGroupInternal[];
-    items: GanttItemInternal[];
+    renderData: (GanttGroupInternal | GanttItemInternal)[];
+    flatData: (GanttGroupInternal | GanttItemInternal)[];
     groupHeaderTemplate: TemplateRef<any>;
     itemTemplate: TemplateRef<any>;
     barTemplate: TemplateRef<any>;
@@ -16,5 +16,5 @@ export declare class GanttMainComponent {
     constructor(ganttUpper: GanttUpper);
     trackBy(index: number, item: GanttGroupInternal | GanttItemInternal): string | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttMainComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GanttMainComponent, "gantt-main", never, { "groups": "groups"; "items": "items"; "groupHeaderTemplate": "groupHeaderTemplate"; "itemTemplate": "itemTemplate"; "barTemplate": "barTemplate"; "rangeTemplate": "rangeTemplate"; }, { "barClick": "barClick"; "lineClick": "lineClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttMainComponent, "gantt-main", never, { "renderData": "renderData"; "flatData": "flatData"; "groupHeaderTemplate": "groupHeaderTemplate"; "itemTemplate": "itemTemplate"; "barTemplate": "barTemplate"; "rangeTemplate": "rangeTemplate"; }, { "barClick": "barClick"; "lineClick": "lineClick"; }, never, never, false, never>;
 }

package/components/table/body/gantt-table-body.component.d.ts

@@ -0,0 +1,58 @@
+import { TemplateRef, QueryList, OnInit, EventEmitter, OnDestroy, ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import { GanttItemInternal, GanttGroupInternal, GanttSelectedEvent, GanttTableDragEnterPredicateContext, GanttTableDragDroppedEvent } from '../../../class';
+import { NgxGanttTableColumnComponent } from '../../../table/gantt-column.component';
+import { GanttAbstractComponent } from '../../../gantt-abstract';
+import { GanttUpper } from '../../../gantt-upper';
+import { CdkDrag, CdkDragDrop, CdkDragEnd, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
+import * as i0 from "@angular/core";
+export declare class GanttTableBodyComponent implements OnInit, OnDestroy, AfterViewInit {
+    gantt: GanttAbstractComponent;
+    ganttUpper: GanttUpper;
+    private cdr;
+    private document;
+    private _renderData;
+    set renderData(data: (GanttGroupInternal | GanttItemInternal)[]);
+    get renderData(): (GanttGroupInternal | GanttItemInternal)[];
+    flatData: (GanttGroupInternal | GanttItemInternal)[];
+    columns: QueryList<NgxGanttTableColumnComponent>;
+    groupTemplate: TemplateRef<any>;
+    emptyTemplate: TemplateRef<any>;
+    rowBeforeTemplate: TemplateRef<any>;
+    rowAfterTemplate: TemplateRef<any>;
+    draggable: boolean;
+    dropEnterPredicate?: (context: GanttTableDragEnterPredicateContext) => boolean;
+    dragDropped: EventEmitter<GanttTableDragDroppedEvent<unknown>>;
+    itemClick: EventEmitter<GanttSelectedEvent<unknown>>;
+    ganttTableClass: boolean;
+    ganttTableEmptyClass: boolean;
+    ganttTableDragging: boolean;
+    cdkDrags: QueryList<CdkDrag<GanttItemInternal>>;
+    hasGroup: boolean;
+    hasExpandIcon: boolean;
+    private itemDragRefMap;
+    private itemDragMoved;
+    private itemDropTarget;
+    private destroy$;
+    constructor(gantt: GanttAbstractComponent, ganttUpper: GanttUpper, cdr: ChangeDetectorRef, document: Document);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    expandGroup(group: GanttGroupInternal): void;
+    expandChildren(event: MouseEvent, item: GanttItemInternal): void;
+    onItemDragStarted(event: CdkDragStart<GanttItemInternal>): void;
+    emitItemDragMoved(event: CdkDragMove): void;
+    onItemDragMoved(event: CdkDragMove<GanttItemInternal>): void;
+    onItemDragEnded(event: CdkDragEnd<GanttItemInternal>): void;
+    onListDropped(event: CdkDragDrop<GanttItemInternal[], GanttItemInternal[], GanttItemInternal>): void;
+    trackBy(index: number, item: GanttGroupInternal | GanttItemInternal): string | number;
+    ngOnDestroy(): void;
+    private removeItem;
+    private insertItem;
+    private insertChildrenItem;
+    private getParentByItem;
+    private getChildrenElementsByElement;
+    private getTargetPosition;
+    private showDropPositionPlaceholder;
+    private cleanupDragArtifacts;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GanttTableBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttTableBodyComponent, "gantt-table-body", never, { "renderData": "renderData"; "flatData": "flatData"; "columns": "columns"; "groupTemplate": "groupTemplate"; "emptyTemplate": "emptyTemplate"; "rowBeforeTemplate": "rowBeforeTemplate"; "rowAfterTemplate": "rowAfterTemplate"; "draggable": "draggable"; "dropEnterPredicate": "dropEnterPredicate"; }, { "dragDropped": "dragDropped"; "itemClick": "itemClick"; }, never, never, false, never>;
+}