@idraw/core 0.3.0-beta.3 → 0.3.0-beta.7

package/dist/esm/index.d.ts

@@ -1,59 +1,59 @@
-import { TypeData, TypePoint, TypeBoardSizeOptions, TypeConfig, TypeElementBase, TypeElement, TypeElemDesc, TypeContext, TypeCoreOptions, TypeScreenContext, TypeScreenData } from '@idraw/types';
-import { TypeIs } from './lib/is';
-import { TypeCheck } from './lib/check';
-import { TypeCoreEventArgMap } from './lib';
-import { _board, _data, _opts, _config, _renderer, _element, _tempData, _draw, _coreEvent, _emitChangeScreen, _emitChangeData, _engine } from './names';
+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 {
-    private [_board];
-    private [_data];
-    private [_opts];
-    private [_config];
-    private [_renderer];
-    private [_element];
-    private [_coreEvent];
-    private [_tempData];
-    private [_engine];
-    static is: TypeIs;
-    static check: TypeCheck;
-    constructor(mount: HTMLDivElement, opts: TypeCoreOptions, config?: TypeConfig);
-    [_draw](opts?: {
+    $data: IDrawData;
+    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[];
     }): void;
-    getElement(uuid: string): TypeElement<keyof TypeElemDesc> | null;
-    getElementByIndex(index: number): TypeElement<keyof TypeElemDesc> | null;
+    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, opts?: {
-        useMode?: boolean;
-    }): void;
+    cancelElement(uuid: string): void;
     moveUpElement(uuid: string): void;
     moveDownElement(uuid: string): void;
-    updateElement(elem: TypeElement<keyof TypeElemDesc>): void;
-    addElement(elem: TypeElementBase<keyof TypeElemDesc>): string | null;
+    updateElement(elem: DataElement<keyof DataElemDesc>): void;
+    addElement(elem: DataElementBase<keyof DataElemDesc>): string | null;
     deleteElement(uuid: string): void;
-    insertElementBefore(elem: TypeElementBase<keyof TypeElemDesc>, beforeUUID: string): any;
-    insertElementBeforeIndex(elem: TypeElementBase<keyof TypeElemDesc>, index: number): any;
-    getSelectedElements(): TypeElement<keyof TypeElemDesc>[];
-    insertElementAfter(elem: TypeElementBase<keyof TypeElemDesc>, beforeUUID: string): any;
-    insertElementAfterIndex(elem: TypeElementBase<keyof TypeElemDesc>, index: number): any;
-    resetSize(opts: TypeBoardSizeOptions): void;
-    scale(ratio: number): TypeScreenContext;
-    scrollLeft(left: number): TypeScreenContext;
-    scrollTop(top: number): TypeScreenContext;
-    getScreenTransform(): TypeScreenData;
-    getData(): TypeData;
-    setData(data: any | TypeData, opts?: {
+    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;
-    pointScreenToContext(p: TypePoint): TypePoint;
-    pointContextToScreen(p: TypePoint): TypePoint;
-    __getBoardContext(): TypeContext;
-    __getDisplayContext2D(): CanvasRenderingContext2D;
-    __getOriginContext2D(): CanvasRenderingContext2D;
-    private [_emitChangeScreen];
-    private [_emitChangeData];
+    getEngine(): Engine;
+    pointScreenToContext(p: Point): Point;
+    pointContextToScreen(p: Point): Point;
+    $getBoardContext(): IDrawContext;
+    $getDisplayContext2D(): CanvasRenderingContext2D;
+    $getOriginContext2D(): CanvasRenderingContext2D;
+    $emitChangeData(): void;
+    $getElementHandler(): Element;
 }

package/dist/esm/index.js

@@ -1,70 +1,73 @@
-var _a, _b;
 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 { _board, _data, _opts, _config, _renderer, _element, _tempData, _draw, _coreEvent, _emitChangeScreen, _emitChangeData, _engine } from './names';
 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';
-export default class Core {
+class Core {
     constructor(mount, opts, config) {
-        var _c, _d, _e;
-        this[_a] = new CoreEvent();
-        this[_b] = new TempData();
-        this[_data] = { elements: [] };
-        this[_opts] = opts;
-        this[_config] = mergeConfig(config || {});
-        this[_board] = new Board(mount, Object.assign(Object.assign({}, this[_opts]), { canScroll: (_c = config === null || config === void 0 ? void 0 : config.scrollWrapper) === null || _c === void 0 ? void 0 : _c.use, scrollConfig: Object.assign({ color: ((_d = config === null || config === void 0 ? void 0 : config.scrollWrapper) === null || _d === void 0 ? void 0 : _d.color) || '#000000', width: ((_e = config === null || config === void 0 ? void 0 : config.scrollWrapper) === null || _e === void 0 ? void 0 : _e.width) || 12 }, ((config === null || config === void 0 ? void 0 : config.scrollWrapper) || {})) }));
-        this[_renderer] = new Renderer();
+        var _a, _b, _c;
+        this._coreEvent = new CoreEvent();
+        this._tempData = new TempData();
+        this.$data = { elements: [] };
+        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];
+            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._board.draw();
         };
-        this[_renderer].on('drawFrame', () => {
+        this._renderer.on('drawFrame', () => {
             drawFrame();
         });
-        this[_renderer].on('drawFrameComplete', () => {
+        this._renderer.on('drawFrameComplete', () => {
             drawFrame();
         });
-        this[_element] = new Element(this[_board].getContext());
-        this[_engine] = new Engine({
-            coreEvent: this[_coreEvent],
-            board: this[_board],
-            element: this[_element],
-            config: this[_config],
-            drawFeekback: this[_draw].bind(this),
-            getDataFeekback: () => this[_data],
+        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)
+            emitChangeScreen: this._emitChangeScreen.bind(this),
+            emitChangeData: this.$emitChangeData.bind(this)
         });
-        this[_engine].init();
-        this[_renderer].on('drawFrame', () => {
-            this[_coreEvent].trigger('drawFrame', undefined);
+        this._engine.init();
+        this._renderer.on('drawFrame', () => {
+            this._coreEvent.trigger('drawFrame', undefined);
         });
-        this[_renderer].on('drawFrameComplete', () => {
-            this[_coreEvent].trigger('drawFrameComplete', undefined);
+        this._renderer.on('drawFrameComplete', () => {
+            this._coreEvent.trigger('drawFrameComplete', undefined);
         });
-        this[_tempData].set('hasInited', true);
+        this._tempData.set('hasInited', true);
     }
-    [(_a = _coreEvent, _b = _tempData, _draw)](opts) {
-        this[_engine].updateHelperConfig({
-            width: this[_opts].width,
-            height: this[_opts].height,
-            devicePixelRatio: this[_opts].devicePixelRatio
+    _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], {
+        this._renderer.thaw();
+        this._renderer.render(this._board.getContext(), this.$data, {
             changeResourceUUIDs: (opts === null || opts === void 0 ? void 0 : opts.resourceChangeUUIDs) || []
         });
     }
@@ -83,8 +86,8 @@ export default class Core {
     cancelElementByIndex(index) {
         return cancelElementByIndex(this, index);
     }
-    cancelElement(uuid, opts) {
-        return cancelElement(this, uuid, opts);
+    cancelElement(uuid) {
+        return cancelElement(this, uuid);
     }
     moveUpElement(uuid) {
         return moveUpElement(this, uuid);
@@ -117,30 +120,30 @@ export default class Core {
         return insertElementAfterIndex(this, elem, index);
     }
     resetSize(opts) {
-        this[_opts] = Object.assign(Object.assign({}, this[_opts]), opts);
-        this[_board].resetSize(opts);
-        this[_draw]();
+        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]();
+        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]();
+        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]();
+        const screen = this._board.scrollY(0 - top);
+        this.$draw();
+        this._emitChangeScreen();
         return screen;
     }
     getScreenTransform() {
-        const transform = this[_board].getTransform();
+        const transform = this._board.getTransform();
         return {
             scale: transform.scale,
             scrollTop: Math.max(0, 0 - transform.scrollY),
@@ -148,51 +151,53 @@ export default class Core {
         };
     }
     getData() {
-        return deepClone(this[_data]);
+        return deepClone(this.$data);
     }
     setData(data, opts) {
-        const resourceChangeUUIDs = diffElementResourceChangeList(this[_data], data);
-        this[_data] = this[_element].initData(deepClone(parseData(data)));
+        const resourceChangeUUIDs = diffElementResourceChangeList(this.$data, data);
+        this.$data = this._elementHandler.initData(deepClone(parseData(data)));
         if (opts && opts.triggerChangeEvent === true) {
-            this[_emitChangeData]();
+            this.$emitChangeData();
         }
-        this[_draw]({ resourceChangeUUIDs });
+        this.$draw({ resourceChangeUUIDs });
     }
     clearOperation() {
-        this[_tempData].clear();
-        this[_draw]();
+        this._tempData.clear();
+        this.$draw();
     }
     on(key, callback) {
-        this[_coreEvent].on(key, callback);
+        this._coreEvent.on(key, callback);
     }
     off(key, callback) {
-        this[_coreEvent].off(key, callback);
+        this._coreEvent.off(key, callback);
+    }
+    getEngine() {
+        return this._engine;
     }
     pointScreenToContext(p) {
-        return this[_board].pointScreenToContext(p);
+        return this._board.pointScreenToContext(p);
     }
     pointContextToScreen(p) {
-        return this[_board].pointContextToScreen(p);
+        return this._board.pointContextToScreen(p);
     }
-    __getBoardContext() {
-        return this[_board].getContext();
+    $getBoardContext() {
+        return this._board.getContext();
     }
-    __getDisplayContext2D() {
-        return this[_board].getDisplayContext2D();
+    $getDisplayContext2D() {
+        return this._board.getDisplayContext2D();
     }
-    __getOriginContext2D() {
-        return this[_board].getOriginContext2D();
+    $getOriginContext2D() {
+        return this._board.getOriginContext2D();
     }
-    [_emitChangeScreen]() {
-        if (this[_coreEvent].has('changeScreen')) {
-            this[_coreEvent].trigger('changeScreen', Object.assign({}, this.getScreenTransform()));
+    $emitChangeData() {
+        if (this._coreEvent.has('changeData')) {
+            this._coreEvent.trigger('changeData', deepClone(this.$data));
         }
     }
-    [_emitChangeData]() {
-        if (this[_coreEvent].has('changeData')) {
-            this[_coreEvent].trigger('changeData', deepClone(this[_data]));
-        }
+    $getElementHandler() {
+        return this._elementHandler;
     }
 }
 Core.is = is;
 Core.check = check;
+export default Core;

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

@@ -1,5 +1,5 @@
-import { TypeElement, TypeElemDesc, TypePoint } from '@idraw/types';
+import { DataElement, DataElemDesc, Point } from '@idraw/types';
 export declare function parseRadianToAngle(radian: number): number;
 export declare function parseAngleToRadian(angle: number): number;
-export declare function calcElementCenter(elem: TypeElement<keyof TypeElemDesc>): TypePoint;
-export declare function calcRadian(center: TypePoint, start: TypePoint, end: TypePoint): number;
+export declare function calcElementCenter(elem: DataElement<keyof DataElemDesc>): Point;
+export declare function calcRadian(center: Point, start: Point, end: Point): number;

package/dist/esm/lib/calculate.js

@@ -1,13 +1,13 @@
 export function parseRadianToAngle(radian) {
-    return radian / Math.PI * 180;
+    return (radian / Math.PI) * 180;
 }
 export function parseAngleToRadian(angle) {
-    return angle / 180 * Math.PI;
+    return (angle / 180) * Math.PI;
 }
 export function calcElementCenter(elem) {
     const p = {
         x: elem.x + elem.w / 2,
-        y: elem.y + elem.h / 2,
+        y: elem.y + elem.h / 2
     };
     return p;
 }
@@ -15,10 +15,10 @@ export function calcRadian(center, start, end) {
     const startAngle = calcLineAngle(center, start);
     const endAngle = calcLineAngle(center, end);
     if (endAngle !== null && startAngle !== null) {
-        if (startAngle > Math.PI * 3 / 2 && endAngle < Math.PI / 2) {
+        if (startAngle > (Math.PI * 3) / 2 && endAngle < Math.PI / 2) {
             return endAngle + (Math.PI * 2 - startAngle);
         }
-        else if (endAngle > Math.PI * 3 / 2 && startAngle < Math.PI / 2) {
+        else if (endAngle > (Math.PI * 3) / 2 && startAngle < Math.PI / 2) {
             return startAngle + (Math.PI * 2 - endAngle);
         }
         else {

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

@@ -1,5 +1,5 @@
-import { TypeElementAttrs } from '@idraw/types';
-declare function attrs(attrs: TypeElementAttrs): boolean;
+import { DataElementAttrs } from '@idraw/types';
+declare function attrs(attrs: DataElementAttrs): boolean;
 declare function rectDesc(desc: any): boolean;
 declare function circleDesc(desc: any): boolean;
 declare function imageDesc(desc: any): boolean;
@@ -15,7 +15,7 @@ declare const check: {
     svgDesc: typeof svgDesc;
     htmlDesc: typeof htmlDesc;
 };
-type TypeCheck = {
+type CheckTypeUtil = {
     attrs: (value: any) => boolean;
     rectDesc: (value: any) => boolean;
     circleDesc: (value: any) => boolean;
@@ -24,5 +24,5 @@ type TypeCheck = {
     htmlDesc: (value: any) => boolean;
     textDesc: (value: any) => boolean;
 };
-export { TypeCheck };
+export { CheckTypeUtil };
 export default check;

package/dist/esm/lib/check.js

@@ -110,6 +110,6 @@ const check = {
     circleDesc,
     imageDesc,
     svgDesc,
-    htmlDesc,
+    htmlDesc
 };
 export default check;

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

@@ -1,3 +1,3 @@
-import { TypeConfig, TypeConfigStrict } from '@idraw/types';
-declare function mergeConfig(config?: TypeConfig): TypeConfigStrict;
+import { IDrawConfig, IDrawConfigStrict } from '@idraw/types';
+declare function mergeConfig(config?: IDrawConfig): IDrawConfigStrict;
 export { mergeConfig };

package/dist/esm/lib/core-event.d.ts

@@ -1,38 +1,38 @@
-import { TypeElement, TypeElemDesc, TypePoint, TypeData, TypeScreenData } from '@idraw/types';
+import { DataElement, DataElemDesc, Point, IDrawData, ScreenData } from '@idraw/types';
 export type TypeCoreEventSelectBaseArg = {
     index: number | null;
     uuid: string | null;
 };
 export type TypeCoreEventArgMap = {
-    'error': any;
-    'mouseOverScreen': TypePoint;
-    'mouseLeaveScreen': void;
-    'mouseOverElement': TypeCoreEventSelectBaseArg & {
-        element: TypeElement<keyof TypeElemDesc>;
+    error: any;
+    mouseOverScreen: Point;
+    mouseLeaveScreen: void;
+    mouseOverElement: TypeCoreEventSelectBaseArg & {
+        element: DataElement<keyof DataElemDesc>;
     };
-    'mouseLeaveElement': TypeCoreEventSelectBaseArg & {
-        element: TypeElement<keyof TypeElemDesc>;
+    mouseLeaveElement: TypeCoreEventSelectBaseArg & {
+        element: DataElement<keyof DataElemDesc>;
     };
-    'screenClickElement': TypeCoreEventSelectBaseArg & {
-        element: TypeElement<keyof TypeElemDesc>;
+    screenClickElement: TypeCoreEventSelectBaseArg & {
+        element: DataElement<keyof DataElemDesc>;
     };
-    'screenDoubleClickElement': TypeCoreEventSelectBaseArg & {
-        element: TypeElement<keyof TypeElemDesc>;
+    screenDoubleClickElement: TypeCoreEventSelectBaseArg & {
+        element: DataElement<keyof DataElemDesc>;
     };
-    'screenSelectElement': TypeCoreEventSelectBaseArg & {
-        element: TypeElement<keyof TypeElemDesc>;
+    screenSelectElement: TypeCoreEventSelectBaseArg & {
+        element: DataElement<keyof DataElemDesc>;
     };
-    'screenMoveElementStart': TypeCoreEventSelectBaseArg & TypePoint;
-    'screenMoveElementEnd': TypeCoreEventSelectBaseArg & TypePoint;
-    'screenChangeElement': TypeCoreEventSelectBaseArg & {
+    screenMoveElementStart: TypeCoreEventSelectBaseArg & Point;
+    screenMoveElementEnd: TypeCoreEventSelectBaseArg & Point;
+    screenChangeElement: TypeCoreEventSelectBaseArg & {
         width: number;
         height: number;
         angle: number;
     };
-    'changeData': TypeData;
-    'changeScreen': TypeScreenData;
-    'drawFrameComplete': void;
-    'drawFrame': void;
+    changeData: IDrawData;
+    changeScreen: ScreenData;
+    drawFrameComplete: void;
+    drawFrame: void;
 };
 export interface TypeCoreEvent {
     on<T extends keyof TypeCoreEventArgMap>(key: T, callback: (p: TypeCoreEventArgMap[T]) => void): void;

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

@@ -1,6 +1,6 @@
-import { TypeElement, TypeData, TypeElemDesc } from '@idraw/types';
-export declare function isChangeImageElementResource(before: TypeElement<'image'>, after: TypeElement<'image'>): boolean;
-export declare function isChangeSVGElementResource(before: TypeElement<'svg'>, after: TypeElement<'svg'>): boolean;
-export declare function isChangeHTMLElementResource(before: TypeElement<'html'>, after: TypeElement<'html'>): boolean;
-export declare function diffElementResourceChange(before: TypeElement<keyof TypeElemDesc>, after: TypeElement<keyof TypeElemDesc>): string | null;
-export declare function diffElementResourceChangeList(before: TypeData, after: TypeData): string[];
+import { DataElement, IDrawData, DataElemDesc } from '@idraw/types';
+export declare function isChangeImageElementResource(before: DataElement<'image'>, after: DataElement<'image'>): boolean;
+export declare function isChangeSVGElementResource(before: DataElement<'svg'>, after: DataElement<'svg'>): boolean;
+export declare function isChangeHTMLElementResource(before: DataElement<'html'>, after: DataElement<'html'>): boolean;
+export declare function diffElementResourceChange(before: DataElement<keyof DataElemDesc>, after: DataElement<keyof DataElemDesc>): string | null;
+export declare function diffElementResourceChangeList(before: IDrawData, after: IDrawData): string[];

package/dist/esm/lib/diff.js

@@ -1,16 +1,16 @@
 export function isChangeImageElementResource(before, after) {
     var _a, _b;
-    return (((_a = before === null || before === void 0 ? void 0 : before.desc) === null || _a === void 0 ? void 0 : _a.src) !== ((_b = after === null || after === void 0 ? void 0 : after.desc) === null || _b === void 0 ? void 0 : _b.src));
+    return ((_a = before === null || before === void 0 ? void 0 : before.desc) === null || _a === void 0 ? void 0 : _a.src) !== ((_b = after === null || after === void 0 ? void 0 : after.desc) === null || _b === void 0 ? void 0 : _b.src);
 }
 export function isChangeSVGElementResource(before, after) {
     var _a, _b;
-    return (((_a = before === null || before === void 0 ? void 0 : before.desc) === null || _a === void 0 ? void 0 : _a.svg) !== ((_b = after === null || after === void 0 ? void 0 : after.desc) === null || _b === void 0 ? void 0 : _b.svg));
+    return ((_a = before === null || before === void 0 ? void 0 : before.desc) === null || _a === void 0 ? void 0 : _a.svg) !== ((_b = after === null || after === void 0 ? void 0 : after.desc) === null || _b === void 0 ? void 0 : _b.svg);
 }
 export function isChangeHTMLElementResource(before, after) {
     var _a, _b, _c, _d, _e, _f;
-    return (((_a = before === null || before === void 0 ? void 0 : before.desc) === null || _a === void 0 ? void 0 : _a.html) !== ((_b = after === null || after === void 0 ? void 0 : after.desc) === null || _b === void 0 ? void 0 : _b.html)
-        || ((_c = before === null || before === void 0 ? void 0 : before.desc) === null || _c === void 0 ? void 0 : _c.width) !== ((_d = after === null || after === void 0 ? void 0 : after.desc) === null || _d === void 0 ? void 0 : _d.width)
-        || ((_e = before === null || before === void 0 ? void 0 : before.desc) === null || _e === void 0 ? void 0 : _e.height) !== ((_f = after === null || after === void 0 ? void 0 : after.desc) === null || _f === void 0 ? void 0 : _f.height));
+    return (((_a = before === null || before === void 0 ? void 0 : before.desc) === null || _a === void 0 ? void 0 : _a.html) !== ((_b = after === null || after === void 0 ? void 0 : after.desc) === null || _b === void 0 ? void 0 : _b.html) ||
+        ((_c = before === null || before === void 0 ? void 0 : before.desc) === null || _c === void 0 ? void 0 : _c.width) !== ((_d = after === null || after === void 0 ? void 0 : after.desc) === null || _d === void 0 ? void 0 : _d.width) ||
+        ((_e = before === null || before === void 0 ? void 0 : before.desc) === null || _e === void 0 ? void 0 : _e.height) !== ((_f = after === null || after === void 0 ? void 0 : after.desc) === null || _f === void 0 ? void 0 : _f.height));
 }
 export function diffElementResourceChange(before, after) {
     let result = null;
@@ -28,7 +28,8 @@ export function diffElementResourceChange(before, after) {
             isChange = isChangeHTMLElementResource(before, after);
             break;
         }
-        default: break;
+        default:
+            break;
     }
     if (isChange === true) {
         result = after.uuid;
@@ -59,7 +60,8 @@ export function diffElementResourceChangeList(before, after) {
                     isChange = isChangeHTMLElementResource(beforeMap[uuid], afterMap[uuid]);
                     break;
                 }
-                default: break;
+                default:
+                    break;
             }
             if (isChange === true) {
                 uuids.push(uuid);

package/dist/esm/lib/draw/base.d.ts

@@ -1,5 +1,5 @@
-import { TypeContext, TypeElement } from '@idraw/types';
-export declare function clearContext(ctx: TypeContext): void;
-export declare function drawBgColor(ctx: TypeContext, color: string): void;
-export declare function drawBox(ctx: TypeContext, elem: TypeElement<'text' | 'rect'>, pattern: string | CanvasPattern | null): void;
-export declare function drawBoxBorder(ctx: TypeContext, elem: TypeElement<'text' | 'rect'>): void;
+import { IDrawContext, DataElement } from '@idraw/types';
+export declare function clearContext(ctx: IDrawContext): void;
+export declare function drawBgColor(ctx: IDrawContext, color: string): void;
+export declare function drawBox(ctx: IDrawContext, elem: DataElement<'text' | 'rect'>, pattern: string | CanvasPattern | null): void;
+export declare function drawBoxBorder(ctx: IDrawContext, elem: DataElement<'text' | 'rect'>): void;

package/dist/esm/lib/draw/wrapper.d.ts

@@ -1,4 +1,4 @@
-import { TypeContext, TypeHelperConfig } from '@idraw/types';
-export declare function drawElementWrapper(ctx: TypeContext, config: TypeHelperConfig): void;
-export declare function drawAreaWrapper(ctx: TypeContext, config: TypeHelperConfig): void;
-export declare function drawElementListWrappers(ctx: TypeContext, config: TypeHelperConfig): void;
+import { IDrawContext, HelperConfig } from '@idraw/types';
+export declare function drawElementWrapper(ctx: IDrawContext, config: HelperConfig): void;
+export declare function drawAreaWrapper(ctx: IDrawContext, config: HelperConfig): void;
+export declare function drawElementListWrappers(ctx: IDrawContext, config: HelperConfig): void;

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

@@ -1,15 +1,15 @@
-import { TypeContext, TypePoint, TypeData, TypeHelperWrapperControllerDirection, TypeElement, TypeElemDesc } from '@idraw/types';
+import { IDrawContext, Point, IDrawData, HelperWrapperControllerDirection, DataElement, DataElemDesc } from '@idraw/types';
 export declare class Element {
     private _ctx;
-    constructor(ctx: TypeContext);
-    initData(data: TypeData): TypeData;
-    isPointInElement(p: TypePoint, data: TypeData): [number, string | null];
-    dragElement(data: TypeData, uuid: string, point: TypePoint, prevPoint: TypePoint, scale: number): void;
-    transformElement(data: TypeData, uuid: string, point: TypePoint, prevPoint: TypePoint, scale: number, direction: TypeHelperWrapperControllerDirection): null | {
+    constructor(ctx: IDrawContext);
+    initData(data: IDrawData): IDrawData;
+    isPointInElement(p: Point, data: IDrawData): [number, string | null];
+    dragElement(data: IDrawData, uuid: string, point: Point, prevPoint: Point, scale: number): void;
+    transformElement(data: IDrawData, uuid: string, point: Point, prevPoint: Point, scale: number, direction: HelperWrapperControllerDirection): null | {
         width: number;
         height: number;
         angle: number;
     };
-    getElementIndex(data: TypeData, uuid: string): number;
-    limitElementAttrs(elem: TypeElement<keyof TypeElemDesc>): void;
+    getElementIndex(data: IDrawData, uuid: string): number;
+    limitElementAttrs(elem: DataElement<keyof DataElemDesc>): void;
 }