@plait/core 0.4.0 → 0.5.0

package/fesm2015/plait-core.mjs

@@ -1613,7 +1613,8 @@ function createBoard(children, options) {
         selection: null,
         options: options || {
             readonly: false,
-            hideScrollbar: false
+            hideScrollbar: false,
+            disabledScrollOnNonFocus: false
         },
         pointer: (options === null || options === void 0 ? void 0 : options.readonly) ? PlaitPointerType.hand : PlaitPointerType.selection,
         undo: () => { },
@@ -1856,9 +1857,9 @@ function withSelection(board) {
         }
         const range = { anchor: point, focus: point };
         if (PlaitBoard.isPointer(board, PlaitPointerType.selection) &&
-            PlaitBoard.isFocus(board) &&
             getHitElements(board, { ranges: [range] }).length === 0 &&
-            options.isMultiple) {
+            options.isMultiple &&
+            !options.isDisabledSelect) {
             start = point;
         }
         Transforms.setSelection(board, { ranges: ranges });
@@ -1910,14 +1911,14 @@ function withSelection(board) {
         globalMouseup(event);
     };
     board.onChange = () => {
+        const options = board.getPluginOptions(PlaitPluginKey.withSelection);
         // calc selected elements entry
-        if (board.pointer !== PlaitPointerType.hand) {
+        if (board.pointer !== PlaitPointerType.hand && !options.isDisabledSelect) {
             try {
                 if (board.operations.find(value => value.type === 'set_selection')) {
                     selectionOuterG === null || selectionOuterG === void 0 ? void 0 : selectionOuterG.remove();
                     const temporaryElements = getTemporaryElements(board);
                     let elements = temporaryElements ? temporaryElements : getHitElements(board);
-                    const options = board.getPluginOptions(PlaitPluginKey.withSelection);
                     if (!options.isMultiple && elements.length > 1) {
                         elements = [elements[0]];
                     }
@@ -1956,7 +1957,10 @@ function withSelection(board) {
         }
         onChange();
     };
-    board.setPluginOptions(PlaitPluginKey.withSelection, { isMultiple: true });
+    board.setPluginOptions(PlaitPluginKey.withSelection, {
+        isMultiple: true,
+        isDisabledSelect: false
+    });
     return board;
 }
 function getTemporaryElements(board) {
@@ -2306,6 +2310,9 @@ class PlaitBoardComponent {
     get isFocused() {
         return PlaitBoard.isFocus(this.board);
     }
+    get disabledScrollOnNonFocus() {
+        return this.board.options.disabledScrollOnNonFocus && !PlaitBoard.isFocus(this.board);
+    }
     get nativeElement() {
         return this.elementRef.nativeElement;
     }
@@ -2400,12 +2407,12 @@ class PlaitBoardComponent {
         fromEvent(this.host, 'mousemove')
             .pipe(takeUntil(this.destroy$))
             .subscribe((event) => {
+            BOARD_TO_MOVING_POINT.set(this.board, [event.x, event.y]);
             this.board.mousemove(event);
         });
         fromEvent(document, 'mousemove')
             .pipe(takeUntil(this.destroy$))
             .subscribe((event) => {
-            BOARD_TO_MOVING_POINT.set(this.board, [event.x, event.y]);
             this.board.globalMousemove(event);
         });
         fromEvent(this.host, 'mouseup')
@@ -2457,8 +2464,7 @@ class PlaitBoardComponent {
             .pipe(takeUntil(this.destroy$), filter(() => this.isFocused && !PlaitBoard.isReadonly(this.board) && !PlaitBoard.hasBeenTextEditing(this.board)))
             .subscribe((clipboardEvent) => {
             const mousePoint = PlaitBoard.getMovingPoint(this.board);
-            const rect = this.nativeElement.getBoundingClientRect();
-            if (mousePoint && distanceBetweenPointAndRectangle(mousePoint[0], mousePoint[1], rect) === 0) {
+            if (mousePoint) {
                 const targetPoint = transformPoint(this.board, toPoint(mousePoint[0], mousePoint[1], this.host));
                 this.board.insertFragment(clipboardEvent.clipboardData, targetPoint);
             }
@@ -2480,7 +2486,7 @@ class PlaitBoardComponent {
                     setIsFromViewportChange(this.board, false);
                     return false;
                 }
-                return this.isFocused;
+                return true;
             }))
                 .subscribe((event) => {
                 const { scrollLeft, scrollTop } = event.target;
@@ -2545,7 +2551,7 @@ class PlaitBoardComponent {
     }
 }
 PlaitBoardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: PlaitBoardComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PlaitBoardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: PlaitBoardComponent, selector: "plait-board", inputs: { plaitValue: "plaitValue", plaitViewport: "plaitViewport", plaitPlugins: "plaitPlugins", plaitOptions: "plaitOptions" }, outputs: { plaitChange: "plaitChange", plaitBoardInitialized: "plaitBoardInitialized" }, host: { properties: { "class": "this.hostClass", "class.readonly": "this.readonly", "class.focused": "this.isFocused" } }, queries: [{ propertyName: "islands", predicate: PlaitIslandBaseComponent, descendants: true }], viewQueries: [{ propertyName: "svg", first: true, predicate: ["svg"], descendants: true, static: true }, { propertyName: "viewportContainer", first: true, predicate: ["viewportContainer"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
+PlaitBoardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: PlaitBoardComponent, selector: "plait-board", inputs: { plaitValue: "plaitValue", plaitViewport: "plaitViewport", plaitPlugins: "plaitPlugins", plaitOptions: "plaitOptions" }, outputs: { plaitChange: "plaitChange", plaitBoardInitialized: "plaitBoardInitialized" }, host: { properties: { "class": "this.hostClass", "class.readonly": "this.readonly", "class.focused": "this.isFocused", "class.disabled-scroll": "this.disabledScrollOnNonFocus" } }, queries: [{ propertyName: "islands", predicate: PlaitIslandBaseComponent, descendants: true }], viewQueries: [{ propertyName: "svg", first: true, predicate: ["svg"], descendants: true, static: true }, { propertyName: "viewportContainer", first: true, predicate: ["viewportContainer"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
         <div class="viewport-container" #viewportContainer>
             <svg #svg width="100%" height="100%" style="position: relative;"><g class="element-host"></g></svg>
             <plait-children [board]="board" [effect]="effect"></plait-children>
@@ -2586,6 +2592,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
             }], isFocused: [{
                 type: HostBinding,
                 args: ['class.focused']
+            }], disabledScrollOnNonFocus: [{
+                type: HostBinding,
+                args: ['class.disabled-scroll']
             }], svg: [{
                 type: ViewChild,
                 args: ['svg', { static: true }]
@@ -2616,7 +2625,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
  * 1.create board instance
  * 2.build fake node weak map
  */
-const createTestingBoard = (plugins, children, options = { readonly: false, hideScrollbar: true }) => {
+const createTestingBoard = (plugins, children, options = { readonly: false, hideScrollbar: true, disabledScrollOnNonFocus: false }) => {
     let board = createBoard(children, options);
     plugins.forEach(plugin => {
         board = plugin(board);