@thienvu18/designable-core 2.0.0 → 2.0.2

package/lib/models/Keyboard.js

@@ -1,106 +1,111 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Keyboard = void 0;
-const reactive_1 = require("@formily/reactive");
-const designable_shared_1 = require("@thienvu18/designable-shared");
-const Shortcut_1 = require("./Shortcut");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.Keyboard = void 0
+const reactive_1 = require('@formily/reactive')
+const designable_shared_1 = require('@thienvu18/designable-shared')
+const Shortcut_1 = require('./Shortcut')
 const Modifiers = [
-    ['metaKey', designable_shared_1.KeyCode.Meta],
-    ['shiftKey', designable_shared_1.KeyCode.Shift],
-    ['ctrlKey', designable_shared_1.KeyCode.Control],
-    ['altKey', designable_shared_1.KeyCode.Alt],
-];
+  ['metaKey', designable_shared_1.KeyCode.Meta],
+  ['shiftKey', designable_shared_1.KeyCode.Shift],
+  ['ctrlKey', designable_shared_1.KeyCode.Control],
+  ['altKey', designable_shared_1.KeyCode.Alt],
+]
 class Keyboard {
-    constructor(engine) {
-        this.shortcuts = [];
-        this.sequence = [];
-        this.keyDown = null;
-        this.modifiers = {};
-        this.requestTimer = null;
-        this.engine = engine;
-        this.shortcuts = engine.props?.shortcuts || [];
-        this.makeObservable();
+  constructor(engine) {
+    this.shortcuts = []
+    this.sequence = []
+    this.keyDown = null
+    this.modifiers = {}
+    this.requestTimer = null
+    this.engine = engine
+    this.shortcuts = engine.props?.shortcuts || []
+    this.makeObservable()
+  }
+  matchCodes(context) {
+    for (let i = 0; i < this.shortcuts.length; i++) {
+      const shortcut = this.shortcuts[i]
+      if (shortcut.match(this.sequence, context)) {
+        return true
+      }
     }
-    matchCodes(context) {
-        for (let i = 0; i < this.shortcuts.length; i++) {
-            const shortcut = this.shortcuts[i];
-            if (shortcut.match(this.sequence, context)) {
-                return true;
-            }
-        }
-        return false;
-    }
-    preventCodes() {
-        return this.shortcuts.some((shortcut) => {
-            return shortcut.preventCodes(this.sequence);
-        });
+    return false
+  }
+  preventCodes() {
+    return this.shortcuts.some((shortcut) => {
+      return shortcut.preventCodes(this.sequence)
+    })
+  }
+  includes(key) {
+    return this.sequence.some((code) =>
+      Shortcut_1.Shortcut.matchCode(code, key)
+    )
+  }
+  excludes(key) {
+    this.sequence = this.sequence.filter(
+      (code) => !Shortcut_1.Shortcut.matchCode(key, code)
+    )
+  }
+  addKeyCode(key) {
+    if (!this.includes(key)) {
+      this.sequence.push(key)
     }
-    includes(key) {
-        return this.sequence.some((code) => Shortcut_1.Shortcut.matchCode(code, key));
+  }
+  removeKeyCode(key) {
+    if (this.includes(key)) {
+      this.excludes(key)
     }
-    excludes(key) {
-        this.sequence = this.sequence.filter((code) => !Shortcut_1.Shortcut.matchCode(key, code));
-    }
-    addKeyCode(key) {
-        if (!this.includes(key)) {
-            this.sequence.push(key);
+  }
+  isModifier(code) {
+    return Modifiers.some((modifier) =>
+      Shortcut_1.Shortcut.matchCode(modifier[1], code)
+    )
+  }
+  handleModifiers(event) {
+    Modifiers.forEach(([key, code]) => {
+      if (event[key]) {
+        if (!this.includes(code)) {
+          this.sequence = [code].concat(this.sequence)
         }
+      }
+    })
+  }
+  handleKeyboard(event, context) {
+    if (event.eventType === 'keydown') {
+      this.keyDown = event.data
+      this.addKeyCode(this.keyDown)
+      this.handleModifiers(event)
+      if (this.matchCodes(context)) {
+        this.sequence = []
+      }
+      this.requestClean(4000)
+      if (this.preventCodes()) {
+        event.preventDefault()
+        event.stopPropagation()
+      }
+    } else {
+      if (this.isModifier(event.data)) {
+        this.sequence = []
+      }
+      this.keyDown = null
     }
-    removeKeyCode(key) {
-        if (this.includes(key)) {
-            this.excludes(key);
-        }
-    }
-    isModifier(code) {
-        return Modifiers.some((modifier) => Shortcut_1.Shortcut.matchCode(modifier[1], code));
-    }
-    handleModifiers(event) {
-        Modifiers.forEach(([key, code]) => {
-            if (event[key]) {
-                if (!this.includes(code)) {
-                    this.sequence = [code].concat(this.sequence);
-                }
-            }
-        });
-    }
-    handleKeyboard(event, context) {
-        if (event.eventType === 'keydown') {
-            this.keyDown = event.data;
-            this.addKeyCode(this.keyDown);
-            this.handleModifiers(event);
-            if (this.matchCodes(context)) {
-                this.sequence = [];
-            }
-            this.requestClean(4000);
-            if (this.preventCodes()) {
-                event.preventDefault();
-                event.stopPropagation();
-            }
-        }
-        else {
-            if (this.isModifier(event.data)) {
-                this.sequence = [];
-            }
-            this.keyDown = null;
-        }
-    }
-    isKeyDown(code) {
-        return this.keyDown === code;
-    }
-    requestClean(duration = 320) {
-        clearTimeout(this.requestTimer);
-        this.requestTimer = setTimeout(() => {
-            this.keyDown = null;
-            this.sequence = [];
-            clearTimeout(this.requestTimer);
-        }, duration);
-    }
-    makeObservable() {
-        (0, reactive_1.define)(this, {
-            sequence: reactive_1.observable.shallow,
-            keyDown: reactive_1.observable.ref,
-            handleKeyboard: reactive_1.action,
-        });
-    }
+  }
+  isKeyDown(code) {
+    return this.keyDown === code
+  }
+  requestClean(duration = 320) {
+    clearTimeout(this.requestTimer)
+    this.requestTimer = setTimeout(() => {
+      this.keyDown = null
+      this.sequence = []
+      clearTimeout(this.requestTimer)
+    }, duration)
+  }
+  makeObservable() {
+    ;(0, reactive_1.define)(this, {
+      sequence: reactive_1.observable.shallow,
+      keyDown: reactive_1.observable.ref,
+      handleKeyboard: reactive_1.action,
+    })
+  }
 }
-exports.Keyboard = Keyboard;
+exports.Keyboard = Keyboard

package/lib/models/MoveHelper.d.ts

@@ -1,66 +1,69 @@
-import { Operation } from './Operation';
-import { TreeNode } from './TreeNode';
-import { IPoint, Rect } from '@thienvu18/designable-shared';
-import { Viewport } from './Viewport';
+import { IPoint, Rect } from '@thienvu18/designable-shared'
+import { Operation } from './Operation'
+import { TreeNode } from './TreeNode'
+import { Viewport } from './Viewport'
 export declare enum ClosestPosition {
-    Before = "BEFORE",
-    ForbidBefore = "FORBID_BEFORE",
-    After = "After",
-    ForbidAfter = "FORBID_AFTER",
-    Upper = "UPPER",
-    ForbidUpper = "FORBID_UPPER",
-    Under = "UNDER",
-    ForbidUnder = "FORBID_UNDER",
-    Inner = "INNER",
-    ForbidInner = "FORBID_INNER",
-    InnerAfter = "INNER_AFTER",
-    ForbidInnerAfter = "FORBID_INNER_AFTER",
-    InnerBefore = "INNER_BEFORE",
-    ForbidInnerBefore = "FORBID_INNER_BEFORE",
-    Forbid = "FORBID"
+  Before = 'BEFORE',
+  ForbidBefore = 'FORBID_BEFORE',
+  After = 'After',
+  ForbidAfter = 'FORBID_AFTER',
+  Upper = 'UPPER',
+  ForbidUpper = 'FORBID_UPPER',
+  Under = 'UNDER',
+  ForbidUnder = 'FORBID_UNDER',
+  Inner = 'INNER',
+  ForbidInner = 'FORBID_INNER',
+  InnerAfter = 'INNER_AFTER',
+  ForbidInnerAfter = 'FORBID_INNER_AFTER',
+  InnerBefore = 'INNER_BEFORE',
+  ForbidInnerBefore = 'FORBID_INNER_BEFORE',
+  Forbid = 'FORBID',
 }
 export interface IMoveHelperProps {
-    operation: Operation;
+  operation: Operation
 }
 export interface IMoveHelperDragStartProps {
-    dragNodes: TreeNode[];
+  dragNodes: TreeNode[]
 }
 export interface IMoveHelperDragDropProps {
-    dropNode: TreeNode;
+  dropNode: TreeNode
 }
 export interface IMoveHelperDragMoveProps {
-    touchNode: TreeNode;
-    point: IPoint;
+  touchNode: TreeNode
+  point: IPoint
 }
 export declare class MoveHelper {
-    operation: Operation;
-    rootNode: TreeNode;
-    dragNodes: TreeNode[];
-    touchNode: TreeNode;
-    closestNode: TreeNode;
-    activeViewport: Viewport;
-    viewportClosestRect: Rect;
-    outlineClosestRect: Rect;
-    viewportClosestOffsetRect: Rect;
-    outlineClosestOffsetRect: Rect;
-    viewportClosestDirection: ClosestPosition;
-    outlineClosestDirection: ClosestPosition;
-    dragging: boolean;
-    constructor(props: IMoveHelperProps);
-    get cursor(): import("./Cursor").Cursor;
-    get viewport(): Viewport;
-    get outline(): Viewport;
-    get hasDragNodes(): boolean;
-    get closestDirection(): ClosestPosition;
-    getClosestLayout(viewport: Viewport): "vertical" | "horizontal";
-    calcClosestPosition(point: IPoint, viewport: Viewport): ClosestPosition;
-    calcClosestNode(point: IPoint, viewport: Viewport): TreeNode;
-    calcClosestRect(viewport: Viewport, closestDirection: ClosestPosition): Rect;
-    calcClosestOffsetRect(viewport: Viewport, closestDirection: ClosestPosition): Rect;
-    dragStart(props: IMoveHelperDragStartProps): void;
-    dragMove(props: IMoveHelperDragMoveProps): void;
-    dragDrop(props: IMoveHelperDragDropProps): void;
-    dragEnd(): void;
-    trigger(event: any): any;
-    makeObservable(): void;
+  operation: Operation
+  rootNode: TreeNode
+  dragNodes: TreeNode[]
+  touchNode: TreeNode
+  closestNode: TreeNode
+  activeViewport: Viewport
+  viewportClosestRect: Rect
+  outlineClosestRect: Rect
+  viewportClosestOffsetRect: Rect
+  outlineClosestOffsetRect: Rect
+  viewportClosestDirection: ClosestPosition
+  outlineClosestDirection: ClosestPosition
+  dragging: boolean
+  constructor(props: IMoveHelperProps)
+  get cursor(): import('./Cursor').Cursor
+  get viewport(): Viewport
+  get outline(): Viewport
+  get hasDragNodes(): boolean
+  get closestDirection(): ClosestPosition
+  getClosestLayout(viewport: Viewport): 'vertical' | 'horizontal'
+  calcClosestPosition(point: IPoint, viewport: Viewport): ClosestPosition
+  calcClosestNode(point: IPoint, viewport: Viewport): TreeNode
+  calcClosestRect(viewport: Viewport, closestDirection: ClosestPosition): Rect
+  calcClosestOffsetRect(
+    viewport: Viewport,
+    closestDirection: ClosestPosition
+  ): Rect
+  dragStart(props: IMoveHelperDragStartProps): void
+  dragMove(props: IMoveHelperDragMoveProps): void
+  dragDrop(props: IMoveHelperDragDropProps): void
+  dragEnd(): void
+  trigger(event: any): any
+  makeObservable(): void
 }