@idraw/core 0.3.1 → 0.4.0-alpha.2

package/dist/esm/index.d.ts

@@ -1,59 +1,23 @@
-import { IDrawData, Point, BoardSizeOptions, IDrawConfig, DataElementBase, DataElement, DataElemDesc, IDrawContext, CoreOptions, ScreenContext, ScreenData } from '@idraw/types';
-import { IsTypeUtil } from './lib/is';
-import { CheckTypeUtil } from './lib/check';
-import { Element, TypeCoreEventArgMap } from './lib';
-import { Engine } from './lib/engine';
-export default class Core {
-    $data: IDrawData;
+import type { Data, PointSize, CoreOptions, BoardMiddleware, ViewSizeInfo, CoreEvent } from '@idraw/types';
+export { MiddlewareSelector } from './middleware/selector';
+export { MiddlewareScroller } from './middleware/scroller';
+export { MiddlewareScaler } from './middleware/scaler';
+export declare class Core {
     private _board;
     private _opts;
-    private _config;
-    private _renderer;
-    private _elementHandler;
-    private _coreEvent;
-    private _tempData;
-    private _engine;
-    static is: IsTypeUtil;
-    static check: CheckTypeUtil;
-    constructor(mount: HTMLDivElement, opts: CoreOptions, config?: IDrawConfig);
-    private _emitChangeScreen;
-    $draw(opts?: {
-        resourceChangeUUIDs?: string[];
+    private _container;
+    private _canvas;
+    constructor(container: HTMLDivElement, opts: CoreOptions);
+    use(middleware: BoardMiddleware<any, any>): void;
+    setData(data: Data): void;
+    getData(): Data | null;
+    scale(opts: {
+        scale: number;
+        point: PointSize;
     }): void;
-    getElement(uuid: string): DataElement<keyof DataElemDesc> | null;
-    getElementByIndex(index: number): DataElement<keyof DataElemDesc> | null;
-    selectElementByIndex(index: number): void;
-    selectElement(uuid: string): void;
-    cancelElementByIndex(index: number): void;
-    cancelElement(uuid: string): void;
-    moveUpElement(uuid: string): void;
-    moveDownElement(uuid: string): void;
-    updateElement(elem: DataElement<keyof DataElemDesc>): void;
-    addElement(elem: DataElementBase<keyof DataElemDesc>): string | null;
-    deleteElement(uuid: string): void;
-    insertElementBefore(elem: DataElementBase<keyof DataElemDesc>, beforeUUID: string): any;
-    insertElementBeforeIndex(elem: DataElementBase<keyof DataElemDesc>, index: number): any;
-    getSelectedElements(): DataElement<keyof DataElemDesc>[];
-    insertElementAfter(elem: DataElementBase<keyof DataElemDesc>, beforeUUID: string): any;
-    insertElementAfterIndex(elem: DataElementBase<keyof DataElemDesc>, index: number): any;
-    resetSize(opts: BoardSizeOptions): void;
-    scale(ratio: number): ScreenContext;
-    scrollLeft(left: number): ScreenContext;
-    scrollTop(top: number): ScreenContext;
-    getScreenTransform(): ScreenData;
-    getData(): IDrawData;
-    setData(data: any | IDrawData, opts?: {
-        triggerChangeEvent: boolean;
-    }): void;
-    clearOperation(): void;
-    on<T extends keyof TypeCoreEventArgMap>(key: T, callback: (p: TypeCoreEventArgMap[T]) => void): void;
-    off<T extends keyof TypeCoreEventArgMap>(key: T, callback: (p: TypeCoreEventArgMap[T]) => void): void;
-    getEngine(): Engine;
-    pointScreenToContext(p: Point): Point;
-    pointContextToScreen(p: Point): Point;
-    $getBoardContext(): IDrawContext;
-    $getDisplayContext2D(): CanvasRenderingContext2D;
-    $getOriginContext2D(): CanvasRenderingContext2D;
-    $emitChangeData(): void;
-    $getElementHandler(): Element;
+    resize(newViewSize: Partial<ViewSizeInfo>): void;
+    clear(): void;
+    on<T extends keyof CoreEvent>(name: T, callback: (e: CoreEvent[T]) => void): void;
+    off<T extends keyof CoreEvent>(name: T, callback: (e: CoreEvent[T]) => void): void;
+    trigger<T extends keyof CoreEvent>(name: T, e: CoreEvent[T]): void;
 }

package/dist/esm/index.js

@@ -1,203 +1,67 @@
-import Board from '@idraw/board';
-import { deepClone } from '@idraw/util';
-import Renderer from '@idraw/renderer';
-import is from './lib/is';
-import check from './lib/check';
-import { Element, mergeConfig, CoreEvent, parseData, TempData, diffElementResourceChangeList } from './lib';
-import { getSelectedElements, updateElement, selectElementByIndex, selectElement, cancelElementByIndex, cancelElement, getElement, getElementByIndex, moveUpElement, moveDownElement, addElement, deleteElement, insertElementBefore, insertElementBeforeIndex, insertElementAfter, insertElementAfterIndex } from './mixins/element';
-import { Engine } from './lib/engine';
-import { drawElementWrapper, drawAreaWrapper, drawElementListWrappers } from './lib/draw/wrapper';
-class Core {
-    constructor(mount, opts, config) {
-        var _a, _b, _c;
-        this._coreEvent = new CoreEvent();
-        this._tempData = new TempData();
-        this.$data = { elements: [] };
+import { Board } from '@idraw/board';
+import { createBoardContexts, validateElements } from '@idraw/util';
+import { Cursor } from './lib/cursor';
+export { MiddlewareSelector } from './middleware/selector';
+export { MiddlewareScroller } from './middleware/scroller';
+export { MiddlewareScaler } from './middleware/scaler';
+export class Core {
+    constructor(container, opts) {
+        const { devicePixelRatio = 1, width, height } = opts;
         this._opts = opts;
-        this._config = mergeConfig(config || {});
-        this._board = new Board(mount, Object.assign(Object.assign({}, this._opts), { canScroll: (_a = config === null || config === void 0 ? void 0 : config.scrollWrapper) === null || _a === void 0 ? void 0 : _a.use, scrollConfig: Object.assign({ color: ((_b = config === null || config === void 0 ? void 0 : config.scrollWrapper) === null || _b === void 0 ? void 0 : _b.color) || '#000000', width: ((_c = config === null || config === void 0 ? void 0 : config.scrollWrapper) === null || _c === void 0 ? void 0 : _c.width) || 12 }, ((config === null || config === void 0 ? void 0 : config.scrollWrapper) || {})) }));
-        this._renderer = new Renderer();
-        const drawFrame = () => {
-            const helperCtx = this._board.getHelperContext();
-            const helperConfig = this._engine.getHelperConfig();
-            this._board.clear();
-            const { contextWidth, contextHeight, devicePixelRatio } = this._opts;
-            helperCtx.clearRect(0, 0, contextWidth * devicePixelRatio, contextHeight * devicePixelRatio);
-            drawElementWrapper(helperCtx, helperConfig);
-            drawAreaWrapper(helperCtx, helperConfig);
-            drawElementListWrappers(helperCtx, helperConfig);
-            this._board.draw();
-        };
-        this._renderer.on('drawFrame', () => {
-            drawFrame();
+        this._container = container;
+        const canvas = document.createElement('canvas');
+        this._canvas = canvas;
+        container.appendChild(canvas);
+        const ctx = canvas.getContext('2d');
+        const viewContent = createBoardContexts(ctx, { devicePixelRatio });
+        const board = new Board({ viewContent });
+        const sharer = board.getSharer();
+        sharer.setActiveViewSizeInfo({
+            width,
+            height,
+            devicePixelRatio,
+            contextWidth: width,
+            contextHeight: height
         });
-        this._renderer.on('drawFrameComplete', () => {
-            drawFrame();
+        this._board = board;
+        this.resize(sharer.getActiveViewSizeInfo());
+        const eventHub = board.getEventHub();
+        new Cursor(container, {
+            eventHub
         });
-        this._elementHandler = new Element(this._board.getContext());
-        this._engine = new Engine({
-            coreEvent: this._coreEvent,
-            board: this._board,
-            element: this._elementHandler,
-            config: this._config,
-            drawFeekback: this.$draw.bind(this),
-            getDataFeekback: () => this.$data,
-            selectElementByIndex: this.selectElementByIndex.bind(this),
-            emitChangeScreen: this._emitChangeScreen.bind(this),
-            emitChangeData: this.$emitChangeData.bind(this)
-        });
-        this._engine.init();
-        this._renderer.on('drawFrame', () => {
-            this._coreEvent.trigger('drawFrame', undefined);
-        });
-        this._renderer.on('drawFrameComplete', () => {
-            this._coreEvent.trigger('drawFrameComplete', undefined);
-        });
-        this._tempData.set('hasInited', true);
-    }
-    _emitChangeScreen() {
-        if (this._coreEvent.has('changeScreen')) {
-            this._coreEvent.trigger('changeScreen', Object.assign({}, this.getScreenTransform()));
-        }
-    }
-    $draw(opts) {
-        this._engine.updateHelperConfig({
-            width: this._opts.width,
-            height: this._opts.height,
-            devicePixelRatio: this._opts.devicePixelRatio
-        });
-        this._renderer.thaw();
-        this._renderer.render(this._board.getContext(), this.$data, {
-            changeResourceUUIDs: (opts === null || opts === void 0 ? void 0 : opts.resourceChangeUUIDs) || []
-        });
-    }
-    getElement(uuid) {
-        return getElement(this, uuid);
-    }
-    getElementByIndex(index) {
-        return getElementByIndex(this, index);
-    }
-    selectElementByIndex(index) {
-        return selectElementByIndex(this, index);
-    }
-    selectElement(uuid) {
-        return selectElement(this, uuid);
-    }
-    cancelElementByIndex(index) {
-        return cancelElementByIndex(this, index);
-    }
-    cancelElement(uuid) {
-        return cancelElement(this, uuid);
-    }
-    moveUpElement(uuid) {
-        return moveUpElement(this, uuid);
-    }
-    moveDownElement(uuid) {
-        return moveDownElement(this, uuid);
-    }
-    updateElement(elem) {
-        return updateElement(this, elem);
     }
-    addElement(elem) {
-        return addElement(this, elem);
+    use(middleware) {
+        this._board.use(middleware);
     }
-    deleteElement(uuid) {
-        return deleteElement(this, uuid);
-    }
-    insertElementBefore(elem, beforeUUID) {
-        return insertElementBefore(this, elem, beforeUUID);
-    }
-    insertElementBeforeIndex(elem, index) {
-        return insertElementBeforeIndex(this, elem, index);
-    }
-    getSelectedElements() {
-        return getSelectedElements(this);
-    }
-    insertElementAfter(elem, beforeUUID) {
-        return insertElementAfter(this, elem, beforeUUID);
-    }
-    insertElementAfterIndex(elem, index) {
-        return insertElementAfterIndex(this, elem, index);
-    }
-    resetSize(opts) {
-        this._opts = Object.assign(Object.assign({}, this._opts), opts);
-        this._board.resetSize(opts);
-        this.$draw();
-    }
-    scale(ratio) {
-        const screen = this._board.scale(ratio);
-        this.$draw();
-        this._emitChangeScreen();
-        return screen;
-    }
-    scrollLeft(left) {
-        const screen = this._board.scrollX(0 - left);
-        this.$draw();
-        this._emitChangeScreen();
-        return screen;
-    }
-    scrollTop(top) {
-        const screen = this._board.scrollY(0 - top);
-        this.$draw();
-        this._emitChangeScreen();
-        return screen;
-    }
-    getScreenTransform() {
-        const transform = this._board.getTransform();
-        return {
-            scale: transform.scale,
-            scrollTop: Math.max(0, 0 - transform.scrollY),
-            scrollLeft: Math.max(0, 0 - transform.scrollX)
-        };
+    setData(data) {
+        validateElements((data === null || data === void 0 ? void 0 : data.elements) || []);
+        this._board.setData(data);
     }
     getData() {
-        return deepClone(this.$data);
-    }
-    setData(data, opts) {
-        const resourceChangeUUIDs = diffElementResourceChangeList(this.$data, data);
-        this.$data = this._elementHandler.initData(deepClone(parseData(data)));
-        if (opts && opts.triggerChangeEvent === true) {
-            this.$emitChangeData();
-        }
-        this.$draw({ resourceChangeUUIDs });
-    }
-    clearOperation() {
-        this._tempData.clear();
-        this.$draw();
-    }
-    on(key, callback) {
-        this._coreEvent.on(key, callback);
-    }
-    off(key, callback) {
-        this._coreEvent.off(key, callback);
-    }
-    getEngine() {
-        return this._engine;
-    }
-    pointScreenToContext(p) {
-        return this._board.pointScreenToContext(p);
+        return this._board.getData();
     }
-    pointContextToScreen(p) {
-        return this._board.pointContextToScreen(p);
+    scale(opts) {
+        this._board.scale(opts);
     }
-    $getBoardContext() {
-        return this._board.getContext();
+    resize(newViewSize) {
+        const { _board: board } = this;
+        const sharer = board.getSharer();
+        const viewSizeInfo = sharer.getActiveViewSizeInfo();
+        board.resize(Object.assign(Object.assign({}, viewSizeInfo), newViewSize));
     }
-    $getDisplayContext2D() {
-        return this._board.getDisplayContext2D();
+    clear() {
+        this._board.clear();
     }
-    $getOriginContext2D() {
-        return this._board.getOriginContext2D();
+    on(name, callback) {
+        const eventHub = this._board.getEventHub();
+        eventHub.on(name, callback);
     }
-    $emitChangeData() {
-        if (this._coreEvent.has('changeData')) {
-            this._coreEvent.trigger('changeData', deepClone(this.$data));
-        }
+    off(name, callback) {
+        const eventHub = this._board.getEventHub();
+        eventHub.off(name, callback);
     }
-    $getElementHandler() {
-        return this._elementHandler;
+    trigger(name, e) {
+        const eventHub = this._board.getEventHub();
+        eventHub.trigger(name, e);
     }
 }
-Core.is = is;
-Core.check = check;
-export default Core;

package/dist/esm/lib/cursor-image.d.ts

@@ -0,0 +1,2 @@
+export declare const CURSOR = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MDc6MjYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjliMGM0MzI2LWU4ZTQt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";
+export declare const CURSOR_RESIZE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MzE6MjMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MTBhYjUzLWM0ZjEtNDVhNS04MjhkLTIxOTczOWFjOTk3MSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkMDNmNjM5LTE5MzctY2Y0MC1hMTg0LTIyMjg0NzczNWNmYSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyYjQwZGRmLWE0ZGEtNDY3MC1iYzc2LTBhYjY3ZmI5M2I0ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODJiNDBkZGYtYTRkYS00NjcwLWJjNzYtMGFiNjdmYjkzYjRlIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjMxOjIzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjQxMGFiNTMtYzRmMS00NWE1LTgyOGQtMjE5NzM5YWM5OTcxIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57vRudAAAEk0lEQVRYhe3ZW0jbVxzA8e8/MX+NYnG9uI4xE3bvoLt0FzradRfGBtsYo32YdAhb6WQyBqV7KOylpYjzZShDGfjmyxgbgjjwyRm16SYMhgiNKDhbL3VtNF4xJOnf3x7+59i/Wf4aTbInf3AwJMdzPjnnf/n9/jFEhGzDMIxMb3uAIsDs6ek5urS05Dtz5syE+uwekAQS6u89YD19gC0NIpJ1c8GZQHlXV9fJRCIxGo/HxxoaGj4CngWOAEGgEihXfT07MeQC3MB1dna+lkgkRkXF6urq3xcuXPgUOAE8DzwGPOiGLARwEy4ej4+JiITD4elr167NiIgsLi7eqq2trQPeBI4Bj7sh8w10xZmmeds0zdn+/v5/RERisdjUuXPnvgLeAl50Q+YTaAA+oKy7u/uE3laNAwSQ4uLiu6FQ6G4G5DG13YeAMjWWkU+gBygJhULHNe769etTTpwDGXUiz58//yXwujp5qoAHgBLAk0+gNxKJHEulUiMKN2ma5gwgPp/vjhOXjlxYWJisq6urBV5RW30IKAW8eQPGYrGjlmXdEBEZHBy8aZrmFCCmac729fVtAHt7e6MO5N2+vr47IiJLS0s3L126dBZ4Sh2LZUBRwVdwYGBgVuwOYh/zsoF0bnPBVzDTMRgOh6dFhROokSIi8/Pz0+pEeaPQx+DGWdzV1XVSX2LcgCIic3NzMzU1NV8D7wIvq9WrLNRZvOk62NHRccqJTAdGo9Hb1dXV3wAfYt9VjgAPFfI66EQWAxU9PT0fuwEvXrzYBJwF3gFeAAJAhfrfrO4k/7lxZxnr2JlJqry8POnWyePx6H4JR0vhktVkHGOXQI20SkpKLLcOhmGsA5YCaZiVLS5XoADi9XpdkznDMERhnE0fCgUHZhvOW+CO4/8A5hR7wFxjD5hr7AFzjZyBlmVlrOYdYaS1HUUuQA/gWV9fd51URDyqn1c1j6MVFGjoidfW1oq2ABrYj0V82OmVzwHNajVdB88C5wOKTdM87NaxsrKyQsFKHC2BnTDo+/TWt8Bd5INeVC44NDT0xXYZdXNz8w/AaeyS8yjwCPdzQu92ht2m/OUjIyOfS1pkAoqItLS0fA+8D7wKPA0cxs6qC1O4T0xMfKYnb21tnXEDNjc3z+nXbW1t3wFvYz9dCAL7KUThHovFPtGTNjU1jQFSX18/lg68cuXKLUAaGxs3vkB7e/u3wHHgCQpUdnpTqdQvesJgMDisUVevXh3Xry9fvnxTv66qqprQ/cfHx/vVNj/J/couv0DAv7q6+pMDeYPNSalkwkUikX7s4ukl4FHgAODPN1CXnPsWFxd/dCAjW+GGhoZCwAfYpeczwMPAPjVW3gv3IvXN98disZ8dyBGNCwQC4/r94eHhfuy6+JS6zATUCeJXY+W9cNfIUuDAwsLCr05kIBDYeBQ8Ojr6h8Lpx25BtbWlGpfv62BG5PLy8m+SFpOTk38C76mVe84NVyhgOvLgysrK7xoXjUb/Uqt2XG1rEDiYCbcd0MgwsWtk+J1EI03An0wmw5Zlefx+/2n1eRKIO5r+rWTTpFsZ/gWFrGMmeObuqwAAAABJRU5ErkJggg==";

package/dist/esm/lib/cursor-image.js

@@ -0,0 +1,2 @@
+export const CURSOR = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MDc6MjYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjliMGM0MzI2LWU4ZTQt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';
+export const CURSOR_RESIZE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MzE6MjMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MTBhYjUzLWM0ZjEtNDVhNS04MjhkLTIxOTczOWFjOTk3MSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkMDNmNjM5LTE5MzctY2Y0MC1hMTg0LTIyMjg0NzczNWNmYSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyYjQwZGRmLWE0ZGEtNDY3MC1iYzc2LTBhYjY3ZmI5M2I0ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODJiNDBkZGYtYTRkYS00NjcwLWJjNzYtMGFiNjdmYjkzYjRlIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjMxOjIzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjQxMGFiNTMtYzRmMS00NWE1LTgyOGQtMjE5NzM5YWM5OTcxIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57vRudAAAEk0lEQVRYhe3ZW0jbVxzA8e8/MX+NYnG9uI4xE3bvoLt0FzradRfGBtsYo32YdAhb6WQyBqV7KOylpYjzZShDGfjmyxgbgjjwyRm16SYMhgiNKDhbL3VtNF4xJOnf3x7+59i/Wf4aTbInf3AwJMdzPjnnf/n9/jFEhGzDMIxMb3uAIsDs6ek5urS05Dtz5syE+uwekAQS6u89YD19gC0NIpJ1c8GZQHlXV9fJRCIxGo/HxxoaGj4CngWOAEGgEihXfT07MeQC3MB1dna+lkgkRkXF6urq3xcuXPgUOAE8DzwGPOiGLARwEy4ej4+JiITD4elr167NiIgsLi7eqq2trQPeBI4Bj7sh8w10xZmmeds0zdn+/v5/RERisdjUuXPnvgLeAl50Q+YTaAA+oKy7u/uE3laNAwSQ4uLiu6FQ6G4G5DG13YeAMjWWkU+gBygJhULHNe769etTTpwDGXUiz58//yXwujp5qoAHgBLAk0+gNxKJHEulUiMKN2ma5gwgPp/vjhOXjlxYWJisq6urBV5RW30IKAW8eQPGYrGjlmXdEBEZHBy8aZrmFCCmac729fVtAHt7e6MO5N2+vr47IiJLS0s3L126dBZ4Sh2LZUBRwVdwYGBgVuwOYh/zsoF0bnPBVzDTMRgOh6dFhROokSIi8/Pz0+pEeaPQx+DGWdzV1XVSX2LcgCIic3NzMzU1NV8D7wIvq9WrLNRZvOk62NHRccqJTAdGo9Hb1dXV3wAfYt9VjgAPFfI66EQWAxU9PT0fuwEvXrzYBJwF3gFeAAJAhfrfrO4k/7lxZxnr2JlJqry8POnWyePx6H4JR0vhktVkHGOXQI20SkpKLLcOhmGsA5YCaZiVLS5XoADi9XpdkznDMERhnE0fCgUHZhvOW+CO4/8A5hR7wFxjD5hr7AFzjZyBlmVlrOYdYaS1HUUuQA/gWV9fd51URDyqn1c1j6MVFGjoidfW1oq2ABrYj0V82OmVzwHNajVdB88C5wOKTdM87NaxsrKyQsFKHC2BnTDo+/TWt8Bd5INeVC44NDT0xXYZdXNz8w/AaeyS8yjwCPdzQu92ht2m/OUjIyOfS1pkAoqItLS0fA+8D7wKPA0cxs6qC1O4T0xMfKYnb21tnXEDNjc3z+nXbW1t3wFvYz9dCAL7KUThHovFPtGTNjU1jQFSX18/lg68cuXKLUAaGxs3vkB7e/u3wHHgCQpUdnpTqdQvesJgMDisUVevXh3Xry9fvnxTv66qqprQ/cfHx/vVNj/J/couv0DAv7q6+pMDeYPNSalkwkUikX7s4ukl4FHgAODPN1CXnPsWFxd/dCAjW+GGhoZCwAfYpeczwMPAPjVW3gv3IvXN98disZ8dyBGNCwQC4/r94eHhfuy6+JS6zATUCeJXY+W9cNfIUuDAwsLCr05kIBDYeBQ8Ojr6h8Lpx25BtbWlGpfv62BG5PLy8m+SFpOTk38C76mVe84NVyhgOvLgysrK7xoXjUb/Uqt2XG1rEDiYCbcd0MgwsWtk+J1EI03An0wmw5Zlefx+/2n1eRKIO5r+rWTTpFsZ/gWFrGMmeObuqwAAAABJRU5ErkJggg==';

package/dist/esm/lib/cursor.d.ts

@@ -0,0 +1,16 @@
+import type { UtilEventEmitter, CoreEvent } from '@idraw/types';
+export declare class Cursor {
+    private _eventHub;
+    private _container;
+    private _cursorType;
+    private _resizeCursorBaseImage;
+    private _cursorImageMap;
+    constructor(container: HTMLDivElement, opts: {
+        eventHub: UtilEventEmitter<CoreEvent>;
+    });
+    private _init;
+    private _loadResizeCursorBaseImage;
+    private _resetCursor;
+    private _setCursorResize;
+    private _appendRotateResizeImage;
+}

package/dist/esm/lib/cursor.js

@@ -0,0 +1,121 @@
+import { limitAngle, loadImage, parseAngleToRadian } from '@idraw/util';
+import { CURSOR, CURSOR_RESIZE } from './cursor-image';
+export class Cursor {
+    constructor(container, opts) {
+        this._cursorType = null;
+        this._resizeCursorBaseImage = null;
+        this._cursorImageMap = {
+            auto: CURSOR,
+            'rotate-0': CURSOR_RESIZE
+        };
+        this._container = container;
+        this._eventHub = opts.eventHub;
+        this._init();
+        this._loadResizeCursorBaseImage();
+    }
+    _init() {
+        const { _eventHub: eventHub } = this;
+        this._resetCursor('auto');
+        eventHub.on('cursor', (e) => {
+            var _a;
+            if (e.type === 'over-element' || !e.type) {
+                this._resetCursor('auto');
+            }
+            else if (typeof e.type === 'string' && ((_a = e.type) === null || _a === void 0 ? void 0 : _a.startsWith('resize-'))) {
+                this._setCursorResize(e);
+            }
+            else {
+                this._resetCursor('auto');
+            }
+        });
+    }
+    _loadResizeCursorBaseImage() {
+        loadImage(CURSOR_RESIZE)
+            .then((img) => {
+            this._resizeCursorBaseImage = img;
+        })
+            .catch((err) => {
+            console.error(err);
+        });
+    }
+    _resetCursor(cursorKey) {
+        if (this._cursorType === cursorKey) {
+            return;
+        }
+        this._cursorType = cursorKey;
+        const image = this._cursorImageMap[this._cursorType] || this._cursorImageMap['auto'];
+        let offsetX = 0;
+        let offsetY = 0;
+        if (cursorKey.startsWith('rotate-') && this._cursorImageMap[this._cursorType]) {
+            offsetX = 10;
+            offsetY = 10;
+        }
+        this._container.style.cursor = `image-set(url(${image})2x) ${offsetX} ${offsetY}, auto`;
+    }
+    _setCursorResize(e) {
+        var _a;
+        let totalAngle = 0;
+        if (e.type === 'resize-top') {
+            totalAngle += 0;
+        }
+        else if (e.type === 'resize-top-right') {
+            totalAngle += 45;
+        }
+        else if (e.type === 'resize-right') {
+            totalAngle += 90;
+        }
+        else if (e.type === 'resize-bottom-right') {
+            totalAngle += 135;
+        }
+        else if (e.type === 'resize-bottom') {
+            totalAngle += 180;
+        }
+        else if (e.type === 'resize-bottom-left') {
+            totalAngle += 225;
+        }
+        else if (e.type === 'resize-left') {
+            totalAngle += 270;
+        }
+        else if (e.type === 'resize-top-left') {
+            totalAngle += 315;
+        }
+        totalAngle += limitAngle(((_a = e === null || e === void 0 ? void 0 : e.element) === null || _a === void 0 ? void 0 : _a.angle) || 0);
+        if (Array.isArray(e.groupQueue) && e.groupQueue.length > 0) {
+            e.groupQueue.forEach((group) => {
+                totalAngle += limitAngle(group.angle || 0);
+            });
+        }
+        totalAngle = limitAngle(totalAngle);
+        const cursorKey = this._appendRotateResizeImage(totalAngle);
+        this._resetCursor(cursorKey);
+    }
+    _appendRotateResizeImage(angle) {
+        const key = `rotate-${angle}`;
+        if (!this._cursorImageMap[key]) {
+            const baseImage = this._resizeCursorBaseImage;
+            if (baseImage) {
+                const canvas = document.createElement('canvas');
+                const w = baseImage.width;
+                const h = baseImage.height;
+                const center = {
+                    x: w / 2,
+                    y: h / 2
+                };
+                canvas.width = w;
+                canvas.height = h;
+                const ctx = canvas.getContext('2d');
+                const radian = parseAngleToRadian(angle);
+                ctx.translate(center.x, center.y);
+                ctx.rotate(radian);
+                ctx.translate(-center.x, -center.y);
+                ctx.drawImage(baseImage, 0, 0, w, h);
+                ctx.translate(center.x, center.y);
+                ctx.rotate(-radian);
+                ctx.translate(-center.x, -center.y);
+                const base = canvas.toDataURL('image/png');
+                this._cursorImageMap[key] = base;
+            }
+        }
+        return key;
+    }
+}

package/dist/esm/middleware/scaler/index.d.ts

@@ -0,0 +1,2 @@
+import type { BoardMiddleware } from '@idraw/types';
+export declare const MiddlewareScaler: BoardMiddleware;

package/dist/esm/middleware/scaler/index.js

@@ -0,0 +1,22 @@
+export const MiddlewareScaler = (opts) => {
+    const key = 'SCALE';
+    const { viewer, sharer } = opts;
+    return {
+        mode: key,
+        isDefault: true,
+        wheelScale(e) {
+            const { deltaY, point } = e;
+            const { scale } = sharer.getActiveViewScaleInfo();
+            let newScaleNum = scale;
+            if (deltaY < 0) {
+                newScaleNum = scale * 1.1;
+            }
+            else if (deltaY > 0) {
+                newScaleNum = scale * 0.9;
+            }
+            const { moveX, moveY } = viewer.scale({ scale: newScaleNum, point });
+            viewer.scroll({ moveX, moveY });
+            viewer.drawFrame();
+        }
+    };
+};

package/dist/esm/middleware/scroller/config.d.ts

@@ -0,0 +1,6 @@
+export declare const key = "SCROLL";
+export declare const keyXThumbRect: unique symbol;
+export declare const keyYThumbRect: unique symbol;
+export declare const keyPrevPoint: unique symbol;
+export declare const keyActivePoint: unique symbol;
+export declare const keyActiveThumbType: unique symbol;

package/dist/esm/middleware/scroller/config.js

@@ -0,0 +1,6 @@
+export const key = 'SCROLL';
+export const keyXThumbRect = Symbol(`${key}_xThumbRect`);
+export const keyYThumbRect = Symbol(`${key}_yThumbRect`);
+export const keyPrevPoint = Symbol(`${key}_prevPoint`);
+export const keyActivePoint = Symbol(`${key}_activePoint`);
+export const keyActiveThumbType = Symbol(`${key}_activeThumbType`);

package/dist/esm/middleware/scroller/index.d.ts

@@ -0,0 +1,2 @@
+import type { BoardMiddleware } from '@idraw/types';
+export declare const MiddlewareScroller: BoardMiddleware;

package/dist/esm/middleware/scroller/index.js

@@ -0,0 +1,97 @@
+import { drawScroller, isPointInScrollThumb } from './util';
+import { key, keyXThumbRect, keyYThumbRect, keyPrevPoint, keyActivePoint, keyActiveThumbType } from './config';
+export const MiddlewareScroller = (opts) => {
+    const { viewer, viewContent, sharer } = opts;
+    const { helperContext } = viewContent;
+    sharer.setSharedStorage(keyXThumbRect, null);
+    sharer.setSharedStorage(keyYThumbRect, null);
+    const clear = () => {
+        sharer.setSharedStorage(keyPrevPoint, null);
+        sharer.setSharedStorage(keyActivePoint, null);
+        sharer.setSharedStorage(keyActiveThumbType, null);
+    };
+    clear();
+    const scrollX = (p) => {
+        const prevPoint = sharer.getSharedStorage(keyPrevPoint);
+        if (prevPoint) {
+            const { offsetLeft, offsetRight } = sharer.getActiveViewScaleInfo();
+            const { width } = sharer.getActiveViewSizeInfo();
+            const thumbMoveX = -(p.x - prevPoint.x);
+            const totalWidth = width + Math.abs(offsetLeft) + Math.abs(offsetRight);
+            const moveX = (thumbMoveX * totalWidth) / width;
+            viewer.scroll({ moveX });
+            viewer.drawFrame();
+        }
+    };
+    const scrollY = (p) => {
+        const prevPoint = sharer.getSharedStorage(keyPrevPoint);
+        if (prevPoint) {
+            const { offsetTop, offsetBottom } = sharer.getActiveViewScaleInfo();
+            const { height } = sharer.getActiveViewSizeInfo();
+            const thumbMoveY = -(p.y - prevPoint.y);
+            const totalHeight = height + Math.abs(offsetTop) + Math.abs(offsetBottom);
+            const moveY = (thumbMoveY * totalHeight) / height;
+            viewer.scroll({ moveY });
+            viewer.drawFrame();
+        }
+    };
+    const getThumbType = (p) => {
+        return isPointInScrollThumb(helperContext, p, {
+            xThumbRect: sharer.getSharedStorage(keyXThumbRect),
+            yThumbRect: sharer.getSharedStorage(keyYThumbRect)
+        });
+    };
+    return {
+        mode: key,
+        wheelX: (e) => {
+            if (e.deltaX >= 0 || e.deltaX < 0) {
+                viewer.scroll({ moveX: 0 - e.deltaX });
+                viewer.drawFrame();
+            }
+        },
+        wheelY: (e) => {
+            if (e.deltaY >= 0 || e.deltaY < 0) {
+                viewer.scroll({ moveY: 0 - e.deltaY });
+                viewer.drawFrame();
+            }
+        },
+        pointStart: (e) => {
+            const { point } = e;
+            const thumbType = getThumbType(point);
+            if (thumbType === 'X' || thumbType === 'Y') {
+                sharer.setSharedStorage(keyActiveThumbType, thumbType);
+                sharer.setSharedStorage(keyPrevPoint, point);
+                return false;
+            }
+        },
+        pointMove: (e) => {
+            const { point } = e;
+            const activeThumbType = sharer.getSharedStorage(keyActiveThumbType);
+            if (activeThumbType === 'X' || activeThumbType === 'Y') {
+                sharer.setSharedStorage(keyActivePoint, point);
+                if (activeThumbType === 'X') {
+                    scrollX(point);
+                }
+                else if (activeThumbType === 'Y') {
+                    scrollY(point);
+                }
+                sharer.setSharedStorage(keyPrevPoint, point);
+                return false;
+            }
+        },
+        pointEnd: (e) => {
+            const activeThumbType = sharer.getSharedStorage(keyActiveThumbType);
+            clear();
+            if (activeThumbType === 'X' || activeThumbType === 'Y') {
+                viewer.scroll({ moveX: 0, moveY: 0 });
+                viewer.drawFrame();
+                return false;
+            }
+        },
+        beforeDrawFrame({ snapshot }) {
+            const { xThumbRect, yThumbRect } = drawScroller(helperContext, { snapshot });
+            sharer.setSharedStorage(keyXThumbRect, xThumbRect);
+            sharer.setSharedStorage(keyYThumbRect, yThumbRect);
+        }
+    };
+};