@thienvu18/designable-core 2.0.1 → 2.0.2

package/lib/internals.d.ts

@@ -1,3 +1,3 @@
-export declare const lowerSnake: (str: string) => string;
-export declare const mergeLocales: (target: any, source: any) => any;
-export declare const getBrowserLanguage: () => any;
+export declare const lowerSnake: (str: string) => string
+export declare const mergeLocales: (target: any, source: any) => any
+export declare const getBrowserLanguage: () => any

package/lib/internals.js

@@ -1,39 +1,46 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBrowserLanguage = exports.mergeLocales = exports.lowerSnake = void 0;
-const designable_shared_1 = require("@thienvu18/designable-shared");
-const designable_shared_2 = require("@thienvu18/designable-shared");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.getBrowserLanguage = exports.mergeLocales = exports.lowerSnake = void 0
+const designable_shared_1 = require('@thienvu18/designable-shared')
+const designable_shared_2 = require('@thienvu18/designable-shared')
 const lowerSnake = (str) => {
-    return String(str).replace(/\s+/g, '_').toLocaleLowerCase();
-};
-exports.lowerSnake = lowerSnake;
+  return String(str).replace(/\s+/g, '_').toLocaleLowerCase()
+}
+exports.lowerSnake = lowerSnake
 const mergeLocales = (target, source) => {
-    if ((0, designable_shared_1.isPlainObj)(target) && (0, designable_shared_1.isPlainObj)(source)) {
-        (0, designable_shared_1.each)(source, function (value, key) {
-            const token = (0, exports.lowerSnake)(key);
-            const messages = (0, exports.mergeLocales)(target[key] || target[token], value);
-            target[token] = messages;
-        });
-        return target;
-    }
-    else if ((0, designable_shared_1.isPlainObj)(source)) {
-        const result = Array.isArray(source) ? [] : {};
-        (0, designable_shared_1.each)(source, function (value, key) {
-            const messages = (0, exports.mergeLocales)(undefined, value);
-            result[(0, exports.lowerSnake)(key)] = messages;
-        });
-        return result;
-    }
-    return source;
-};
-exports.mergeLocales = mergeLocales;
+  if (
+    (0, designable_shared_1.isPlainObj)(target) &&
+    (0, designable_shared_1.isPlainObj)(source)
+  ) {
+    ;(0, designable_shared_1.each)(source, function (value, key) {
+      const token = (0, exports.lowerSnake)(key)
+      const messages = (0, exports.mergeLocales)(
+        target[key] || target[token],
+        value
+      )
+      target[token] = messages
+    })
+    return target
+  } else if ((0, designable_shared_1.isPlainObj)(source)) {
+    const result = Array.isArray(source) ? [] : {}
+    ;(0, designable_shared_1.each)(source, function (value, key) {
+      const messages = (0, exports.mergeLocales)(undefined, value)
+      result[(0, exports.lowerSnake)(key)] = messages
+    })
+    return result
+  }
+  return source
+}
+exports.mergeLocales = mergeLocales
 const getBrowserLanguage = () => {
-    /* istanbul ignore next */
-    if (!designable_shared_2.globalThisPolyfill.navigator) {
-        return 'en';
-    }
-    return (designable_shared_2.globalThisPolyfill.navigator['browserlanguage'] ||
-        designable_shared_2.globalThisPolyfill.navigator?.language ||
-        'en');
-};
-exports.getBrowserLanguage = getBrowserLanguage;
+  /* istanbul ignore next */
+  if (!designable_shared_2.globalThisPolyfill.navigator) {
+    return 'en'
+  }
+  return (
+    designable_shared_2.globalThisPolyfill.navigator['browserlanguage'] ||
+    designable_shared_2.globalThisPolyfill.navigator?.language ||
+    'en'
+  )
+}
+exports.getBrowserLanguage = getBrowserLanguage

package/lib/models/Cursor.d.ts

@@ -1,60 +1,60 @@
-import { Engine } from './Engine';
+import { Engine } from './Engine'
 export declare enum CursorStatus {
-    Normal = "NORMAL",
-    DragStart = "DRAG_START",
-    Dragging = "DRAGGING",
-    DragStop = "DRAG_STOP"
+  Normal = 'NORMAL',
+  DragStart = 'DRAG_START',
+  Dragging = 'DRAGGING',
+  DragStop = 'DRAG_STOP',
 }
 export declare enum CursorDragType {
-    Move = "MOVE",
-    Resize = "RESIZE",
-    Rotate = "ROTATE",
-    Scale = "SCALE",
-    Translate = "TRANSLATE",
-    Round = "ROUND"
+  Move = 'MOVE',
+  Resize = 'RESIZE',
+  Rotate = 'ROTATE',
+  Scale = 'SCALE',
+  Translate = 'TRANSLATE',
+  Round = 'ROUND',
 }
 export declare enum CursorType {
-    Normal = "NORMAL",
-    Selection = "SELECTION",
-    Sketch = "SKETCH"
+  Normal = 'NORMAL',
+  Selection = 'SELECTION',
+  Sketch = 'SKETCH',
 }
 export interface ICursorPosition {
-    pageX?: number;
-    pageY?: number;
-    clientX?: number;
-    clientY?: number;
-    topPageX?: number;
-    topPageY?: number;
-    topClientX?: number;
-    topClientY?: number;
+  pageX?: number
+  pageY?: number
+  clientX?: number
+  clientY?: number
+  topPageX?: number
+  topPageY?: number
+  topClientX?: number
+  topClientY?: number
 }
 export interface ICursor {
-    status?: CursorStatus;
-    position?: ICursorPosition;
-    dragStartPosition?: ICursorPosition;
-    dragEndPosition?: ICursorPosition;
-    view?: Window;
+  status?: CursorStatus
+  position?: ICursorPosition
+  dragStartPosition?: ICursorPosition
+  dragEndPosition?: ICursorPosition
+  view?: Window
 }
 export declare class Cursor {
-    engine: Engine;
-    type: CursorType | string;
-    dragType: CursorDragType | string;
-    status: CursorStatus;
-    position: ICursorPosition;
-    dragStartPosition: ICursorPosition;
-    dragEndPosition: ICursorPosition;
-    dragAtomDelta: ICursorPosition;
-    dragStartToCurrentDelta: ICursorPosition;
-    dragStartToEndDelta: ICursorPosition;
-    view: Window;
-    constructor(engine: Engine);
-    makeObservable(): void;
-    get speed(): number;
-    setStatus(status: CursorStatus): void;
-    setType(type: CursorType | string): void;
-    setDragType(type: CursorDragType | string): void;
-    setStyle(style: string): void;
-    setPosition(position?: ICursorPosition): void;
-    setDragStartPosition(position?: ICursorPosition): void;
-    setDragEndPosition(position?: ICursorPosition): void;
+  engine: Engine
+  type: CursorType | string
+  dragType: CursorDragType | string
+  status: CursorStatus
+  position: ICursorPosition
+  dragStartPosition: ICursorPosition
+  dragEndPosition: ICursorPosition
+  dragAtomDelta: ICursorPosition
+  dragStartToCurrentDelta: ICursorPosition
+  dragStartToEndDelta: ICursorPosition
+  view: Window
+  constructor(engine: Engine)
+  makeObservable(): void
+  get speed(): number
+  setStatus(status: CursorStatus): void
+  setType(type: CursorType | string): void
+  setDragType(type: CursorDragType | string): void
+  setStyle(style: string): void
+  setPosition(position?: ICursorPosition): void
+  setDragStartPosition(position?: ICursorPosition): void
+  setDragEndPosition(position?: ICursorPosition): void
 }

package/lib/models/Cursor.js

@@ -1,137 +1,148 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cursor = exports.CursorType = exports.CursorDragType = exports.CursorStatus = void 0;
-const reactive_1 = require("@formily/reactive");
-const designable_shared_1 = require("@thienvu18/designable-shared");
-var CursorStatus;
-(function (CursorStatus) {
-    CursorStatus["Normal"] = "NORMAL";
-    CursorStatus["DragStart"] = "DRAG_START";
-    CursorStatus["Dragging"] = "DRAGGING";
-    CursorStatus["DragStop"] = "DRAG_STOP";
-})(CursorStatus || (exports.CursorStatus = CursorStatus = {}));
-var CursorDragType;
-(function (CursorDragType) {
-    CursorDragType["Move"] = "MOVE";
-    CursorDragType["Resize"] = "RESIZE";
-    CursorDragType["Rotate"] = "ROTATE";
-    CursorDragType["Scale"] = "SCALE";
-    CursorDragType["Translate"] = "TRANSLATE";
-    CursorDragType["Round"] = "ROUND";
-})(CursorDragType || (exports.CursorDragType = CursorDragType = {}));
-var CursorType;
-(function (CursorType) {
-    CursorType["Normal"] = "NORMAL";
-    CursorType["Selection"] = "SELECTION";
-    CursorType["Sketch"] = "SKETCH";
-})(CursorType || (exports.CursorType = CursorType = {}));
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.Cursor =
+  exports.CursorType =
+  exports.CursorDragType =
+  exports.CursorStatus =
+    void 0
+const reactive_1 = require('@formily/reactive')
+const designable_shared_1 = require('@thienvu18/designable-shared')
+var CursorStatus
+;(function (CursorStatus) {
+  CursorStatus['Normal'] = 'NORMAL'
+  CursorStatus['DragStart'] = 'DRAG_START'
+  CursorStatus['Dragging'] = 'DRAGGING'
+  CursorStatus['DragStop'] = 'DRAG_STOP'
+})(CursorStatus || (exports.CursorStatus = CursorStatus = {}))
+var CursorDragType
+;(function (CursorDragType) {
+  CursorDragType['Move'] = 'MOVE'
+  CursorDragType['Resize'] = 'RESIZE'
+  CursorDragType['Rotate'] = 'ROTATE'
+  CursorDragType['Scale'] = 'SCALE'
+  CursorDragType['Translate'] = 'TRANSLATE'
+  CursorDragType['Round'] = 'ROUND'
+})(CursorDragType || (exports.CursorDragType = CursorDragType = {}))
+var CursorType
+;(function (CursorType) {
+  CursorType['Normal'] = 'NORMAL'
+  CursorType['Selection'] = 'SELECTION'
+  CursorType['Sketch'] = 'SKETCH'
+})(CursorType || (exports.CursorType = CursorType = {}))
 const DEFAULT_POSITION = {
-    pageX: 0,
-    pageY: 0,
-    clientX: 0,
-    clientY: 0,
-    topPageX: 0,
-    topPageY: 0,
-    topClientX: 0,
-    topClientY: 0,
-};
+  pageX: 0,
+  pageY: 0,
+  clientX: 0,
+  clientY: 0,
+  topPageX: 0,
+  topPageY: 0,
+  topClientX: 0,
+  topClientY: 0,
+}
 const setCursorStyle = (contentWindow, style) => {
-    const currentRoot = document?.getElementsByTagName?.('html')?.[0];
-    const root = contentWindow?.document?.getElementsByTagName('html')?.[0];
-    if (root && root.style.cursor !== style) {
-        root.style.cursor = style;
-    }
-    if (currentRoot && currentRoot.style.cursor !== style) {
-        currentRoot.style.cursor = style;
-    }
-};
+  const currentRoot = document?.getElementsByTagName?.('html')?.[0]
+  const root = contentWindow?.document?.getElementsByTagName('html')?.[0]
+  if (root && root.style.cursor !== style) {
+    root.style.cursor = style
+  }
+  if (currentRoot && currentRoot.style.cursor !== style) {
+    currentRoot.style.cursor = style
+  }
+}
 const calcPositionDelta = (end, start) => {
-    return Object.keys(end || {}).reduce((buf, key) => {
-        if ((0, designable_shared_1.isValidNumber)(end?.[key]) && (0, designable_shared_1.isValidNumber)(start?.[key])) {
-            buf[key] = end[key] - start[key];
-        }
-        else {
-            buf[key] = end[key];
-        }
-        return buf;
-    }, {});
-};
-class Cursor {
-    constructor(engine) {
-        this.type = CursorType.Normal;
-        this.dragType = CursorDragType.Move;
-        this.status = CursorStatus.Normal;
-        this.position = DEFAULT_POSITION;
-        this.dragAtomDelta = DEFAULT_POSITION;
-        this.dragStartToCurrentDelta = DEFAULT_POSITION;
-        this.dragStartToEndDelta = DEFAULT_POSITION;
-        this.view = designable_shared_1.globalThisPolyfill;
-        this.engine = engine;
-        this.makeObservable();
-    }
-    makeObservable() {
-        (0, reactive_1.define)(this, {
-            type: reactive_1.observable.ref,
-            dragType: reactive_1.observable.ref,
-            status: reactive_1.observable.ref,
-            position: reactive_1.observable.ref,
-            dragStartPosition: reactive_1.observable.ref,
-            dragEndPosition: reactive_1.observable.ref,
-            dragAtomDelta: reactive_1.observable.ref,
-            dragStartToCurrentDelta: reactive_1.observable.ref,
-            dragStartToEndDelta: reactive_1.observable.ref,
-            view: reactive_1.observable.ref,
-            setStyle: reactive_1.action,
-            setPosition: reactive_1.action,
-            setStatus: reactive_1.action,
-            setType: reactive_1.action,
-        });
-    }
-    get speed() {
-        return Math.sqrt(Math.pow(this.dragAtomDelta.clientX, 2) +
-            Math.pow(this.dragAtomDelta.clientY, 2));
+  return Object.keys(end || {}).reduce((buf, key) => {
+    if (
+      (0, designable_shared_1.isValidNumber)(end?.[key]) &&
+      (0, designable_shared_1.isValidNumber)(start?.[key])
+    ) {
+      buf[key] = end[key] - start[key]
+    } else {
+      buf[key] = end[key]
     }
-    setStatus(status) {
-        this.status = status;
-    }
-    setType(type) {
-        this.type = type;
-    }
-    setDragType(type) {
-        this.dragType = type;
-    }
-    setStyle(style) {
-        this.engine.workbench.eachWorkspace((workspace) => {
-            setCursorStyle(workspace.viewport.contentWindow, style);
-        });
-    }
-    setPosition(position) {
-        this.dragAtomDelta = calcPositionDelta(this.position, position);
-        this.position = { ...position };
-        if (this.status === CursorStatus.Dragging) {
-            this.dragStartToCurrentDelta = calcPositionDelta(this.position, this.dragStartPosition);
-        }
+    return buf
+  }, {})
+}
+class Cursor {
+  constructor(engine) {
+    this.type = CursorType.Normal
+    this.dragType = CursorDragType.Move
+    this.status = CursorStatus.Normal
+    this.position = DEFAULT_POSITION
+    this.dragAtomDelta = DEFAULT_POSITION
+    this.dragStartToCurrentDelta = DEFAULT_POSITION
+    this.dragStartToEndDelta = DEFAULT_POSITION
+    this.view = designable_shared_1.globalThisPolyfill
+    this.engine = engine
+    this.makeObservable()
+  }
+  makeObservable() {
+    ;(0, reactive_1.define)(this, {
+      type: reactive_1.observable.ref,
+      dragType: reactive_1.observable.ref,
+      status: reactive_1.observable.ref,
+      position: reactive_1.observable.ref,
+      dragStartPosition: reactive_1.observable.ref,
+      dragEndPosition: reactive_1.observable.ref,
+      dragAtomDelta: reactive_1.observable.ref,
+      dragStartToCurrentDelta: reactive_1.observable.ref,
+      dragStartToEndDelta: reactive_1.observable.ref,
+      view: reactive_1.observable.ref,
+      setStyle: reactive_1.action,
+      setPosition: reactive_1.action,
+      setStatus: reactive_1.action,
+      setType: reactive_1.action,
+    })
+  }
+  get speed() {
+    return Math.sqrt(
+      Math.pow(this.dragAtomDelta.clientX, 2) +
+        Math.pow(this.dragAtomDelta.clientY, 2)
+    )
+  }
+  setStatus(status) {
+    this.status = status
+  }
+  setType(type) {
+    this.type = type
+  }
+  setDragType(type) {
+    this.dragType = type
+  }
+  setStyle(style) {
+    this.engine.workbench.eachWorkspace((workspace) => {
+      setCursorStyle(workspace.viewport.contentWindow, style)
+    })
+  }
+  setPosition(position) {
+    this.dragAtomDelta = calcPositionDelta(this.position, position)
+    this.position = { ...position }
+    if (this.status === CursorStatus.Dragging) {
+      this.dragStartToCurrentDelta = calcPositionDelta(
+        this.position,
+        this.dragStartPosition
+      )
     }
-    setDragStartPosition(position) {
-        if (position) {
-            this.dragStartPosition = { ...position };
-        }
-        else {
-            this.dragStartPosition = null;
-            this.dragStartToCurrentDelta = DEFAULT_POSITION;
-        }
+  }
+  setDragStartPosition(position) {
+    if (position) {
+      this.dragStartPosition = { ...position }
+    } else {
+      this.dragStartPosition = null
+      this.dragStartToCurrentDelta = DEFAULT_POSITION
     }
-    setDragEndPosition(position) {
-        if (!this.dragStartPosition)
-            return;
-        if (position) {
-            this.dragEndPosition = { ...position };
-            this.dragStartToEndDelta = calcPositionDelta(this.dragStartPosition, this.dragEndPosition);
-        }
-        else {
-            this.dragEndPosition = null;
-            this.dragStartToEndDelta = DEFAULT_POSITION;
-        }
+  }
+  setDragEndPosition(position) {
+    if (!this.dragStartPosition) return
+    if (position) {
+      this.dragEndPosition = { ...position }
+      this.dragStartToEndDelta = calcPositionDelta(
+        this.dragStartPosition,
+        this.dragEndPosition
+      )
+    } else {
+      this.dragEndPosition = null
+      this.dragStartToEndDelta = DEFAULT_POSITION
     }
+  }
 }
-exports.Cursor = Cursor;
+exports.Cursor = Cursor

package/lib/models/Engine.d.ts

@@ -1,29 +1,29 @@
-import { IEngineProps } from '../types';
-import { ITreeNode, TreeNode } from './TreeNode';
-import { Workbench } from './Workbench';
-import { Cursor } from './Cursor';
-import { Keyboard } from './Keyboard';
-import { Screen } from './Screen';
-import { Event } from '@thienvu18/designable-shared';
+import { Event } from '@thienvu18/designable-shared'
+import { IEngineProps } from '../types'
+import { Cursor } from './Cursor'
+import { Keyboard } from './Keyboard'
+import { Screen } from './Screen'
+import { ITreeNode, TreeNode } from './TreeNode'
+import { Workbench } from './Workbench'
 /**
  * 设计器引擎
  */
 export declare class Engine extends Event {
-    id: string;
-    props: IEngineProps<Engine>;
-    cursor: Cursor;
-    workbench: Workbench;
-    keyboard: Keyboard;
-    screen: Screen;
-    constructor(props: IEngineProps<Engine>);
-    init(): void;
-    setCurrentTree(tree?: ITreeNode): void;
-    getCurrentTree(): TreeNode;
-    getAllSelectedNodes(): TreeNode[];
-    findNodeById(id: string): TreeNode;
-    findMovingNodes(): TreeNode[];
-    createNode(node: ITreeNode, parent?: TreeNode): TreeNode;
-    mount(): void;
-    unmount(): void;
-    static defaultProps: IEngineProps<Engine>;
+  id: string
+  props: IEngineProps<Engine>
+  cursor: Cursor
+  workbench: Workbench
+  keyboard: Keyboard
+  screen: Screen
+  constructor(props: IEngineProps<Engine>)
+  init(): void
+  setCurrentTree(tree?: ITreeNode): void
+  getCurrentTree(): TreeNode
+  getAllSelectedNodes(): TreeNode[]
+  findNodeById(id: string): TreeNode
+  findMovingNodes(): TreeNode[]
+  createNode(node: ITreeNode, parent?: TreeNode): TreeNode
+  mount(): void
+  unmount(): void
+  static defaultProps: IEngineProps<Engine>
 }