@thienvu18/designable-core 2.0.0 → 2.0.2

package/lib/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/lib/models/Workbench.js

@@ -1,99 +1,99 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Workbench = void 0;
-const Workspace_1 = require("./Workspace");
-const reactive_1 = require("@formily/reactive");
-const events_1 = require("../events");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.Workbench = void 0
+const Workspace_1 = require('./Workspace')
+const reactive_1 = require('@formily/reactive')
+const events_1 = require('../events')
 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() {
+    ;(0, reactive_1.define)(this, {
+      currentWorkspace: reactive_1.observable.ref,
+      workspaces: reactive_1.observable.shallow,
+      activeWorkspace: reactive_1.observable.ref,
+      type: reactive_1.observable.ref,
+      switchWorkspace: reactive_1.action,
+      addWorkspace: reactive_1.action,
+      removeWorkspace: reactive_1.action,
+      setActiveWorkspace: reactive_1.action,
+      setWorkbenchType: reactive_1.action,
+    })
+  }
+  getEventContext() {
+    return {
+      engine: this.engine,
+      workbench: this.engine.workbench,
+      workspace: null,
+      viewport: null,
     }
-    makeObservable() {
-        (0, reactive_1.define)(this, {
-            currentWorkspace: reactive_1.observable.ref,
-            workspaces: reactive_1.observable.shallow,
-            activeWorkspace: reactive_1.observable.ref,
-            type: reactive_1.observable.ref,
-            switchWorkspace: reactive_1.action,
-            addWorkspace: reactive_1.action,
-            removeWorkspace: reactive_1.action,
-            setActiveWorkspace: reactive_1.action,
-            setWorkbenchType: reactive_1.action,
-        });
+  }
+  switchWorkspace(id) {
+    const finded = this.findWorkspaceById(id)
+    if (finded) {
+      this.currentWorkspace = finded
+      this.engine.dispatch(new events_1.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_1.Workspace(this.engine, props)
+      this.workspaces.push(this.currentWorkspace)
+      this.engine.dispatch(
+        new events_1.AddWorkspaceEvent(this.currentWorkspace)
+      )
+      return this.currentWorkspace
     }
-    switchWorkspace(id) {
-        const finded = this.findWorkspaceById(id);
-        if (finded) {
-            this.currentWorkspace = finded;
-            this.engine.dispatch(new events_1.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_1.Workspace(this.engine, props);
-            this.workspaces.push(this.currentWorkspace);
-            this.engine.dispatch(new events_1.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 events_1.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 events_1.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)
+  }
 }
-exports.Workbench = Workbench;
+exports.Workbench = Workbench

package/lib/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/lib/models/Workspace.js

@@ -1,96 +1,95 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Workspace = void 0;
-const Viewport_1 = require("./Viewport");
-const Operation_1 = require("./Operation");
-const History_1 = require("./History");
-const designable_shared_1 = require("@thienvu18/designable-shared");
-const events_1 = require("../events");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.Workspace = void 0
+const Viewport_1 = require('./Viewport')
+const Operation_1 = require('./Operation')
+const History_1 = require('./History')
+const designable_shared_1 = require('@thienvu18/designable-shared')
+const events_1 = require('../events')
 //工作区模型
 class Workspace {
-    constructor(engine, props) {
-        this.engine = engine;
-        this.props = props;
-        this.id = props.id || (0, designable_shared_1.uid)();
-        this.title = props.title;
-        this.description = props.description;
-        this.viewport = new Viewport_1.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_1.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_1.Operation(this);
-        this.history = new History_1.History(this, {
-            onPush: (item) => {
-                this.operation.dispatch(new events_1.HistoryPushEvent(item));
-            },
-            onRedo: (item) => {
-                this.operation.hover.clear();
-                this.operation.dispatch(new events_1.HistoryRedoEvent(item));
-            },
-            onUndo: (item) => {
-                this.operation.hover.clear();
-                this.operation.dispatch(new events_1.HistoryUndoEvent(item));
-            },
-            onGoto: (item) => {
-                this.operation.hover.clear();
-                this.operation.dispatch(new events_1.HistoryGotoEvent(item));
-            },
-        });
+  constructor(engine, props) {
+    this.engine = engine
+    this.props = props
+    this.id = props.id || (0, designable_shared_1.uid)()
+    this.title = props.title
+    this.description = props.description
+    this.viewport = new Viewport_1.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_1.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_1.Operation(this)
+    this.history = new History_1.History(this, {
+      onPush: (item) => {
+        this.operation.dispatch(new events_1.HistoryPushEvent(item))
+      },
+      onRedo: (item) => {
+        this.operation.hover.clear()
+        this.operation.dispatch(new events_1.HistoryRedoEvent(item))
+      },
+      onUndo: (item) => {
+        this.operation.hover.clear()
+        this.operation.dispatch(new events_1.HistoryUndoEvent(item))
+      },
+      onGoto: (item) => {
+        this.operation.hover.clear()
+        this.operation.dispatch(new events_1.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
     }
+  }
 }
-exports.Workspace = Workspace;
+exports.Workspace = Workspace

package/lib/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/lib/models/index.js

@@ -1,29 +1,45 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Engine"), exports);
-__exportStar(require("./Screen"), exports);
-__exportStar(require("./Cursor"), exports);
-__exportStar(require("./Operation"), exports);
-__exportStar(require("./Viewport"), exports);
-__exportStar(require("./TreeNode"), exports);
-__exportStar(require("./Workbench"), exports);
-__exportStar(require("./Workspace"), exports);
-__exportStar(require("./Selection"), exports);
-__exportStar(require("./MoveHelper"), exports);
-__exportStar(require("./Keyboard"), exports);
-__exportStar(require("./Shortcut"), exports);
-__exportStar(require("./History"), exports);
+'use strict'
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        var desc = Object.getOwnPropertyDescriptor(m, k)
+        if (
+          !desc ||
+          ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k]
+            },
+          }
+        }
+        Object.defineProperty(o, k2, desc)
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        o[k2] = m[k]
+      })
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m)
+      if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p))
+        __createBinding(exports, m, p)
+  }
+Object.defineProperty(exports, '__esModule', { value: true })
+__exportStar(require('./Engine'), exports)
+__exportStar(require('./Screen'), exports)
+__exportStar(require('./Cursor'), exports)
+__exportStar(require('./Operation'), exports)
+__exportStar(require('./Viewport'), exports)
+__exportStar(require('./TreeNode'), exports)
+__exportStar(require('./Workbench'), exports)
+__exportStar(require('./Workspace'), exports)
+__exportStar(require('./Selection'), exports)
+__exportStar(require('./MoveHelper'), exports)
+__exportStar(require('./Keyboard'), exports)
+__exportStar(require('./Shortcut'), exports)
+__exportStar(require('./History'), exports)

package/lib/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[]