@thienvu18/designable-core 2.0.1 → 2.0.2

package/esm/models/Workbench.d.ts

@@ -1,23 +1,23 @@
-import { Engine } from './Engine';
-import { Workspace, IWorkspaceProps } from './Workspace';
-import { IEngineContext, WorkbenchTypes } from '../types';
+import { IEngineContext, WorkbenchTypes } from '../types'
+import { Engine } from './Engine'
+import { IWorkspaceProps, Workspace } from './Workspace'
 export declare class Workbench {
-    workspaces: Workspace[];
-    currentWorkspace: Workspace;
-    activeWorkspace: Workspace;
-    engine: Engine;
-    type: WorkbenchTypes;
-    constructor(engine: Engine);
-    makeObservable(): void;
-    getEventContext(): IEngineContext;
-    switchWorkspace(id: string): Workspace;
-    setActiveWorkspace(workspace: Workspace): Workspace;
-    setWorkbenchType(type: WorkbenchTypes): void;
-    addWorkspace(props: IWorkspaceProps): Workspace;
-    removeWorkspace(id: string): void;
-    ensureWorkspace(props?: IWorkspaceProps): Workspace;
-    findWorkspaceById(id: string): Workspace;
-    findWorkspaceIndexById(id: string): number;
-    mapWorkspace<T>(callbackFn: (value: Workspace, index: number) => T): T[];
-    eachWorkspace<T>(callbackFn: (value: Workspace, index: number) => T): void;
+  workspaces: Workspace[]
+  currentWorkspace: Workspace
+  activeWorkspace: Workspace
+  engine: Engine
+  type: WorkbenchTypes
+  constructor(engine: Engine)
+  makeObservable(): void
+  getEventContext(): IEngineContext
+  switchWorkspace(id: string): Workspace
+  setActiveWorkspace(workspace: Workspace): Workspace
+  setWorkbenchType(type: WorkbenchTypes): void
+  addWorkspace(props: IWorkspaceProps): Workspace
+  removeWorkspace(id: string): void
+  ensureWorkspace(props?: IWorkspaceProps): Workspace
+  findWorkspaceById(id: string): Workspace
+  findWorkspaceIndexById(id: string): number
+  mapWorkspace<T>(callbackFn: (value: Workspace, index: number) => T): T[]
+  eachWorkspace<T>(callbackFn: (value: Workspace, index: number) => T): void
 }

package/esm/models/Workbench.js

@@ -1,95 +1,97 @@
-import { Workspace } from './Workspace';
-import { observable, define, action } from '@formily/reactive';
-import { AddWorkspaceEvent, RemoveWorkspaceEvent, SwitchWorkspaceEvent, } from '../events';
+import { action, define, observable } from '@formily/reactive'
+import {
+  AddWorkspaceEvent,
+  RemoveWorkspaceEvent,
+  SwitchWorkspaceEvent,
+} from '../events'
+import { Workspace } from './Workspace'
 export class Workbench {
-    constructor(engine) {
-        this.type = 'DESIGNABLE';
-        this.engine = engine;
-        this.workspaces = [];
-        this.currentWorkspace = null;
-        this.activeWorkspace = null;
-        this.makeObservable();
+  constructor(engine) {
+    this.type = 'DESIGNABLE'
+    this.engine = engine
+    this.workspaces = []
+    this.currentWorkspace = null
+    this.activeWorkspace = null
+    this.makeObservable()
+  }
+  makeObservable() {
+    define(this, {
+      currentWorkspace: observable.ref,
+      workspaces: observable.shallow,
+      activeWorkspace: observable.ref,
+      type: observable.ref,
+      switchWorkspace: action,
+      addWorkspace: action,
+      removeWorkspace: action,
+      setActiveWorkspace: action,
+      setWorkbenchType: action,
+    })
+  }
+  getEventContext() {
+    return {
+      engine: this.engine,
+      workbench: this.engine.workbench,
+      workspace: null,
+      viewport: null,
     }
-    makeObservable() {
-        define(this, {
-            currentWorkspace: observable.ref,
-            workspaces: observable.shallow,
-            activeWorkspace: observable.ref,
-            type: observable.ref,
-            switchWorkspace: action,
-            addWorkspace: action,
-            removeWorkspace: action,
-            setActiveWorkspace: action,
-            setWorkbenchType: action,
-        });
+  }
+  switchWorkspace(id) {
+    const finded = this.findWorkspaceById(id)
+    if (finded) {
+      this.currentWorkspace = finded
+      this.engine.dispatch(new SwitchWorkspaceEvent(finded))
     }
-    getEventContext() {
-        return {
-            engine: this.engine,
-            workbench: this.engine.workbench,
-            workspace: null,
-            viewport: null,
-        };
+    return this.currentWorkspace
+  }
+  setActiveWorkspace(workspace) {
+    this.activeWorkspace = workspace
+    return workspace
+  }
+  setWorkbenchType(type) {
+    this.type = type
+  }
+  addWorkspace(props) {
+    const finded = this.findWorkspaceById(props.id)
+    if (!finded) {
+      this.currentWorkspace = new Workspace(this.engine, props)
+      this.workspaces.push(this.currentWorkspace)
+      this.engine.dispatch(new AddWorkspaceEvent(this.currentWorkspace))
+      return this.currentWorkspace
     }
-    switchWorkspace(id) {
-        const finded = this.findWorkspaceById(id);
-        if (finded) {
-            this.currentWorkspace = finded;
-            this.engine.dispatch(new SwitchWorkspaceEvent(finded));
+    return finded
+  }
+  removeWorkspace(id) {
+    const findIndex = this.findWorkspaceIndexById(id)
+    if (findIndex > -1 && findIndex < this.workspaces.length) {
+      const findedWorkspace = this.workspaces[findIndex]
+      findedWorkspace.viewport.detachEvents()
+      this.workspaces.splice(findIndex, 1)
+      if (findedWorkspace === this.currentWorkspace) {
+        if (this.workspaces.length && this.workspaces[findIndex]) {
+          this.currentWorkspace = this.workspaces[findIndex]
+        } else {
+          this.currentWorkspace = this.workspaces[this.workspaces.length - 1]
         }
-        return this.currentWorkspace;
-    }
-    setActiveWorkspace(workspace) {
-        this.activeWorkspace = workspace;
-        return workspace;
-    }
-    setWorkbenchType(type) {
-        this.type = type;
-    }
-    addWorkspace(props) {
-        const finded = this.findWorkspaceById(props.id);
-        if (!finded) {
-            this.currentWorkspace = new Workspace(this.engine, props);
-            this.workspaces.push(this.currentWorkspace);
-            this.engine.dispatch(new AddWorkspaceEvent(this.currentWorkspace));
-            return this.currentWorkspace;
-        }
-        return finded;
-    }
-    removeWorkspace(id) {
-        const findIndex = this.findWorkspaceIndexById(id);
-        if (findIndex > -1 && findIndex < this.workspaces.length) {
-            const findedWorkspace = this.workspaces[findIndex];
-            findedWorkspace.viewport.detachEvents();
-            this.workspaces.splice(findIndex, 1);
-            if (findedWorkspace === this.currentWorkspace) {
-                if (this.workspaces.length && this.workspaces[findIndex]) {
-                    this.currentWorkspace = this.workspaces[findIndex];
-                }
-                else {
-                    this.currentWorkspace = this.workspaces[this.workspaces.length - 1];
-                }
-            }
-            this.engine.dispatch(new RemoveWorkspaceEvent(findedWorkspace));
-        }
-    }
-    ensureWorkspace(props = {}) {
-        const workspace = this.findWorkspaceById(props.id);
-        if (workspace)
-            return workspace;
-        this.addWorkspace(props);
-        return this.currentWorkspace;
-    }
-    findWorkspaceById(id) {
-        return this.workspaces.find((item) => item.id === id);
-    }
-    findWorkspaceIndexById(id) {
-        return this.workspaces.findIndex((item) => item.id === id);
-    }
-    mapWorkspace(callbackFn) {
-        return this.workspaces.map(callbackFn);
-    }
-    eachWorkspace(callbackFn) {
-        this.workspaces.forEach(callbackFn);
+      }
+      this.engine.dispatch(new RemoveWorkspaceEvent(findedWorkspace))
     }
+  }
+  ensureWorkspace(props = {}) {
+    const workspace = this.findWorkspaceById(props.id)
+    if (workspace) return workspace
+    this.addWorkspace(props)
+    return this.currentWorkspace
+  }
+  findWorkspaceById(id) {
+    return this.workspaces.find((item) => item.id === id)
+  }
+  findWorkspaceIndexById(id) {
+    return this.workspaces.findIndex((item) => item.id === id)
+  }
+  mapWorkspace(callbackFn) {
+    return this.workspaces.map(callbackFn)
+  }
+  eachWorkspace(callbackFn) {
+    this.workspaces.forEach(callbackFn)
+  }
 }

package/esm/models/Workspace.d.ts

@@ -1,41 +1,41 @@
-import { Engine } from './Engine';
-import { Viewport } from './Viewport';
-import { Operation, IOperation } from './Operation';
-import { History } from './History';
-import { ICustomEvent, EventContainer } from '@thienvu18/designable-shared';
-import { IEngineContext } from '../types';
+import { EventContainer, ICustomEvent } from '@thienvu18/designable-shared'
+import { IEngineContext } from '../types'
+import { Engine } from './Engine'
+import { History } from './History'
+import { IOperation, Operation } from './Operation'
+import { Viewport } from './Viewport'
 export interface IViewportMatcher {
-    contentWindow?: Window;
-    viewportElement?: HTMLElement;
+  contentWindow?: Window
+  viewportElement?: HTMLElement
 }
 export interface IWorkspace {
-    id?: string;
-    title?: string;
-    description?: string;
-    operation: IOperation;
+  id?: string
+  title?: string
+  description?: string
+  operation: IOperation
 }
 export interface IWorkspaceProps {
-    id?: string;
-    title?: string;
-    description?: string;
-    contentWindow?: Window;
-    viewportElement?: HTMLElement;
+  id?: string
+  title?: string
+  description?: string
+  contentWindow?: Window
+  viewportElement?: HTMLElement
 }
 export declare class Workspace {
-    id: string;
-    title: string;
-    description: string;
-    engine: Engine;
-    viewport: Viewport;
-    outline: Viewport;
-    operation: Operation;
-    history: History<Workspace>;
-    props: IWorkspaceProps;
-    constructor(engine: Engine, props: IWorkspaceProps);
-    getEventContext(): IEngineContext;
-    attachEvents(container: EventContainer, contentWindow: Window): void;
-    detachEvents(container: EventContainer): void;
-    dispatch(event: ICustomEvent): boolean;
-    serialize(): IWorkspace;
-    from(workspace?: IWorkspace): void;
+  id: string
+  title: string
+  description: string
+  engine: Engine
+  viewport: Viewport
+  outline: Viewport
+  operation: Operation
+  history: History<Workspace>
+  props: IWorkspaceProps
+  constructor(engine: Engine, props: IWorkspaceProps)
+  getEventContext(): IEngineContext
+  attachEvents(container: EventContainer, contentWindow: Window): void
+  detachEvents(container: EventContainer): void
+  dispatch(event: ICustomEvent): boolean
+  serialize(): IWorkspace
+  from(workspace?: IWorkspace): void
 }

package/esm/models/Workspace.js

@@ -1,92 +1,96 @@
-import { Viewport } from './Viewport';
-import { Operation } from './Operation';
-import { History } from './History';
-import { uid } from '@thienvu18/designable-shared';
-import { HistoryGotoEvent, HistoryRedoEvent, HistoryUndoEvent, HistoryPushEvent, } from '../events';
+import { uid } from '@thienvu18/designable-shared'
+import {
+  HistoryGotoEvent,
+  HistoryPushEvent,
+  HistoryRedoEvent,
+  HistoryUndoEvent,
+} from '../events'
+import { History } from './History'
+import { Operation } from './Operation'
+import { Viewport } from './Viewport'
 //工作区模型
 export class Workspace {
-    constructor(engine, props) {
-        this.engine = engine;
-        this.props = props;
-        this.id = props.id || uid();
-        this.title = props.title;
-        this.description = props.description;
-        this.viewport = new Viewport({
-            engine: this.engine,
-            workspace: this,
-            viewportElement: props.viewportElement,
-            contentWindow: props.contentWindow,
-            nodeIdAttrName: this.engine.props.nodeIdAttrName,
-            moveSensitive: true,
-            moveInsertionType: 'all',
-        });
-        this.outline = new Viewport({
-            engine: this.engine,
-            workspace: this,
-            viewportElement: props.viewportElement,
-            contentWindow: props.contentWindow,
-            nodeIdAttrName: this.engine.props.outlineNodeIdAttrName,
-            moveSensitive: false,
-            moveInsertionType: 'block',
-        });
-        this.operation = new Operation(this);
-        this.history = new History(this, {
-            onPush: (item) => {
-                this.operation.dispatch(new HistoryPushEvent(item));
-            },
-            onRedo: (item) => {
-                this.operation.hover.clear();
-                this.operation.dispatch(new HistoryRedoEvent(item));
-            },
-            onUndo: (item) => {
-                this.operation.hover.clear();
-                this.operation.dispatch(new HistoryUndoEvent(item));
-            },
-            onGoto: (item) => {
-                this.operation.hover.clear();
-                this.operation.dispatch(new HistoryGotoEvent(item));
-            },
-        });
+  constructor(engine, props) {
+    this.engine = engine
+    this.props = props
+    this.id = props.id || uid()
+    this.title = props.title
+    this.description = props.description
+    this.viewport = new Viewport({
+      engine: this.engine,
+      workspace: this,
+      viewportElement: props.viewportElement,
+      contentWindow: props.contentWindow,
+      nodeIdAttrName: this.engine.props.nodeIdAttrName,
+      moveSensitive: true,
+      moveInsertionType: 'all',
+    })
+    this.outline = new Viewport({
+      engine: this.engine,
+      workspace: this,
+      viewportElement: props.viewportElement,
+      contentWindow: props.contentWindow,
+      nodeIdAttrName: this.engine.props.outlineNodeIdAttrName,
+      moveSensitive: false,
+      moveInsertionType: 'block',
+    })
+    this.operation = new Operation(this)
+    this.history = new History(this, {
+      onPush: (item) => {
+        this.operation.dispatch(new HistoryPushEvent(item))
+      },
+      onRedo: (item) => {
+        this.operation.hover.clear()
+        this.operation.dispatch(new HistoryRedoEvent(item))
+      },
+      onUndo: (item) => {
+        this.operation.hover.clear()
+        this.operation.dispatch(new HistoryUndoEvent(item))
+      },
+      onGoto: (item) => {
+        this.operation.hover.clear()
+        this.operation.dispatch(new HistoryGotoEvent(item))
+      },
+    })
+  }
+  getEventContext() {
+    return {
+      workbench: this.engine.workbench,
+      workspace: this,
+      engine: this.engine,
+      viewport: this.viewport,
     }
-    getEventContext() {
-        return {
-            workbench: this.engine.workbench,
-            workspace: this,
-            engine: this.engine,
-            viewport: this.viewport,
-        };
+  }
+  attachEvents(container, contentWindow) {
+    this.engine.attachEvents(container, contentWindow, this.getEventContext())
+  }
+  detachEvents(container) {
+    this.engine.detachEvents(container)
+  }
+  dispatch(event) {
+    return this.engine.dispatch(event, this.getEventContext())
+  }
+  serialize() {
+    return {
+      id: this.id,
+      title: this.title,
+      description: this.description,
+      operation: this.operation.serialize(),
     }
-    attachEvents(container, contentWindow) {
-        this.engine.attachEvents(container, contentWindow, this.getEventContext());
+  }
+  from(workspace) {
+    if (!workspace) return
+    if (workspace.operation) {
+      this.operation.from(workspace.operation)
     }
-    detachEvents(container) {
-        this.engine.detachEvents(container);
+    if (workspace.id) {
+      this.id = workspace.id
     }
-    dispatch(event) {
-        return this.engine.dispatch(event, this.getEventContext());
+    if (workspace.title) {
+      this.title = workspace.title
     }
-    serialize() {
-        return {
-            id: this.id,
-            title: this.title,
-            description: this.description,
-            operation: this.operation.serialize(),
-        };
-    }
-    from(workspace) {
-        if (!workspace)
-            return;
-        if (workspace.operation) {
-            this.operation.from(workspace.operation);
-        }
-        if (workspace.id) {
-            this.id = workspace.id;
-        }
-        if (workspace.title) {
-            this.title = workspace.title;
-        }
-        if (workspace.description) {
-            this.description = workspace.description;
-        }
+    if (workspace.description) {
+      this.description = workspace.description
     }
+  }
 }

package/esm/models/index.d.ts

@@ -1,13 +1,13 @@
-export * from './Engine';
-export * from './Screen';
-export * from './Cursor';
-export * from './Operation';
-export * from './Viewport';
-export * from './TreeNode';
-export * from './Workbench';
-export * from './Workspace';
-export * from './Selection';
-export * from './MoveHelper';
-export * from './Keyboard';
-export * from './Shortcut';
-export * from './History';
+export * from './Cursor'
+export * from './Engine'
+export * from './History'
+export * from './Keyboard'
+export * from './MoveHelper'
+export * from './Operation'
+export * from './Screen'
+export * from './Selection'
+export * from './Shortcut'
+export * from './TreeNode'
+export * from './Viewport'
+export * from './Workbench'
+export * from './Workspace'

package/esm/models/index.js

@@ -1,13 +1,13 @@
-export * from './Engine';
-export * from './Screen';
-export * from './Cursor';
-export * from './Operation';
-export * from './Viewport';
-export * from './TreeNode';
-export * from './Workbench';
-export * from './Workspace';
-export * from './Selection';
-export * from './MoveHelper';
-export * from './Keyboard';
-export * from './Shortcut';
-export * from './History';
+export * from './Cursor'
+export * from './Engine'
+export * from './History'
+export * from './Keyboard'
+export * from './MoveHelper'
+export * from './Operation'
+export * from './Screen'
+export * from './Selection'
+export * from './Shortcut'
+export * from './TreeNode'
+export * from './Viewport'
+export * from './Workbench'
+export * from './Workspace'

package/esm/presets.d.ts

@@ -1,4 +1,20 @@
-import { DragDropDriver, MouseClickDriver, MouseMoveDriver, ViewportResizeDriver, ViewportScrollDriver, KeyboardDriver } from './drivers';
-export declare const DEFAULT_EFFECTS: ((engine: import("./models").Engine) => void)[];
-export declare const DEFAULT_DRIVERS: (typeof DragDropDriver | typeof MouseClickDriver | typeof MouseMoveDriver | typeof ViewportResizeDriver | typeof ViewportScrollDriver | typeof KeyboardDriver)[];
-export declare const DEFAULT_SHORTCUTS: import("./models").Shortcut[];
+import {
+  DragDropDriver,
+  KeyboardDriver,
+  MouseClickDriver,
+  MouseMoveDriver,
+  ViewportResizeDriver,
+  ViewportScrollDriver,
+} from './drivers'
+export declare const DEFAULT_EFFECTS: ((
+  engine: import('./models').Engine
+) => void)[]
+export declare const DEFAULT_DRIVERS: (
+  | typeof DragDropDriver
+  | typeof MouseClickDriver
+  | typeof MouseMoveDriver
+  | typeof ViewportResizeDriver
+  | typeof ViewportScrollDriver
+  | typeof KeyboardDriver
+)[]
+export declare const DEFAULT_SHORTCUTS: import('./models').Shortcut[]