@idraw/core 0.3.1 → 0.4.0-alpha.3

package/dist/esm/lib/engine.js

@@ -1,323 +0,0 @@
-import { deepClone, throttle } from '@idraw/util';
-import { Mode, CursorStatus } from './../constant/static';
-import { TempData } from './engine-temp';
-import { Helper } from './helper';
-import { Mapper } from './mapper';
-export class Engine {
-    constructor(opts) {
-        this._plugins = [];
-        const { board, config, element } = opts;
-        const helper = new Helper(board, config);
-        this._opts = opts;
-        this.temp = new TempData();
-        this.helper = helper;
-        this._mapper = new Mapper({ board, helper, element });
-    }
-    addPlugin(plugin) {
-        this._plugins.push(plugin);
-    }
-    getHelperConfig() {
-        return this.helper.getConfig();
-    }
-    updateHelperConfig(opts) {
-        var _a;
-        const { board, getDataFeekback, config } = this._opts;
-        const data = getDataFeekback();
-        const transform = board.getTransform();
-        this.helper.updateConfig(data, {
-            width: opts.width,
-            height: opts.height,
-            devicePixelRatio: opts.devicePixelRatio,
-            canScroll: ((_a = config === null || config === void 0 ? void 0 : config.scrollWrapper) === null || _a === void 0 ? void 0 : _a.use) === true,
-            selectedUUID: this.temp.get('selectedUUID'),
-            selectedUUIDList: this.temp.get('selectedUUIDList'),
-            scale: transform.scale,
-            scrollX: transform.scrollX,
-            scrollY: transform.scrollY
-        });
-    }
-    init() {
-        this._initEvent();
-    }
-    _initEvent() {
-        if (this.temp.get('hasInited') === true) {
-            return;
-        }
-        const { board } = this._opts;
-        board.on('hover', throttle(this._handleHover.bind(this), 32));
-        board.on('leave', throttle(this._handleLeave.bind(this), 32));
-        board.on('point', throttle(this._handleClick.bind(this), 16));
-        board.on('doubleClick', this._handleDoubleClick.bind(this));
-        board.on('point', this._handlePoint.bind(this));
-        board.on('moveStart', this._handleMoveStart.bind(this));
-        board.on('move', throttle(this._handleMove.bind(this), 16));
-        board.on('moveEnd', this._handleMoveEnd.bind(this));
-    }
-    _handleDoubleClick(point) {
-        var _a, _b, _c;
-        const { element, getDataFeekback, drawFeekback, coreEvent } = this._opts;
-        const data = getDataFeekback();
-        const [index, uuid] = element.isPointInElement(point, data);
-        if (index >= 0 && uuid) {
-            const elem = deepClone((_a = data.elements) === null || _a === void 0 ? void 0 : _a[index]);
-            if (((_b = elem === null || elem === void 0 ? void 0 : elem.operation) === null || _b === void 0 ? void 0 : _b.invisible) !== true) {
-                coreEvent.trigger('screenDoubleClickElement', {
-                    index,
-                    uuid,
-                    element: deepClone((_c = data.elements) === null || _c === void 0 ? void 0 : _c[index])
-                });
-            }
-        }
-        drawFeekback();
-    }
-    _handlePoint(point) {
-        var _a, _b, _c;
-        if (!this._mapper.isEffectivePoint(point)) {
-            return;
-        }
-        const { element, getDataFeekback, selectElementByIndex, coreEvent, emitChangeScreen, drawFeekback } = this._opts;
-        const helper = this.helper;
-        const data = getDataFeekback();
-        if (helper.isPointInElementList(point, data)) {
-            this.temp.set('mode', Mode.SELECT_ELEMENT_LIST);
-        }
-        else {
-            const { uuid, selectedControllerDirection } = helper.isPointInElementWrapperController(point, data);
-            if (uuid && selectedControllerDirection) {
-                this.temp.set('mode', Mode.SELECT_ELEMENT_WRAPPER_CONTROLLER);
-                this.temp.set('selectedControllerDirection', selectedControllerDirection);
-                this.temp.set('selectedUUID', uuid);
-            }
-            else {
-                const [index, uuid] = element.isPointInElement(point, data);
-                if (index >= 0 && ((_b = (_a = data.elements[index]) === null || _a === void 0 ? void 0 : _a.operation) === null || _b === void 0 ? void 0 : _b.invisible) !== true) {
-                    selectElementByIndex(index, { useMode: true });
-                    if (typeof uuid === 'string' &&
-                        coreEvent.has('screenSelectElement')) {
-                        coreEvent.trigger('screenSelectElement', {
-                            index,
-                            uuid,
-                            element: deepClone((_c = data.elements) === null || _c === void 0 ? void 0 : _c[index])
-                        });
-                        emitChangeScreen();
-                    }
-                    this.temp.set('mode', Mode.SELECT_ELEMENT);
-                }
-                else {
-                    this.temp.set('selectedUUIDList', []);
-                    this.temp.set('selectedUUID', null);
-                    this.temp.set('mode', Mode.SELECT_AREA);
-                }
-            }
-        }
-        drawFeekback();
-    }
-    _handleClick(point) {
-        var _a;
-        const { element, getDataFeekback, coreEvent, drawFeekback } = this._opts;
-        const data = getDataFeekback();
-        const [index, uuid] = element.isPointInElement(point, data);
-        if (index >= 0 && uuid) {
-            coreEvent.trigger('screenClickElement', {
-                index,
-                uuid,
-                element: deepClone((_a = data.elements) === null || _a === void 0 ? void 0 : _a[index])
-            });
-        }
-        drawFeekback();
-    }
-    _handleMoveStart(point) {
-        const { element, getDataFeekback, coreEvent } = this._opts;
-        const data = getDataFeekback();
-        const helper = this.helper;
-        this.temp.set('prevPoint', point);
-        const uuid = this.temp.get('selectedUUID');
-        if (this.temp.get('mode') === Mode.SELECT_ELEMENT_LIST) {
-        }
-        else if (this.temp.get('mode') === Mode.SELECT_ELEMENT) {
-            if (typeof uuid === 'string' && coreEvent.has('screenMoveElementStart')) {
-                coreEvent.trigger('screenMoveElementStart', {
-                    index: element.getElementIndex(data, uuid),
-                    uuid,
-                    x: point.x,
-                    y: point.y
-                });
-            }
-        }
-        else if (this.temp.get('mode') === Mode.SELECT_AREA) {
-            helper.startSelectArea(point);
-        }
-    }
-    _handleMove(point) {
-        const { drawFeekback } = this._opts;
-        const helper = this.helper;
-        if (this.temp.get('mode') === Mode.SELECT_ELEMENT_LIST) {
-            this.temp.set('hasChangedElement', true);
-            this._dragElements(this.temp.get('selectedUUIDList'), point, this.temp.get('prevPoint'));
-            drawFeekback();
-            this.temp.set('cursorStatus', CursorStatus.DRAGGING);
-        }
-        else if (typeof this.temp.get('selectedUUID') === 'string') {
-            if (this.temp.get('mode') === Mode.SELECT_ELEMENT) {
-                this.temp.set('hasChangedElement', true);
-                this._dragElements([this.temp.get('selectedUUID')], point, this.temp.get('prevPoint'));
-                drawFeekback();
-                this.temp.set('cursorStatus', CursorStatus.DRAGGING);
-            }
-            else if (this.temp.get('mode') === Mode.SELECT_ELEMENT_WRAPPER_CONTROLLER &&
-                this.temp.get('selectedControllerDirection')) {
-                this._transfromElement(this.temp.get('selectedUUID'), point, this.temp.get('prevPoint'), this.temp.get('selectedControllerDirection'));
-                this.temp.set('cursorStatus', CursorStatus.DRAGGING);
-            }
-        }
-        else if (this.temp.get('mode') === Mode.SELECT_AREA) {
-            helper.changeSelectArea(point);
-            drawFeekback();
-        }
-        this.temp.set('prevPoint', point);
-    }
-    _dragElements(uuids, point, prevPoint) {
-        if (!prevPoint) {
-            return;
-        }
-        const { board, element, getDataFeekback, drawFeekback } = this._opts;
-        const data = getDataFeekback();
-        const helper = this.helper;
-        uuids.forEach((uuid) => {
-            var _a, _b;
-            const idx = helper.getElementIndexByUUID(uuid);
-            if (idx === null)
-                return;
-            const elem = data.elements[idx];
-            if (((_a = elem === null || elem === void 0 ? void 0 : elem.operation) === null || _a === void 0 ? void 0 : _a.lock) !== true &&
-                ((_b = elem === null || elem === void 0 ? void 0 : elem.operation) === null || _b === void 0 ? void 0 : _b.invisible) !== true) {
-                element.dragElement(data, uuid, point, prevPoint, board.getContext().getTransform().scale);
-            }
-        });
-        drawFeekback();
-    }
-    _transfromElement(uuid, point, prevPoint, direction) {
-        if (!prevPoint) {
-            return null;
-        }
-        const { board, element, getDataFeekback, drawFeekback } = this._opts;
-        const data = getDataFeekback();
-        const result = element.transformElement(data, uuid, point, prevPoint, board.getContext().getTransform().scale, direction);
-        drawFeekback();
-        return result;
-    }
-    _handleMoveEnd(point) {
-        const { element, getDataFeekback, coreEvent, drawFeekback, emitChangeData } = this._opts;
-        const data = getDataFeekback();
-        const helper = this.helper;
-        const uuid = this.temp.get('selectedUUID');
-        if (typeof uuid === 'string') {
-            const index = element.getElementIndex(data, uuid);
-            const elem = data.elements[index];
-            if (elem) {
-                if (coreEvent.has('screenMoveElementEnd')) {
-                    coreEvent.trigger('screenMoveElementEnd', {
-                        index,
-                        uuid,
-                        x: point.x,
-                        y: point.y
-                    });
-                }
-                if (coreEvent.has('screenChangeElement')) {
-                    coreEvent.trigger('screenChangeElement', {
-                        index,
-                        uuid,
-                        width: elem.w,
-                        height: elem.h,
-                        angle: elem.angle || 0
-                    });
-                }
-            }
-        }
-        else if (this.temp.get('mode') === Mode.SELECT_AREA) {
-            const uuids = helper.calcSelectedElements(data);
-            if (uuids.length > 0) {
-                this.temp.set('selectedUUIDList', uuids);
-                this.temp.set('selectedUUID', null);
-            }
-            else {
-                this.temp.set('mode', Mode.NULL);
-            }
-            helper.clearSelectedArea();
-            drawFeekback();
-        }
-        if (this.temp.get('mode') !== Mode.SELECT_ELEMENT) {
-            this.temp.set('selectedUUID', null);
-        }
-        this.temp.set('cursorStatus', CursorStatus.NULL);
-        this.temp.set('mode', Mode.NULL);
-        if (this.temp.get('hasChangedElement') === true) {
-            emitChangeData();
-            this.temp.set('hasChangedElement', false);
-        }
-    }
-    _handleHover(point) {
-        var _a, _b;
-        let isMouseOverElement = false;
-        const { board, getDataFeekback, coreEvent } = this._opts;
-        const data = getDataFeekback();
-        const helper = this.helper;
-        const mapper = this._mapper;
-        if (this.temp.get('mode') === Mode.SELECT_AREA) {
-            board.resetCursor();
-        }
-        else if (this.temp.get('cursorStatus') === CursorStatus.NULL) {
-            const { cursor, elementUUID } = mapper.judgePointCursor(point, data);
-            board.setCursor(cursor);
-            if (elementUUID) {
-                const index = helper.getElementIndexByUUID(elementUUID);
-                if (index !== null && index >= 0) {
-                    const elem = data.elements[index];
-                    if (((_a = elem === null || elem === void 0 ? void 0 : elem.operation) === null || _a === void 0 ? void 0 : _a.lock) === true ||
-                        ((_b = elem === null || elem === void 0 ? void 0 : elem.operation) === null || _b === void 0 ? void 0 : _b.invisible) === true) {
-                        board.resetCursor();
-                        return;
-                    }
-                    if (this.temp.get('hoverUUID') !== elem.uuid) {
-                        const preIndex = helper.getElementIndexByUUID(this.temp.get('hoverUUID') || '');
-                        if (preIndex !== null && data.elements[preIndex]) {
-                            coreEvent.trigger('mouseLeaveElement', {
-                                uuid: this.temp.get('hoverUUID'),
-                                index: preIndex,
-                                element: data.elements[preIndex]
-                            });
-                        }
-                    }
-                    if (elem) {
-                        coreEvent.trigger('mouseOverElement', {
-                            uuid: elem.uuid,
-                            index,
-                            element: elem
-                        });
-                        this.temp.set('hoverUUID', elem.uuid);
-                        isMouseOverElement = true;
-                    }
-                }
-            }
-        }
-        if (isMouseOverElement !== true && this.temp.get('hoverUUID') !== null) {
-            const uuid = this.temp.get('hoverUUID');
-            const index = helper.getElementIndexByUUID(uuid || '');
-            if (index !== null)
-                coreEvent.trigger('mouseLeaveElement', {
-                    uuid,
-                    index,
-                    element: data.elements[index]
-                });
-            this.temp.set('hoverUUID', null);
-        }
-        if (coreEvent.has('mouseOverScreen'))
-            coreEvent.trigger('mouseOverScreen', point);
-    }
-    _handleLeave() {
-        const { coreEvent } = this._opts;
-        if (coreEvent.has('mouseLeaveScreen')) {
-            coreEvent.trigger('mouseLeaveScreen', undefined);
-        }
-    }
-}

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

@@ -1,30 +0,0 @@
-import { IDrawData, HelperConfig, HelperUpdateOpts, HelperWrapperControllerDirection, Point, IDrawConfigStrict } from '@idraw/types';
-import Board from '@idraw/board';
-export declare class Helper {
-    private _helperConfig;
-    private _coreConfig;
-    private _ctx;
-    private _board;
-    private _areaStart;
-    private _areaEnd;
-    constructor(board: Board, config: IDrawConfigStrict);
-    updateConfig(data: IDrawData, opts: HelperUpdateOpts): void;
-    getConfig(): HelperConfig;
-    getElementIndexByUUID(uuid: string): number | null;
-    isPointInElementWrapperController(p: Point, data?: IDrawData): {
-        uuid: string | null | undefined;
-        selectedControllerDirection: HelperWrapperControllerDirection | null;
-        hoverControllerDirection: HelperWrapperControllerDirection | null;
-        directIndex: number | null;
-    };
-    isPointInElementList(p: Point, data: IDrawData): boolean;
-    startSelectArea(p: Point): void;
-    changeSelectArea(p: Point): void;
-    clearSelectedArea(): void;
-    calcSelectedElements(data: IDrawData): string[];
-    private _calcSelectedArea;
-    private _updateElementIndex;
-    private _updateSelectedElementWrapper;
-    private _updateSelectedElementListWrapper;
-    private _createSelectedElementWrapper;
-}