@thienvu18/designable-core 2.0.1 → 2.0.2

package/lib/models/Engine.js

@@ -1,87 +1,87 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Engine = void 0;
-const TreeNode_1 = require("./TreeNode");
-const Workbench_1 = require("./Workbench");
-const Cursor_1 = require("./Cursor");
-const Keyboard_1 = require("./Keyboard");
-const Screen_1 = require("./Screen");
-const designable_shared_1 = require("@thienvu18/designable-shared");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.Engine = void 0
+const TreeNode_1 = require('./TreeNode')
+const Workbench_1 = require('./Workbench')
+const Cursor_1 = require('./Cursor')
+const Keyboard_1 = require('./Keyboard')
+const Screen_1 = require('./Screen')
+const designable_shared_1 = require('@thienvu18/designable-shared')
 /**
  * 设计器引擎
  */
 class Engine extends designable_shared_1.Event {
-    constructor(props) {
-        super(props);
-        this.props = {
-            ...Engine.defaultProps,
-            ...props,
-        };
-        this.init();
-        this.id = (0, designable_shared_1.uid)();
+  constructor(props) {
+    super(props)
+    this.props = {
+      ...Engine.defaultProps,
+      ...props,
     }
-    init() {
-        this.workbench = new Workbench_1.Workbench(this);
-        this.screen = new Screen_1.Screen(this);
-        this.cursor = new Cursor_1.Cursor(this);
-        this.keyboard = new Keyboard_1.Keyboard(this);
+    this.init()
+    this.id = (0, designable_shared_1.uid)()
+  }
+  init() {
+    this.workbench = new Workbench_1.Workbench(this)
+    this.screen = new Screen_1.Screen(this)
+    this.cursor = new Cursor_1.Cursor(this)
+    this.keyboard = new Keyboard_1.Keyboard(this)
+  }
+  setCurrentTree(tree) {
+    if (this.workbench.currentWorkspace) {
+      this.workbench.currentWorkspace.operation.tree.from(tree)
     }
-    setCurrentTree(tree) {
-        if (this.workbench.currentWorkspace) {
-            this.workbench.currentWorkspace.operation.tree.from(tree);
-        }
-    }
-    getCurrentTree() {
-        return this.workbench?.currentWorkspace?.operation?.tree;
+  }
+  getCurrentTree() {
+    return this.workbench?.currentWorkspace?.operation?.tree
+  }
+  getAllSelectedNodes() {
+    let results = []
+    for (let i = 0; i < this.workbench.workspaces.length; i++) {
+      const workspace = this.workbench.workspaces[i]
+      results = results.concat(workspace.operation.selection.selectedNodes)
     }
-    getAllSelectedNodes() {
-        let results = [];
-        for (let i = 0; i < this.workbench.workspaces.length; i++) {
-            const workspace = this.workbench.workspaces[i];
-            results = results.concat(workspace.operation.selection.selectedNodes);
+    return results
+  }
+  findNodeById(id) {
+    return TreeNode_1.TreeNode.findById(id)
+  }
+  findMovingNodes() {
+    const results = []
+    this.workbench.eachWorkspace((workspace) => {
+      workspace.operation.moveHelper.dragNodes?.forEach((node) => {
+        if (!results.includes(node)) {
+          results.push(node)
         }
-        return results;
-    }
-    findNodeById(id) {
-        return TreeNode_1.TreeNode.findById(id);
-    }
-    findMovingNodes() {
-        const results = [];
-        this.workbench.eachWorkspace((workspace) => {
-            workspace.operation.moveHelper.dragNodes?.forEach((node) => {
-                if (!results.includes(node)) {
-                    results.push(node);
-                }
-            });
-        });
-        return results;
-    }
-    createNode(node, parent) {
-        return new TreeNode_1.TreeNode(node, parent);
-    }
-    mount() {
-        this.attachEvents(designable_shared_1.globalThisPolyfill);
-    }
-    unmount() {
-        this.detachEvents();
-    }
+      })
+    })
+    return results
+  }
+  createNode(node, parent) {
+    return new TreeNode_1.TreeNode(node, parent)
+  }
+  mount() {
+    this.attachEvents(designable_shared_1.globalThisPolyfill)
+  }
+  unmount() {
+    this.detachEvents()
+  }
 }
-exports.Engine = Engine;
+exports.Engine = Engine
 Engine.defaultProps = {
-    shortcuts: [],
-    effects: [],
-    drivers: [],
-    rootComponentName: 'Root',
-    sourceIdAttrName: 'data-designer-source-id',
-    nodeIdAttrName: 'data-designer-node-id',
-    contentEditableAttrName: 'data-content-editable',
-    contentEditableNodeIdAttrName: 'data-content-editable-node-id',
-    clickStopPropagationAttrName: 'data-click-stop-propagation',
-    nodeSelectionIdAttrName: 'data-designer-node-helpers-id',
-    nodeDragHandlerAttrName: 'data-designer-node-drag-handler',
-    screenResizeHandlerAttrName: 'data-designer-screen-resize-handler',
-    nodeResizeHandlerAttrName: 'data-designer-node-resize-handler',
-    outlineNodeIdAttrName: 'data-designer-outline-node-id',
-    nodeTranslateAttrName: 'data-designer-node-translate-handler',
-    defaultScreenType: Screen_1.ScreenType.PC,
-};
+  shortcuts: [],
+  effects: [],
+  drivers: [],
+  rootComponentName: 'Root',
+  sourceIdAttrName: 'data-designer-source-id',
+  nodeIdAttrName: 'data-designer-node-id',
+  contentEditableAttrName: 'data-content-editable',
+  contentEditableNodeIdAttrName: 'data-content-editable-node-id',
+  clickStopPropagationAttrName: 'data-click-stop-propagation',
+  nodeSelectionIdAttrName: 'data-designer-node-helpers-id',
+  nodeDragHandlerAttrName: 'data-designer-node-drag-handler',
+  screenResizeHandlerAttrName: 'data-designer-screen-resize-handler',
+  nodeResizeHandlerAttrName: 'data-designer-node-resize-handler',
+  outlineNodeIdAttrName: 'data-designer-outline-node-id',
+  nodeTranslateAttrName: 'data-designer-node-translate-handler',
+  defaultScreenType: Screen_1.ScreenType.PC,
+}

package/lib/models/History.d.ts

@@ -1,34 +1,34 @@
 export interface IHistoryProps<T> {
-    onPush?: (item: T) => void;
-    onRedo?: (item: T) => void;
-    onUndo?: (item: T) => void;
-    onGoto?: (item: T) => void;
+  onPush?: (item: T) => void
+  onRedo?: (item: T) => void
+  onUndo?: (item: T) => void
+  onGoto?: (item: T) => void
 }
 export interface HistoryItem<T> {
-    data: T;
-    type?: string;
-    timestamp: number;
+  data: T
+  type?: string
+  timestamp: number
 }
 export interface ISerializable {
-    from(json: any): void;
-    serialize(): any;
+  from(json: any): void
+  serialize(): any
 }
 export declare class History<T extends ISerializable = any> {
-    context: ISerializable;
-    props: IHistoryProps<HistoryItem<T>>;
-    current: number;
-    history: HistoryItem<T>[];
-    updateTimer: any;
-    maxSize: number;
-    locking: boolean;
-    constructor(context: T, props?: IHistoryProps<HistoryItem<T>>);
-    makeObservable(): void;
-    list(): HistoryItem<T>[];
-    push(type?: string): void;
-    get allowUndo(): boolean;
-    get allowRedo(): boolean;
-    redo(): void;
-    undo(): void;
-    goTo(index: number): void;
-    clear(): void;
+  context: ISerializable
+  props: IHistoryProps<HistoryItem<T>>
+  current: number
+  history: HistoryItem<T>[]
+  updateTimer: any
+  maxSize: number
+  locking: boolean
+  constructor(context: T, props?: IHistoryProps<HistoryItem<T>>)
+  makeObservable(): void
+  list(): HistoryItem<T>[]
+  push(type?: string): void
+  get allowUndo(): boolean
+  get allowRedo(): boolean
+  redo(): void
+  undo(): void
+  goTo(index: number): void
+  clear(): void
 }

package/lib/models/History.js

@@ -1,100 +1,99 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.History = void 0;
-const reactive_1 = require("@formily/reactive");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.History = void 0
+const reactive_1 = require('@formily/reactive')
 class History {
-    constructor(context, props) {
-        this.current = 0;
-        this.history = [];
-        this.updateTimer = null;
-        this.maxSize = 100;
-        this.locking = false;
-        this.context = context;
-        this.props = props;
-        this.push();
-        this.makeObservable();
+  constructor(context, props) {
+    this.current = 0
+    this.history = []
+    this.updateTimer = null
+    this.maxSize = 100
+    this.locking = false
+    this.context = context
+    this.props = props
+    this.push()
+    this.makeObservable()
+  }
+  makeObservable() {
+    ;(0, reactive_1.define)(this, {
+      current: reactive_1.observable.ref,
+      history: reactive_1.observable.shallow,
+      push: reactive_1.action,
+      undo: reactive_1.action,
+      redo: reactive_1.action,
+      goTo: reactive_1.action,
+      clear: reactive_1.action,
+    })
+  }
+  list() {
+    return this.history
+  }
+  push(type) {
+    if (this.locking) return
+    if (this.current < this.history.length - 1) {
+      this.history = this.history.slice(0, this.current + 1)
     }
-    makeObservable() {
-        (0, reactive_1.define)(this, {
-            current: reactive_1.observable.ref,
-            history: reactive_1.observable.shallow,
-            push: reactive_1.action,
-            undo: reactive_1.action,
-            redo: reactive_1.action,
-            goTo: reactive_1.action,
-            clear: reactive_1.action,
-        });
+    const item = {
+      data: this.context.serialize(),
+      timestamp: Date.now(),
+      type,
     }
-    list() {
-        return this.history;
+    this.current = this.history.length
+    this.history.push(item)
+    const overSizeCount = this.history.length - this.maxSize
+    if (overSizeCount > 0) {
+      this.history.splice(0, overSizeCount)
+      this.current = this.history.length - 1
     }
-    push(type) {
-        if (this.locking)
-            return;
-        if (this.current < this.history.length - 1) {
-            this.history = this.history.slice(0, this.current + 1);
-        }
-        const item = {
-            data: this.context.serialize(),
-            timestamp: Date.now(),
-            type,
-        };
-        this.current = this.history.length;
-        this.history.push(item);
-        const overSizeCount = this.history.length - this.maxSize;
-        if (overSizeCount > 0) {
-            this.history.splice(0, overSizeCount);
-            this.current = this.history.length - 1;
-        }
-        if (this.props?.onPush) {
-            this.props.onPush(item);
-        }
+    if (this.props?.onPush) {
+      this.props.onPush(item)
     }
-    get allowUndo() {
-        return this.history.length > 0 && this.current - 1 >= 0;
+  }
+  get allowUndo() {
+    return this.history.length > 0 && this.current - 1 >= 0
+  }
+  get allowRedo() {
+    return this.history.length > this.current + 1
+  }
+  redo() {
+    if (this.allowRedo) {
+      const item = this.history[this.current + 1]
+      this.locking = true
+      this.context.from(item.data)
+      this.locking = false
+      this.current++
+      if (this.props?.onRedo) {
+        this.props.onRedo(item)
+      }
     }
-    get allowRedo() {
-        return this.history.length > this.current + 1;
+  }
+  undo() {
+    if (this.allowUndo) {
+      const item = this.history[this.current - 1]
+      this.locking = true
+      this.context.from(item.data)
+      this.locking = false
+      this.current--
+      if (this.props?.onUndo) {
+        this.props.onUndo(item)
+      }
     }
-    redo() {
-        if (this.allowRedo) {
-            const item = this.history[this.current + 1];
-            this.locking = true;
-            this.context.from(item.data);
-            this.locking = false;
-            this.current++;
-            if (this.props?.onRedo) {
-                this.props.onRedo(item);
-            }
-        }
-    }
-    undo() {
-        if (this.allowUndo) {
-            const item = this.history[this.current - 1];
-            this.locking = true;
-            this.context.from(item.data);
-            this.locking = false;
-            this.current--;
-            if (this.props?.onUndo) {
-                this.props.onUndo(item);
-            }
-        }
-    }
-    goTo(index) {
-        const item = this.history[index];
-        if (item) {
-            this.locking = true;
-            this.context.from(item.data);
-            this.locking = false;
-            this.current = index;
-            if (this.props?.onGoto) {
-                this.props.onGoto(item);
-            }
-        }
-    }
-    clear() {
-        this.history = [];
-        this.current = 0;
+  }
+  goTo(index) {
+    const item = this.history[index]
+    if (item) {
+      this.locking = true
+      this.context.from(item.data)
+      this.locking = false
+      this.current = index
+      if (this.props?.onGoto) {
+        this.props.onGoto(item)
+      }
     }
+  }
+  clear() {
+    this.history = []
+    this.current = 0
+  }
 }
-exports.History = History;
+exports.History = History

package/lib/models/Hover.d.ts

@@ -1,14 +1,14 @@
-import { Operation } from './Operation';
-import { TreeNode } from './TreeNode';
+import { Operation } from './Operation'
+import { TreeNode } from './TreeNode'
 export interface IHoverProps {
-    operation: Operation;
+  operation: Operation
 }
 export declare class Hover {
-    node: TreeNode;
-    operation: Operation;
-    constructor(props?: IHoverProps);
-    setHover(node?: TreeNode): void;
-    clear(): void;
-    trigger(): any;
-    makeObservable(): void;
+  node: TreeNode
+  operation: Operation
+  constructor(props?: IHoverProps)
+  setHover(node?: TreeNode): void
+  clear(): void
+  trigger(): any
+  makeObservable(): void
 }

package/lib/models/Hover.js

@@ -1,40 +1,41 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Hover = void 0;
-const reactive_1 = require("@formily/reactive");
-const events_1 = require("../events");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.Hover = void 0
+const reactive_1 = require('@formily/reactive')
+const events_1 = require('../events')
 class Hover {
-    constructor(props) {
-        this.node = null;
-        this.operation = props?.operation;
-        this.makeObservable();
+  constructor(props) {
+    this.node = null
+    this.operation = props?.operation
+    this.makeObservable()
+  }
+  setHover(node) {
+    if (node) {
+      this.node = node
+    } else {
+      this.node = null
     }
-    setHover(node) {
-        if (node) {
-            this.node = node;
-        }
-        else {
-            this.node = null;
-        }
-        this.trigger();
-    }
-    clear() {
-        this.node = null;
-    }
-    trigger() {
-        if (this.operation) {
-            return this.operation.dispatch(new events_1.HoverNodeEvent({
-                target: this.operation.tree,
-                source: this.node,
-            }));
-        }
-    }
-    makeObservable() {
-        (0, reactive_1.define)(this, {
-            node: reactive_1.observable.ref,
-            setHover: reactive_1.action,
-            clear: reactive_1.action,
-        });
+    this.trigger()
+  }
+  clear() {
+    this.node = null
+  }
+  trigger() {
+    if (this.operation) {
+      return this.operation.dispatch(
+        new events_1.HoverNodeEvent({
+          target: this.operation.tree,
+          source: this.node,
+        })
+      )
     }
+  }
+  makeObservable() {
+    ;(0, reactive_1.define)(this, {
+      node: reactive_1.observable.ref,
+      setHover: reactive_1.action,
+      clear: reactive_1.action,
+    })
+  }
 }
-exports.Hover = Hover;
+exports.Hover = Hover

package/lib/models/Keyboard.d.ts

@@ -1,29 +1,29 @@
-import { KeyCode } from '@thienvu18/designable-shared';
-import { Engine } from './Engine';
-import { Shortcut } from './Shortcut';
-import { AbstractKeyboardEvent } from '../events/keyboard/AbstractKeyboardEvent';
-import { IEngineContext } from '../types';
+import { KeyCode } from '@thienvu18/designable-shared'
+import { AbstractKeyboardEvent } from '../events/keyboard/AbstractKeyboardEvent'
+import { IEngineContext } from '../types'
+import { Engine } from './Engine'
+import { Shortcut } from './Shortcut'
 export interface IKeyboard {
-    engine: Engine;
+  engine: Engine
 }
 export declare class Keyboard {
-    engine: Engine;
-    shortcuts: Shortcut[];
-    sequence: KeyCode[];
-    keyDown: KeyCode;
-    modifiers: {};
-    requestTimer: any;
-    constructor(engine?: Engine);
-    matchCodes(context: IEngineContext): boolean;
-    preventCodes(): boolean;
-    includes(key: KeyCode): boolean;
-    excludes(key: KeyCode): void;
-    addKeyCode(key: KeyCode): void;
-    removeKeyCode(key: KeyCode): void;
-    isModifier(code: KeyCode): boolean;
-    handleModifiers(event: AbstractKeyboardEvent): void;
-    handleKeyboard(event: AbstractKeyboardEvent, context: IEngineContext): void;
-    isKeyDown(code: KeyCode): boolean;
-    requestClean(duration?: number): void;
-    makeObservable(): void;
+  engine: Engine
+  shortcuts: Shortcut[]
+  sequence: KeyCode[]
+  keyDown: KeyCode
+  modifiers: {}
+  requestTimer: any
+  constructor(engine?: Engine)
+  matchCodes(context: IEngineContext): boolean
+  preventCodes(): boolean
+  includes(key: KeyCode): boolean
+  excludes(key: KeyCode): void
+  addKeyCode(key: KeyCode): void
+  removeKeyCode(key: KeyCode): void
+  isModifier(code: KeyCode): boolean
+  handleModifiers(event: AbstractKeyboardEvent): void
+  handleKeyboard(event: AbstractKeyboardEvent, context: IEngineContext): void
+  isKeyDown(code: KeyCode): boolean
+  requestClean(duration?: number): void
+  makeObservable(): void
 }