Support copying items if the dropList has copyItems set to true

TKul6 · TKul6 · commit 4a5b254228ca · 2018-10-31T15:36:24.000+02:00
diff --git a/src/cdk/drag-drop/drag.ts b/src/cdk/drag-drop/drag.ts
@@ -376,8 +376,10 @@ export class CdkDrag<T = any> implements AfterViewInit, OnDestroy {
       // We move the element out at the end of the body and we make it hidden, because keeping it in
       // place will throw off the consumer's `:last-child` selectors. We can't remove the element
       // from the DOM completely, because iOS will stop firing all subsequent events in the chain.
+      if(!this._initialContainer.copyItems) {
       element.style.display = 'none';
       this._document.body.appendChild(element.parentNode!.replaceChild(placeholder, element));
+      }
       this._document.body.appendChild(preview);
       this.dropContainer.start();
     }
diff --git a/src/cdk/drag-drop/drop-list-container.ts b/src/cdk/drag-drop/drop-list-container.ts
@@ -23,6 +23,9 @@ export interface CdkDropListContainer<T = any> {
   /** Direction in which the list is oriented. */
   orientation: 'horizontal' | 'vertical';
 
+/* Whether the items should be dragged out from the container or copy to target drop zone.*/
+  copyItems: boolean;
+
   /** Locks the position of the draggable elements inside the container along the specified axis. */
   lockAxis: 'x' | 'y';
 
diff --git a/src/cdk/drag-drop/drop-list.ts b/src/cdk/drag-drop/drop-list.ts
@@ -84,6 +84,9 @@ export class CdkDropList<T = any> implements OnInit, OnDestroy {
   @Input('cdkDropListEnterPredicate')
   enterPredicate: (drag: CdkDrag, drop: CdkDropList) => boolean = () => true
 
+  @Input('cdkCopyItems')
+  copyItems: boolean = false;
+
   /** Emits when the user drops an item inside the container. */
   @Output('cdkDropListDropped')
   dropped: EventEmitter<CdkDragDrop<T, any>> = new EventEmitter<CdkDragDrop<T, any>>();
