@worktile/gantt 15.1.0-next.1 → 15.1.0-next.11

package/class/event.d.ts

@@ -37,6 +37,14 @@ export declare class GanttTableDragDroppedEvent<T = unknown> {
     targetParent: GanttItem<T>;
     dropPosition: GanttTableDropPosition;
 }
+export declare class GanttTableDragStartedEvent<T = unknown> {
+    source: GanttItem<T>;
+    sourceParent: GanttItem<T>;
+}
+export declare class GanttTableDragEndedEvent<T = unknown> {
+    source: GanttItem<T>;
+    sourceParent: GanttItem<T>;
+}
 export type GanttTableDropPosition = 'before' | 'inside' | 'after';
 export declare class GanttTableDragEnterPredicateContext<T = unknown> {
     source: GanttItem<T>;

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

@@ -1,31 +1,45 @@
-import { ElementRef, OnDestroy } from '@angular/core';
+import { ElementRef, OnDestroy, NgZone } from '@angular/core';
 import { DragDrop } from '@angular/cdk/drag-drop';
 import { GanttDomService } from '../../gantt-dom.service';
 import { GanttDragContainer } from '../../gantt-drag-container';
 import { GanttItemInternal } from '../../class/item';
 import { GanttUpper } from '../../gantt-upper';
-import { NgxGanttRootComponent } from '../../root.component';
 import * as i0 from "@angular/core";
 export declare class GanttBarDrag implements OnDestroy {
     private dragDrop;
     private dom;
     private dragContainer;
-    private root;
+    private _ngZone;
     private ganttUpper;
     private barElement;
     private item;
     private get dragDisabled();
     private get linkDragDisabled();
+    private get barHandleDragMoveAndScrollDistance();
+    private get autoScrollStep();
     private linkDraggingLine;
-    private dropListRef;
     private barDragRef;
     private dragRefs;
     private destroy$;
+    /** Used to signal to the current auto-scroll sequence when to stop. */
+    private stopScrollTimers$;
+    /** container element scrollLeft */
     private containerScrollLeft;
+    /** move distance when drag bar */
     private barDragMoveDistance;
+    /** move distance when drag bar handle */
     private barHandleDragMoveDistance;
+    /** scrolling state when drag */
     private dragScrolling;
-    constructor(dragDrop: DragDrop, dom: GanttDomService, dragContainer: GanttDragContainer, root: NgxGanttRootComponent);
+    /** dragScrollDistance */
+    private dragScrollDistance;
+    /** Horizontal direction in which the list is currently scrolling. */
+    private _horizontalScrollDirection;
+    /** Record bar days when bar handle drag move. */
+    private barHandleDragMoveRecordDays;
+    /** Speed ratio for auto scroll */
+    private autoScrollSpeedRates;
+    constructor(dragDrop: DragDrop, dom: GanttDomService, dragContainer: GanttDragContainer, _ngZone: NgZone);
     private createDragRef;
     private createDragScrollEvent;
     private createMouseEvents;
@@ -37,13 +51,21 @@ export declare class GanttBarDrag implements OnDestroy {
     private setDraggingStyles;
     private clearDraggingStyles;
     private barDragMove;
-    private barHandleDragMove;
+    private barBeforeHandleDragMove;
+    private barAfterHandleDragMove;
     private calcLinkLinePositions;
     private createLinkDraggingLine;
     private destroyLinkDraggingLine;
+    private startScrollInterval;
+    private startScrollingIfNecessary;
+    private isStartGreaterThanEndWhenBarHandleDragMove;
+    private startOfBarHandle;
+    private endOfBarHandle;
+    private stopScrolling;
+    private isStartOrEndInsideView;
     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 ɵfac: i0.ɵɵFactoryDeclaration<GanttBarDrag, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GanttBarDrag>;
 }

package/components/bar/bar.component.scss

@@ -157,12 +157,6 @@ $gantt-bar-link-drop-border: 5px;
     }
   }
 
-  &-draggable-drag {
-    .gantt-bar-layer {
-      visibility: hidden;
-    }
-  }
-
   &-active {
     @include active-bar();
   }
@@ -204,20 +198,4 @@ $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

@@ -7,7 +7,7 @@
 
   svg {
     position: relative;
-    z-index: 1;
+    z-index: 2;
     background-color: variables.$gantt-bg-color;
     overflow: visible;
   }

package/components/drag-backdrop/drag-backdrop.component.scss

@@ -8,6 +8,7 @@
   left: 0;
   z-index: 2;
   display: none;
+  overflow: hidden;
 }
 
 .gantt-drag-mask {

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

@@ -1,5 +1,5 @@
 import { TemplateRef, QueryList, OnInit, EventEmitter, OnDestroy, ChangeDetectorRef, AfterViewInit } from '@angular/core';
-import { GanttItemInternal, GanttGroupInternal, GanttSelectedEvent, GanttTableDragEnterPredicateContext, GanttTableDragDroppedEvent } from '../../../class';
+import { GanttItemInternal, GanttGroupInternal, GanttSelectedEvent, GanttTableDragEnterPredicateContext, GanttTableDragDroppedEvent, GanttTableDragStartedEvent, GanttTableDragEndedEvent } from '../../../class';
 import { NgxGanttTableColumnComponent } from '../../../table/gantt-column.component';
 import { GanttAbstractComponent } from '../../../gantt-abstract';
 import { GanttUpper } from '../../../gantt-upper';
@@ -22,6 +22,8 @@ export declare class GanttTableBodyComponent implements OnInit, OnDestroy, After
     draggable: boolean;
     dropEnterPredicate?: (context: GanttTableDragEnterPredicateContext) => boolean;
     dragDropped: EventEmitter<GanttTableDragDroppedEvent<unknown>>;
+    dragStarted: EventEmitter<GanttTableDragStartedEvent<unknown>>;
+    dragEnded: EventEmitter<GanttTableDragEndedEvent<unknown>>;
     itemClick: EventEmitter<GanttSelectedEvent<unknown>>;
     ganttTableClass: boolean;
     ganttTableEmptyClass: boolean;
@@ -29,7 +31,7 @@ export declare class GanttTableBodyComponent implements OnInit, OnDestroy, After
     cdkDrags: QueryList<CdkDrag<GanttItemInternal>>;
     hasGroup: boolean;
     hasExpandIcon: boolean;
-    private itemDragRefMap;
+    private itemDragsMap;
     private itemDragMoved;
     private itemDropTarget;
     private destroy$;
@@ -49,10 +51,11 @@ export declare class GanttTableBodyComponent implements OnInit, OnDestroy, After
     private insertItem;
     private insertChildrenItem;
     private getParentByItem;
+    private getExpandChildrenByDrag;
     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>;
+    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"; "dragStarted": "dragStarted"; "dragEnded": "dragEnded"; "itemClick": "itemClick"; }, never, never, false, never>;
 }

package/esm2020/class/event.mjs

@@ -14,6 +14,10 @@ export class GanttSelectedEvent {
 }
 export class GanttTableDragDroppedEvent {
 }
+export class GanttTableDragStartedEvent {
+}
+export class GanttTableDragEndedEvent {
+}
 export class GanttTableDragEnterPredicateContext {
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9nYW50dC9zcmMvY2xhc3MvZXZlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsTUFBTSxPQUFPLGNBQWM7Q0FFMUI7QUFFRCxNQUFNLE9BQU8sZUFBZTtDQUUzQjtBQUVELE1BQU0sT0FBTyxrQkFBa0I7Q0FJOUI7QUFFRCxNQUFNLE9BQU8sc0JBQXNCO0NBR2xDO0FBRUQsTUFBTSxPQUFPLG1CQUFtQjtDQUkvQjtBQUVELE1BQU0sT0FBTyxrQkFBa0I7Q0FHOUI7QUFFRCxNQUFNLE9BQU8sa0JBQWtCO0NBRzlCO0FBRUQsTUFBTSxPQUFPLDBCQUEwQjtDQU10QztBQUlELE1BQU0sT0FBTyxtQ0FBbUM7Q0FJL0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5neEdhbnR0VGFibGVDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuLi90YWJsZS9nYW50dC1jb2x1bW4uY29tcG9uZW50JztcbmltcG9ydCB7IEdhbnR0SXRlbSB9IGZyb20gJy4vaXRlbSc7XG5pbXBvcnQgeyBHYW50dExpbmtUeXBlIH0gZnJvbSAnLi9saW5rJztcblxuZXhwb3J0IGNsYXNzIEdhbnR0RHJhZ0V2ZW50PFQgPSB1bmtub3duPiB7XG4gICAgaXRlbTogR2FudHRJdGVtPFQ+O1xufVxuXG5leHBvcnQgY2xhc3MgR2FudHRUYWJsZUV2ZW50IHtcbiAgICBjb2x1bW5zOiBRdWVyeUxpc3Q8Tmd4R2FudHRUYWJsZUNvbHVtbkNvbXBvbmVudD47XG59XG5cbmV4cG9ydCBjbGFzcyBHYW50dExpbmtEcmFnRXZlbnQ8VCA9IHVua25vd24+IHtcbiAgICBzb3VyY2U6IEdhbnR0SXRlbTxUPjtcbiAgICB0YXJnZXQ/OiBHYW50dEl0ZW08VD47XG4gICAgdHlwZT86IEdhbnR0TGlua1R5cGU7XG59XG5cbmV4cG9ydCBjbGFzcyBHYW50dExvYWRPblNjcm9sbEV2ZW50IHtcbiAgICBzdGFydDogbnVtYmVyO1xuICAgIGVuZDogbnVtYmVyO1xufVxuXG5leHBvcnQgY2xhc3MgR2FudHRMaW5lQ2xpY2tFdmVudDxUID0gdW5rbm93bj4ge1xuICAgIGV2ZW50OiBNb3VzZUV2ZW50O1xuICAgIHNvdXJjZTogR2FudHRJdGVtPFQ+O1xuICAgIHRhcmdldDogR2FudHRJdGVtPFQ+O1xufVxuXG5leHBvcnQgY2xhc3MgR2FudHRCYXJDbGlja0V2ZW50PFQgPSB1bmtub3duPiB7XG4gICAgZXZlbnQ6IEV2ZW50O1xuICAgIGl0ZW06IEdhbnR0SXRlbTxUPjtcbn1cblxuZXhwb3J0IGNsYXNzIEdhbnR0U2VsZWN0ZWRFdmVudDxUID0gdW5rbm93bj4ge1xuICAgIGV2ZW50OiBFdmVudDtcbiAgICBzZWxlY3RlZFZhbHVlOiBHYW50dEl0ZW08VD4gfCBHYW50dEl0ZW08VD5bXTtcbn1cblxuZXhwb3J0IGNsYXNzIEdhbnR0VGFibGVEcmFnRHJvcHBlZEV2ZW50PFQgPSB1bmtub3duPiB7XG4gICAgc291cmNlOiBHYW50dEl0ZW08VD47XG4gICAgc291cmNlUGFyZW50OiBHYW50dEl0ZW08VD47XG4gICAgdGFyZ2V0OiBHYW50dEl0ZW08VD47XG4gICAgdGFyZ2V0UGFyZW50OiBHYW50dEl0ZW08VD47XG4gICAgZHJvcFBvc2l0aW9uOiBHYW50dFRhYmxlRHJvcFBvc2l0aW9uO1xufVxuXG5leHBvcnQgdHlwZSBHYW50dFRhYmxlRHJvcFBvc2l0aW9uID0gJ2JlZm9yZScgfCAnaW5zaWRlJyB8ICdhZnRlcic7XG5cbmV4cG9ydCBjbGFzcyBHYW50dFRhYmxlRHJhZ0VudGVyUHJlZGljYXRlQ29udGV4dDxUID0gdW5rbm93bj4ge1xuICAgIHNvdXJjZTogR2FudHRJdGVtPFQ+O1xuICAgIHRhcmdldDogR2FudHRJdGVtPFQ+O1xuICAgIGRyb3BQb3NpdGlvbjogR2FudHRUYWJsZURyb3BQb3NpdGlvbjtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9nYW50dC9zcmMvY2xhc3MvZXZlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsTUFBTSxPQUFPLGNBQWM7Q0FFMUI7QUFFRCxNQUFNLE9BQU8sZUFBZTtDQUUzQjtBQUVELE1BQU0sT0FBTyxrQkFBa0I7Q0FJOUI7QUFFRCxNQUFNLE9BQU8sc0JBQXNCO0NBR2xDO0FBRUQsTUFBTSxPQUFPLG1CQUFtQjtDQUkvQjtBQUVELE1BQU0sT0FBTyxrQkFBa0I7Q0FHOUI7QUFFRCxNQUFNLE9BQU8sa0JBQWtCO0NBRzlCO0FBRUQsTUFBTSxPQUFPLDBCQUEwQjtDQU10QztBQUVELE1BQU0sT0FBTywwQkFBMEI7Q0FHdEM7QUFFRCxNQUFNLE9BQU8sd0JBQXdCO0NBR3BDO0FBSUQsTUFBTSxPQUFPLG1DQUFtQztDQUkvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmd4R2FudHRUYWJsZUNvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4uL3RhYmxlL2dhbnR0LWNvbHVtbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgR2FudHRJdGVtIH0gZnJvbSAnLi9pdGVtJztcbmltcG9ydCB7IEdhbnR0TGlua1R5cGUgfSBmcm9tICcuL2xpbmsnO1xuXG5leHBvcnQgY2xhc3MgR2FudHREcmFnRXZlbnQ8VCA9IHVua25vd24+IHtcbiAgICBpdGVtOiBHYW50dEl0ZW08VD47XG59XG5cbmV4cG9ydCBjbGFzcyBHYW50dFRhYmxlRXZlbnQge1xuICAgIGNvbHVtbnM6IFF1ZXJ5TGlzdDxOZ3hHYW50dFRhYmxlQ29sdW1uQ29tcG9uZW50Pjtcbn1cblxuZXhwb3J0IGNsYXNzIEdhbnR0TGlua0RyYWdFdmVudDxUID0gdW5rbm93bj4ge1xuICAgIHNvdXJjZTogR2FudHRJdGVtPFQ+O1xuICAgIHRhcmdldD86IEdhbnR0SXRlbTxUPjtcbiAgICB0eXBlPzogR2FudHRMaW5rVHlwZTtcbn1cblxuZXhwb3J0IGNsYXNzIEdhbnR0TG9hZE9uU2Nyb2xsRXZlbnQge1xuICAgIHN0YXJ0OiBudW1iZXI7XG4gICAgZW5kOiBudW1iZXI7XG59XG5cbmV4cG9ydCBjbGFzcyBHYW50dExpbmVDbGlja0V2ZW50PFQgPSB1bmtub3duPiB7XG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ7XG4gICAgc291cmNlOiBHYW50dEl0ZW08VD47XG4gICAgdGFyZ2V0OiBHYW50dEl0ZW08VD47XG59XG5cbmV4cG9ydCBjbGFzcyBHYW50dEJhckNsaWNrRXZlbnQ8VCA9IHVua25vd24+IHtcbiAgICBldmVudDogRXZlbnQ7XG4gICAgaXRlbTogR2FudHRJdGVtPFQ+O1xufVxuXG5leHBvcnQgY2xhc3MgR2FudHRTZWxlY3RlZEV2ZW50PFQgPSB1bmtub3duPiB7XG4gICAgZXZlbnQ6IEV2ZW50O1xuICAgIHNlbGVjdGVkVmFsdWU6IEdhbnR0SXRlbTxUPiB8IEdhbnR0SXRlbTxUPltdO1xufVxuXG5leHBvcnQgY2xhc3MgR2FudHRUYWJsZURyYWdEcm9wcGVkRXZlbnQ8VCA9IHVua25vd24+IHtcbiAgICBzb3VyY2U6IEdhbnR0SXRlbTxUPjtcbiAgICBzb3VyY2VQYXJlbnQ6IEdhbnR0SXRlbTxUPjtcbiAgICB0YXJnZXQ6IEdhbnR0SXRlbTxUPjtcbiAgICB0YXJnZXRQYXJlbnQ6IEdhbnR0SXRlbTxUPjtcbiAgICBkcm9wUG9zaXRpb246IEdhbnR0VGFibGVEcm9wUG9zaXRpb247XG59XG5cbmV4cG9ydCBjbGFzcyBHYW50dFRhYmxlRHJhZ1N0YXJ0ZWRFdmVudDxUID0gdW5rbm93bj4ge1xuICAgIHNvdXJjZTogR2FudHRJdGVtPFQ+O1xuICAgIHNvdXJjZVBhcmVudDogR2FudHRJdGVtPFQ+O1xufVxuXG5leHBvcnQgY2xhc3MgR2FudHRUYWJsZURyYWdFbmRlZEV2ZW50PFQgPSB1bmtub3duPiB7XG4gICAgc291cmNlOiBHYW50dEl0ZW08VD47XG4gICAgc291cmNlUGFyZW50OiBHYW50dEl0ZW08VD47XG59XG5cbmV4cG9ydCB0eXBlIEdhbnR0VGFibGVEcm9wUG9zaXRpb24gPSAnYmVmb3JlJyB8ICdpbnNpZGUnIHwgJ2FmdGVyJztcblxuZXhwb3J0IGNsYXNzIEdhbnR0VGFibGVEcmFnRW50ZXJQcmVkaWNhdGVDb250ZXh0PFQgPSB1bmtub3duPiB7XG4gICAgc291cmNlOiBHYW50dEl0ZW08VD47XG4gICAgdGFyZ2V0OiBHYW50dEl0ZW08VD47XG4gICAgZHJvcFBvc2l0aW9uOiBHYW50dFRhYmxlRHJvcFBvc2l0aW9uO1xufVxuIl19