@thienvu18/designable-core 2.0.1 → 2.0.2

package/lib/models/Operation.d.ts

@@ -1,29 +1,29 @@
-import { Workspace } from './Workspace';
-import { Engine } from './Engine';
-import { TreeNode, ITreeNode } from './TreeNode';
-import { Selection } from './Selection';
-import { Hover } from './Hover';
-import { TransformHelper } from './TransformHelper';
-import { MoveHelper } from './MoveHelper';
-import { ICustomEvent } from '@thienvu18/designable-shared';
+import { ICustomEvent } from '@thienvu18/designable-shared'
+import { Engine } from './Engine'
+import { Hover } from './Hover'
+import { MoveHelper } from './MoveHelper'
+import { Selection } from './Selection'
+import { TransformHelper } from './TransformHelper'
+import { ITreeNode, TreeNode } from './TreeNode'
+import { Workspace } from './Workspace'
 export interface IOperation {
-    tree?: ITreeNode;
-    selected?: string[];
+  tree?: ITreeNode
+  selected?: string[]
 }
 export declare class Operation {
-    workspace: Workspace;
-    engine: Engine;
-    tree: TreeNode;
-    selection: Selection;
-    hover: Hover;
-    transformHelper: TransformHelper;
-    moveHelper: MoveHelper;
-    requests: {
-        snapshot: any;
-    };
-    constructor(workspace: Workspace);
-    dispatch<T = any>(event: ICustomEvent, callback?: () => T): T;
-    snapshot(type?: string): void;
-    from(operation?: IOperation): void;
-    serialize(): IOperation;
+  workspace: Workspace
+  engine: Engine
+  tree: TreeNode
+  selection: Selection
+  hover: Hover
+  transformHelper: TransformHelper
+  moveHelper: MoveHelper
+  requests: {
+    snapshot: any
+  }
+  constructor(workspace: Workspace)
+  dispatch<T = any>(event: ICustomEvent, callback?: () => T): T
+  snapshot(type?: string): void
+  from(operation?: IOperation): void
+  serialize(): IOperation
 }

package/lib/models/Operation.js

@@ -1,70 +1,69 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Operation = void 0;
-const TreeNode_1 = require("./TreeNode");
-const Selection_1 = require("./Selection");
-const Hover_1 = require("./Hover");
-const TransformHelper_1 = require("./TransformHelper");
-const MoveHelper_1 = require("./MoveHelper");
-const designable_shared_1 = require("@thienvu18/designable-shared");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.Operation = void 0
+const TreeNode_1 = require('./TreeNode')
+const Selection_1 = require('./Selection')
+const Hover_1 = require('./Hover')
+const TransformHelper_1 = require('./TransformHelper')
+const MoveHelper_1 = require('./MoveHelper')
+const designable_shared_1 = require('@thienvu18/designable-shared')
 class Operation {
-    constructor(workspace) {
-        this.requests = {
-            snapshot: null,
-        };
-        this.engine = workspace.engine;
-        this.workspace = workspace;
-        this.tree = new TreeNode_1.TreeNode({
-            componentName: this.engine.props.rootComponentName,
-            ...this.engine.props.defaultComponentTree,
-            operation: this,
-        });
-        this.hover = new Hover_1.Hover({
-            operation: this,
-        });
-        this.selection = new Selection_1.Selection({
-            operation: this,
-        });
-        this.moveHelper = new MoveHelper_1.MoveHelper({
-            operation: this,
-        });
-        this.transformHelper = new TransformHelper_1.TransformHelper({
-            operation: this,
-        });
-        this.selection.select(this.tree);
+  constructor(workspace) {
+    this.requests = {
+      snapshot: null,
     }
-    dispatch(event, callback) {
-        if (this.workspace.dispatch(event) === false)
-            return undefined;
-        if ((0, designable_shared_1.isFn)(callback))
-            return callback();
-        return undefined;
+    this.engine = workspace.engine
+    this.workspace = workspace
+    this.tree = new TreeNode_1.TreeNode({
+      componentName: this.engine.props.rootComponentName,
+      ...this.engine.props.defaultComponentTree,
+      operation: this,
+    })
+    this.hover = new Hover_1.Hover({
+      operation: this,
+    })
+    this.selection = new Selection_1.Selection({
+      operation: this,
+    })
+    this.moveHelper = new MoveHelper_1.MoveHelper({
+      operation: this,
+    })
+    this.transformHelper = new TransformHelper_1.TransformHelper({
+      operation: this,
+    })
+    this.selection.select(this.tree)
+  }
+  dispatch(event, callback) {
+    if (this.workspace.dispatch(event) === false) return undefined
+    if ((0, designable_shared_1.isFn)(callback)) return callback()
+    return undefined
+  }
+  snapshot(type) {
+    ;(0, designable_shared_1.cancelIdle)(this.requests.snapshot)
+    if (
+      !this.workspace ||
+      !this.workspace.history ||
+      this.workspace.history.locking
+    )
+      return
+    this.requests.snapshot = (0, designable_shared_1.requestIdle)(() => {
+      this.workspace.history.push(type)
+    })
+  }
+  from(operation) {
+    if (!operation) return
+    if (operation.tree) {
+      this.tree.from(operation.tree)
     }
-    snapshot(type) {
-        (0, designable_shared_1.cancelIdle)(this.requests.snapshot);
-        if (!this.workspace ||
-            !this.workspace.history ||
-            this.workspace.history.locking)
-            return;
-        this.requests.snapshot = (0, designable_shared_1.requestIdle)(() => {
-            this.workspace.history.push(type);
-        });
+    if (operation.selected) {
+      this.selection.selected = operation.selected
     }
-    from(operation) {
-        if (!operation)
-            return;
-        if (operation.tree) {
-            this.tree.from(operation.tree);
-        }
-        if (operation.selected) {
-            this.selection.selected = operation.selected;
-        }
-    }
-    serialize() {
-        return {
-            tree: this.tree.serialize(),
-            selected: [this.tree.id],
-        };
+  }
+  serialize() {
+    return {
+      tree: this.tree.serialize(),
+      selected: [this.tree.id],
     }
+  }
 }
-exports.Operation = Operation;
+exports.Operation = Operation

package/lib/models/Screen.d.ts

@@ -1,31 +1,31 @@
-import { Engine } from './Engine';
+import { Engine } from './Engine'
 export declare enum ScreenType {
-    PC = "PC",
-    Responsive = "Responsive",
-    Mobile = "Mobile",
-    Sketch = "Sketch"
+  PC = 'PC',
+  Responsive = 'Responsive',
+  Mobile = 'Mobile',
+  Sketch = 'Sketch',
 }
 export declare enum ScreenStatus {
-    Normal = "Normal",
-    Resizing = "Resizing",
-    Zooming = "Zooming"
+  Normal = 'Normal',
+  Resizing = 'Resizing',
+  Zooming = 'Zooming',
 }
 export declare class Screen {
-    type: ScreenType;
-    scale: number;
-    width: number | string;
-    height: number | string;
-    engine: Engine;
-    background: string;
-    flip: boolean;
-    status: ScreenStatus;
-    constructor(engine: Engine);
-    makeObservable(): void;
-    setStatus(status: ScreenStatus): void;
-    setType(type: ScreenType): void;
-    setScale(scale: number): void;
-    setSize(width?: number | string, height?: number | string): void;
-    resetSize(): void;
-    setBackground(background: string): void;
-    setFlip(flip: boolean): void;
+  type: ScreenType
+  scale: number
+  width: number | string
+  height: number | string
+  engine: Engine
+  background: string
+  flip: boolean
+  status: ScreenStatus
+  constructor(engine: Engine)
+  makeObservable(): void
+  setStatus(status: ScreenStatus): void
+  setType(type: ScreenType): void
+  setScale(scale: number): void
+  setSize(width?: number | string, height?: number | string): void
+  resetSize(): void
+  setBackground(background: string): void
+  setFlip(flip: boolean): void
 }

package/lib/models/Screen.js

@@ -1,75 +1,75 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Screen = exports.ScreenStatus = exports.ScreenType = void 0;
-const reactive_1 = require("@formily/reactive");
-var ScreenType;
-(function (ScreenType) {
-    ScreenType["PC"] = "PC";
-    ScreenType["Responsive"] = "Responsive";
-    ScreenType["Mobile"] = "Mobile";
-    ScreenType["Sketch"] = "Sketch";
-})(ScreenType || (exports.ScreenType = ScreenType = {}));
-var ScreenStatus;
-(function (ScreenStatus) {
-    ScreenStatus["Normal"] = "Normal";
-    ScreenStatus["Resizing"] = "Resizing";
-    ScreenStatus["Zooming"] = "Zooming";
-})(ScreenStatus || (exports.ScreenStatus = ScreenStatus = {}));
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.Screen = exports.ScreenStatus = exports.ScreenType = void 0
+const reactive_1 = require('@formily/reactive')
+var ScreenType
+;(function (ScreenType) {
+  ScreenType['PC'] = 'PC'
+  ScreenType['Responsive'] = 'Responsive'
+  ScreenType['Mobile'] = 'Mobile'
+  ScreenType['Sketch'] = 'Sketch'
+})(ScreenType || (exports.ScreenType = ScreenType = {}))
+var ScreenStatus
+;(function (ScreenStatus) {
+  ScreenStatus['Normal'] = 'Normal'
+  ScreenStatus['Resizing'] = 'Resizing'
+  ScreenStatus['Zooming'] = 'Zooming'
+})(ScreenStatus || (exports.ScreenStatus = ScreenStatus = {}))
 class Screen {
-    constructor(engine) {
-        this.scale = 1;
-        this.width = '100%';
-        this.height = '100%';
-        this.background = '';
-        this.flip = false;
-        this.status = ScreenStatus.Normal;
-        this.engine = engine;
-        this.type = engine.props.defaultScreenType;
-        this.makeObservable();
+  constructor(engine) {
+    this.scale = 1
+    this.width = '100%'
+    this.height = '100%'
+    this.background = ''
+    this.flip = false
+    this.status = ScreenStatus.Normal
+    this.engine = engine
+    this.type = engine.props.defaultScreenType
+    this.makeObservable()
+  }
+  makeObservable() {
+    ;(0, reactive_1.define)(this, {
+      type: reactive_1.observable.ref,
+      scale: reactive_1.observable.ref,
+      width: reactive_1.observable.ref,
+      height: reactive_1.observable.ref,
+      status: reactive_1.observable.ref,
+      flip: reactive_1.observable.ref,
+      background: reactive_1.observable.ref,
+      setType: reactive_1.action,
+      setScale: reactive_1.action,
+      setSize: reactive_1.action,
+      resetSize: reactive_1.action,
+      setBackground: reactive_1.action,
+      setFlip: reactive_1.action,
+    })
+  }
+  setStatus(status) {
+    this.status = status
+  }
+  setType(type) {
+    this.type = type
+  }
+  setScale(scale) {
+    this.scale = scale
+  }
+  setSize(width, height) {
+    if (width) {
+      this.width = width
     }
-    makeObservable() {
-        (0, reactive_1.define)(this, {
-            type: reactive_1.observable.ref,
-            scale: reactive_1.observable.ref,
-            width: reactive_1.observable.ref,
-            height: reactive_1.observable.ref,
-            status: reactive_1.observable.ref,
-            flip: reactive_1.observable.ref,
-            background: reactive_1.observable.ref,
-            setType: reactive_1.action,
-            setScale: reactive_1.action,
-            setSize: reactive_1.action,
-            resetSize: reactive_1.action,
-            setBackground: reactive_1.action,
-            setFlip: reactive_1.action,
-        });
-    }
-    setStatus(status) {
-        this.status = status;
-    }
-    setType(type) {
-        this.type = type;
-    }
-    setScale(scale) {
-        this.scale = scale;
-    }
-    setSize(width, height) {
-        if (width) {
-            this.width = width;
-        }
-        if (height) {
-            this.height = height;
-        }
-    }
-    resetSize() {
-        this.width = '100%';
-        this.height = '100%';
-    }
-    setBackground(background) {
-        this.background = background;
-    }
-    setFlip(flip) {
-        this.flip = flip;
+    if (height) {
+      this.height = height
     }
+  }
+  resetSize() {
+    this.width = '100%'
+    this.height = '100%'
+  }
+  setBackground(background) {
+    this.background = background
+  }
+  setFlip(flip) {
+    this.flip = flip
+  }
 }
-exports.Screen = Screen;
+exports.Screen = Screen

package/lib/models/Selection.d.ts

@@ -1,29 +1,29 @@
-import { Operation } from './Operation';
-import { SelectNodeEvent } from '../events';
-import { TreeNode } from './TreeNode';
+import { SelectNodeEvent } from '../events'
+import { Operation } from './Operation'
+import { TreeNode } from './TreeNode'
 export interface ISelection {
-    selected?: string[];
-    operation?: Operation;
+  selected?: string[]
+  operation?: Operation
 }
 export declare class Selection {
-    operation: Operation;
-    selected: string[];
-    indexes: Record<string, boolean>;
-    constructor(props?: ISelection);
-    makeObservable(): void;
-    trigger(type?: typeof SelectNodeEvent): any;
-    select(id: string | TreeNode): void;
-    safeSelect(id: string | TreeNode): void;
-    mapIds(ids: any): any[];
-    batchSelect(ids: string[] | TreeNode[]): void;
-    batchSafeSelect(ids: string[] | TreeNode[]): void;
-    get selectedNodes(): TreeNode[];
-    get first(): string;
-    get last(): string;
-    get length(): number;
-    add(...ids: string[] | TreeNode[]): void;
-    crossAddTo(node: TreeNode): void;
-    remove(...ids: string[] | TreeNode[]): void;
-    has(...ids: string[] | TreeNode[]): any;
-    clear(): void;
+  operation: Operation
+  selected: string[]
+  indexes: Record<string, boolean>
+  constructor(props?: ISelection)
+  makeObservable(): void
+  trigger(type?: typeof SelectNodeEvent): any
+  select(id: string | TreeNode): void
+  safeSelect(id: string | TreeNode): void
+  mapIds(ids: any): any[]
+  batchSelect(ids: string[] | TreeNode[]): void
+  batchSafeSelect(ids: string[] | TreeNode[]): void
+  get selectedNodes(): TreeNode[]
+  get first(): string
+  get last(): string
+  get length(): number
+  add(...ids: string[] | TreeNode[]): void
+  crossAddTo(node: TreeNode): void
+  remove(...ids: string[] | TreeNode[]): void
+  has(...ids: string[] | TreeNode[]): any
+  clear(): void
 }