@idraw/renderer 0.3.0-beta.2 → 0.3.0-beta.6

package/dist/esm/index.d.ts

@@ -1,6 +1,5 @@
-import { TypeData, TypeContext } from '@idraw/types';
+import { IDrawData, IDrawContext } from '@idraw/types';
 import { RendererEvent } from './lib/renderer-event';
-import { _queue, _ctx, _status, _loader, _opts, _freeze, _drawFrame, _retainQueueOneItem } from './names';
 type Options = {
     width: number;
     height: number;
@@ -9,19 +8,19 @@ type Options = {
     devicePixelRatio: number;
 };
 export default class Renderer extends RendererEvent {
-    private [_queue];
-    private [_ctx];
-    private [_status];
-    private [_loader];
-    private [_opts]?;
+    private _queue;
+    private _ctx;
+    private _status;
+    private _loader;
+    private _opts?;
     constructor(opts?: Options);
-    render(target: HTMLCanvasElement | TypeContext, originData: TypeData, opts?: {
+    render(target: HTMLCanvasElement | IDrawContext, originData: IDrawData, opts?: {
         changeResourceUUIDs?: string[];
     }): void;
-    getContext(): TypeContext | null;
+    getContext(): IDrawContext | null;
     thaw(): void;
-    private [_freeze];
-    private [_drawFrame];
-    private [_retainQueueOneItem];
+    private _freeze;
+    private _drawFrame;
+    private _retainQueueOneItem;
 }
 export {};

package/dist/esm/index.js

@@ -1,9 +1,7 @@
-var _a, _b, _c;
 import { createUUID, deepClone, Context } from '@idraw/util';
 import { drawContext } from './lib/draw';
 import Loader from './lib/loader';
 import { RendererEvent } from './lib/renderer-event';
-import { _queue, _ctx, _status, _loader, _opts, _freeze, _drawFrame, _retainQueueOneItem } from './names';
 const { requestAnimationFrame } = window;
 var DrawStatus;
 (function (DrawStatus) {
@@ -15,27 +13,27 @@ var DrawStatus;
 export default class Renderer extends RendererEvent {
     constructor(opts) {
         super();
-        this[_a] = [];
-        this[_b] = null;
-        this[_c] = DrawStatus.NULL;
-        this[_opts] = opts;
-        this[_loader] = new Loader({
+        this._queue = [];
+        this._ctx = null;
+        this._status = DrawStatus.NULL;
+        this._opts = opts;
+        this._loader = new Loader({
             maxParallelNum: 6
         });
-        this[_loader].on('load', (res) => {
-            this[_drawFrame]();
+        this._loader.on('load', (res) => {
+            this._drawFrame();
             this.trigger('load', { element: res.element });
         });
-        this[_loader].on('error', (res) => {
+        this._loader.on('error', (res) => {
             this.trigger('error', { element: res.element, error: res.error });
         });
-        this[_loader].on('complete', () => {
+        this._loader.on('complete', () => {
             this.trigger('loadComplete', { t: Date.now() });
         });
     }
     render(target, originData, opts) {
         const { changeResourceUUIDs = [] } = opts || {};
-        this[_status] = DrawStatus.FREE;
+        this._status = DrawStatus.FREE;
         const data = deepClone(originData);
         if (Array.isArray(data.elements)) {
             data.elements.forEach((elem) => {
@@ -44,15 +42,15 @@ export default class Renderer extends RendererEvent {
                 }
             });
         }
-        if (!this[_ctx]) {
-            if (this[_opts] &&
+        if (!this._ctx) {
+            if (this._opts &&
                 Object.prototype.toString.call(target) === '[object HTMLCanvasElement]') {
-                const { width, height, contextWidth, contextHeight, devicePixelRatio } = this[_opts];
+                const { width, height, contextWidth, contextHeight, devicePixelRatio } = this._opts;
                 const canvas = target;
                 canvas.width = width * devicePixelRatio;
                 canvas.height = height * devicePixelRatio;
                 const ctx2d = canvas.getContext('2d');
-                this[_ctx] = new Context(ctx2d, {
+                this._ctx = new Context(ctx2d, {
                     width,
                     height,
                     contextWidth: contextWidth || width,
@@ -61,79 +59,79 @@ export default class Renderer extends RendererEvent {
                 });
             }
             else if (target) {
-                this[_ctx] = target;
+                this._ctx = target;
             }
         }
-        if ([DrawStatus.FREEZE].includes(this[_status])) {
+        if ([DrawStatus.FREEZE].includes(this._status)) {
             return;
         }
         const _data = deepClone({ data });
-        this[_queue].push(_data);
-        this[_drawFrame]();
-        this[_loader].load(data, changeResourceUUIDs || []);
+        this._queue.push(_data);
+        this._drawFrame();
+        this._loader.load(data, changeResourceUUIDs || []);
     }
     getContext() {
-        return this[_ctx];
+        return this._ctx;
     }
     thaw() {
-        this[_status] = DrawStatus.FREE;
+        this._status = DrawStatus.FREE;
     }
-    [(_a = _queue, _b = _ctx, _c = _status, _freeze)]() {
-        this[_status] = DrawStatus.FREEZE;
+    _freeze() {
+        this._status = DrawStatus.FREEZE;
     }
-    [_drawFrame]() {
-        if (this[_status] === DrawStatus.FREEZE) {
+    _drawFrame() {
+        if (this._status === DrawStatus.FREEZE) {
             return;
         }
         requestAnimationFrame(() => {
-            if (this[_status] === DrawStatus.FREEZE) {
+            if (this._status === DrawStatus.FREEZE) {
                 return;
             }
-            const ctx = this[_ctx];
-            let item = this[_queue][0];
+            const ctx = this._ctx;
+            let item = this._queue[0];
             let isLastFrame = false;
-            if (this[_queue].length > 1) {
-                item = this[_queue].shift();
+            if (this._queue.length > 1) {
+                item = this._queue.shift();
             }
             else {
                 isLastFrame = true;
             }
-            if (this[_loader].isComplete() !== true) {
-                this[_drawFrame]();
+            if (this._loader.isComplete() !== true) {
+                this._drawFrame();
                 if (item && ctx) {
-                    drawContext(ctx, item.data, this[_loader]);
+                    drawContext(ctx, item.data, this._loader);
                 }
             }
             else if (item && ctx) {
-                drawContext(ctx, item.data, this[_loader]);
-                this[_retainQueueOneItem]();
+                drawContext(ctx, item.data, this._loader);
+                this._retainQueueOneItem();
                 if (!isLastFrame) {
-                    this[_drawFrame]();
+                    this._drawFrame();
                 }
                 else {
-                    this[_status] = DrawStatus.FREE;
+                    this._status = DrawStatus.FREE;
                 }
             }
             else {
-                this[_status] = DrawStatus.FREE;
+                this._status = DrawStatus.FREE;
             }
             this.trigger('drawFrame', { t: Date.now() });
-            if (this[_loader].isComplete() === true &&
-                this[_queue].length === 1 &&
-                this[_status] === DrawStatus.FREE) {
-                if (ctx && this[_queue][0] && this[_queue][0].data) {
-                    drawContext(ctx, this[_queue][0].data, this[_loader]);
+            if (this._loader.isComplete() === true &&
+                this._queue.length === 1 &&
+                this._status === DrawStatus.FREE) {
+                if (ctx && this._queue[0] && this._queue[0].data) {
+                    drawContext(ctx, this._queue[0].data, this._loader);
                 }
                 this.trigger('drawFrameComplete', { t: Date.now() });
-                this[_freeze]();
+                this._freeze();
             }
         });
     }
-    [_retainQueueOneItem]() {
-        if (this[_queue].length <= 1) {
+    _retainQueueOneItem() {
+        if (this._queue.length <= 1) {
             return;
         }
-        const lastOne = deepClone(this[_queue][this[_queue].length - 1]);
-        this[_queue] = [lastOne];
+        const lastOne = deepClone(this._queue[this._queue.length - 1]);
+        this._queue = [lastOne];
     }
 }

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/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/circle.d.ts

@@ -1,2 +1,2 @@
-import { TypeContext, TypeElement } from '@idraw/types';
-export declare function drawCircle(ctx: TypeContext, elem: TypeElement<'circle'>): void;
+import { IDrawContext, DataElement } from '@idraw/types';
+export declare function drawCircle(ctx: IDrawContext, elem: DataElement<'circle'>): void;

package/dist/esm/lib/draw/circle.js

@@ -4,7 +4,7 @@ export function drawCircle(ctx, elem) {
     clearContext(ctx);
     rotateElement(ctx, elem, (ctx) => {
         const { x, y, w, h, desc } = elem;
-        const { bgColor = '#000000', borderColor = '#000000', borderWidth = 0, } = desc;
+        const { bgColor = '#000000', borderColor = '#000000', borderWidth = 0 } = desc;
         const a = w / 2;
         const b = h / 2;
         const centerX = x + a;

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

@@ -1,3 +1,3 @@
-import { TypeContext, TypeElement } from '@idraw/types';
+import { IDrawContext, DataElement } from '@idraw/types';
 import Loader from '../loader';
-export declare function drawHTML(ctx: TypeContext, elem: TypeElement<'html'>, loader: Loader): void;
+export declare function drawHTML(ctx: IDrawContext, elem: DataElement<'html'>, loader: Loader): void;

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

@@ -1,3 +1,3 @@
-import { TypeContext, TypeElement } from '@idraw/types';
+import { IDrawContext, DataElement } from '@idraw/types';
 import Loader from '../loader';
-export declare function drawImage(ctx: TypeContext, elem: TypeElement<'image'>, loader: Loader): void;
+export declare function drawImage(ctx: IDrawContext, elem: DataElement<'image'>, loader: Loader): void;

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

@@ -1,3 +1,3 @@
-import { TypeContext, TypeData } from '@idraw/types';
+import { IDrawContext, IDrawData } from '@idraw/types';
 import Loader from '../loader';
-export declare function drawContext(ctx: TypeContext, data: TypeData, loader: Loader): void;
+export declare function drawContext(ctx: IDrawContext, data: IDrawData, loader: Loader): void;

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

@@ -1,2 +1,2 @@
-import { TypeContext, TypeElement } from '@idraw/types';
-export declare function drawRect(ctx: TypeContext, elem: TypeElement<'rect'>): void;
+import { IDrawContext, DataElement } from '@idraw/types';
+export declare function drawRect(ctx: IDrawContext, elem: DataElement<'rect'>): void;

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

@@ -1,3 +1,3 @@
-import { TypeContext, TypeElement } from '@idraw/types';
+import { IDrawContext, DataElement } from '@idraw/types';
 import Loader from '../loader';
-export declare function drawSVG(ctx: TypeContext, elem: TypeElement<'svg'>, loader: Loader): void;
+export declare function drawSVG(ctx: IDrawContext, elem: DataElement<'svg'>, loader: Loader): void;

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

@@ -1,3 +1,3 @@
-import { TypeContext, TypeElement } from '@idraw/types';
+import { IDrawContext, DataElement } from '@idraw/types';
 import Loader from '../loader';
-export declare function drawText(ctx: TypeContext, elem: TypeElement<'text'>, loader: Loader): void;
+export declare function drawText(ctx: IDrawContext, elem: DataElement<'text'>, loader: Loader): void;

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

@@ -1,4 +1,4 @@
-import { TypeElement, TypeElemDesc } from '@idraw/types';
+import { DataElement, DataElemDesc } from '@idraw/types';
 export type TypeLoadDataItem = {
     uuid: string;
     type: 'image' | 'svg' | 'html';
@@ -7,16 +7,16 @@ export type TypeLoadDataItem = {
     elemW: number;
     elemH: number;
     source: string;
-    element: TypeElement<keyof TypeElemDesc>;
+    element: DataElement<keyof DataElemDesc>;
     error?: any;
 };
 export type TypeLoadData = {
     [uuid: string]: TypeLoadDataItem;
 };
 export type TypeLoaderEventArgMap = {
-    'complete': void;
-    'load': TypeLoadData[string];
-    'error': TypeLoadData[string];
+    complete: void;
+    load: TypeLoadData[string];
+    error: TypeLoadData[string];
 };
 export interface TypeLoaderEvent {
     on<T extends keyof TypeLoaderEventArgMap>(key: T, callback: (p: TypeLoaderEventArgMap[T]) => void): void;

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

@@ -1,4 +1,4 @@
-import { TypeData } from '@idraw/types';
+import { IDrawData } from '@idraw/types';
 import { TypeLoaderEventArgMap } from './loader-event';
 type Options = {
     maxParallelNum: number;
@@ -12,7 +12,7 @@ export default class Loader {
     private _status;
     private _waitingLoadQueue;
     constructor(opts: Options);
-    load(data: TypeData, changeResourceUUIDs: string[]): void;
+    load(data: IDrawData, changeResourceUUIDs: string[]): void;
     on<T extends keyof TypeLoaderEventArgMap>(name: T, callback: (arg: TypeLoaderEventArgMap[T]) => void): void;
     off<T extends keyof TypeLoaderEventArgMap>(name: T, callback: (arg: TypeLoaderEventArgMap[T]) => void): void;
     isComplete(): boolean;

package/dist/esm/lib/loader.js

@@ -29,7 +29,8 @@ export default class Loader {
     }
     load(data, changeResourceUUIDs) {
         const [uuidQueue, loadData] = this._resetLoadData(data, changeResourceUUIDs);
-        if (this._status === LoaderStatus.FREE || this._status === LoaderStatus.COMPLETE) {
+        if (this._status === LoaderStatus.FREE ||
+            this._status === LoaderStatus.COMPLETE) {
             this._currentUUIDQueue = uuidQueue;
             this._currentLoadData = loadData;
             this._loadTask();
@@ -37,7 +38,7 @@ export default class Loader {
         else if (this._status === LoaderStatus.LOADING && uuidQueue.length > 0) {
             this._waitingLoadQueue.push({
                 uuidQueue,
-                loadData,
+                loadData
             });
         }
     }
@@ -63,7 +64,7 @@ export default class Loader {
         const storageLoadData = this._storageLoadData;
         for (let i = data.elements.length - 1; i >= 0; i--) {
             const elem = data.elements[i];
-            if (['image', 'svg', 'html',].includes(elem.type)) {
+            if (['image', 'svg', 'html'].includes(elem.type)) {
                 if (!storageLoadData[elem.uuid]) {
                     loadData[elem.uuid] = this._createEmptyLoadItem(elem);
                     uuidQueue.push(elem.uuid);
@@ -105,7 +106,7 @@ export default class Loader {
             source,
             elemW,
             elemH,
-            element: deepClone(elem),
+            element: deepClone(elem)
         };
     }
     _loadTask() {
@@ -148,7 +149,8 @@ export default class Loader {
                     break;
                 }
                 loadUUIDList.push(uuid);
-                this._loadElementSource(this._currentLoadData[uuid]).then((image) => {
+                this._loadElementSource(this._currentLoadData[uuid])
+                    .then((image) => {
                     var _a, _b;
                     loadUUIDList.splice(loadUUIDList.indexOf(uuid), 1);
                     const status = _loadAction();
@@ -160,9 +162,11 @@ export default class Loader {
                         source: this._currentLoadData[uuid].source,
                         elemW: this._currentLoadData[uuid].elemW,
                         elemH: this._currentLoadData[uuid].elemH,
-                        element: this._currentLoadData[uuid].element,
+                        element: this._currentLoadData[uuid].element
                     };
-                    if (loadUUIDList.length === 0 && uuids.length === 0 && status === true) {
+                    if (loadUUIDList.length === 0 &&
+                        uuids.length === 0 &&
+                        status === true) {
                         this._status = LoaderStatus.FREE;
                         this._loadTask();
                     }
@@ -174,9 +178,10 @@ export default class Loader {
                         source: this._storageLoadData[uuid].source,
                         elemW: this._storageLoadData[uuid].elemW,
                         elemH: this._storageLoadData[uuid].elemH,
-                        element: (_b = this._storageLoadData[uuid]) === null || _b === void 0 ? void 0 : _b.element,
+                        element: (_b = this._storageLoadData[uuid]) === null || _b === void 0 ? void 0 : _b.element
                     });
-                }).catch((err) => {
+                })
+                    .catch((err) => {
                     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
                     console.warn(err);
                     loadUUIDList.splice(loadUUIDList.indexOf(uuid), 1);
@@ -191,10 +196,12 @@ export default class Loader {
                             source: (_b = this._currentLoadData[uuid]) === null || _b === void 0 ? void 0 : _b.source,
                             elemW: (_c = this._currentLoadData[uuid]) === null || _c === void 0 ? void 0 : _c.elemW,
                             elemH: (_d = this._currentLoadData[uuid]) === null || _d === void 0 ? void 0 : _d.elemH,
-                            element: (_e = this._currentLoadData[uuid]) === null || _e === void 0 ? void 0 : _e.element,
+                            element: (_e = this._currentLoadData[uuid]) === null || _e === void 0 ? void 0 : _e.element
                         };
                     }
-                    if (loadUUIDList.length === 0 && uuids.length === 0 && status === true) {
+                    if (loadUUIDList.length === 0 &&
+                        uuids.length === 0 &&
+                        status === true) {
                         this._status = LoaderStatus.FREE;
                         this._loadTask();
                     }
@@ -207,7 +214,7 @@ export default class Loader {
                             source: (_j = this._storageLoadData[uuid]) === null || _j === void 0 ? void 0 : _j.source,
                             elemW: (_k = this._storageLoadData[uuid]) === null || _k === void 0 ? void 0 : _k.elemW,
                             elemH: (_l = this._storageLoadData[uuid]) === null || _l === void 0 ? void 0 : _l.elemH,
-                            element: (_m = this._storageLoadData[uuid]) === null || _m === void 0 ? void 0 : _m.element,
+                            element: (_m = this._storageLoadData[uuid]) === null || _m === void 0 ? void 0 : _m.element
                         });
                     }
                 });
@@ -228,11 +235,12 @@ export default class Loader {
             }
             else if (params && params.type === 'html') {
                 const image = yield loadHTML(params.source, {
-                    width: params.elemW, height: params.elemH
+                    width: params.elemW,
+                    height: params.elemH
                 });
                 return image;
             }
-            throw Error('Element\'s source is not support!');
+            throw Error("Element's source is not support!");
         });
     }
 }

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

@@ -1,2 +1,2 @@
-import { TypeData } from '@idraw/types';
-export declare function parseData(data: any): TypeData;
+import { IDrawData } from '@idraw/types';
+export declare function parseData(data: any): IDrawData;

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

@@ -1,19 +1,19 @@
-import { TypeElement, TypeElemDesc } from '@idraw/types';
+import { DataElement, DataElemDesc } from '@idraw/types';
 export type TypeRendererEventArgMap = {
-    'drawFrame': {
+    drawFrame: {
         t: number;
     };
-    'drawFrameComplete': {
+    drawFrameComplete: {
         t: number;
     };
-    'load': {
-        element: TypeElement<keyof TypeElemDesc>;
+    load: {
+        element: DataElement<keyof DataElemDesc>;
     };
-    'loadComplete': {
+    loadComplete: {
         t: number;
     };
-    'error': {
-        element: TypeElement<keyof TypeElemDesc>;
+    error: {
+        element: DataElement<keyof DataElemDesc>;
         error: any;
     };
 };

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

@@ -1,4 +1,4 @@
-import { TypeHelperWrapperControllerDirection, TypePoint } from '@idraw/types';
+import { HelperWrapperControllerDirection, Point } from '@idraw/types';
 import { Mode, CursorStatus } from './../constant/static';
 type TempDataDesc = {
     hasInited: boolean;
@@ -8,9 +8,9 @@ type TempDataDesc = {
     selectedUUID: string | null;
     selectedUUIDList: string[];
     hoverUUID: string | null;
-    selectedControllerDirection: TypeHelperWrapperControllerDirection | null;
-    hoverControllerDirection: TypeHelperWrapperControllerDirection | null;
-    prevPoint: TypePoint | null;
+    selectedControllerDirection: HelperWrapperControllerDirection | null;
+    hoverControllerDirection: HelperWrapperControllerDirection | null;
+    prevPoint: Point | null;
 };
 export declare class TempData {
     private _temp;

package/dist/esm/lib/temp.js

@@ -10,7 +10,7 @@ function createData() {
         hoverUUID: null,
         selectedControllerDirection: null,
         hoverControllerDirection: null,
-        prevPoint: null,
+        prevPoint: null
     };
 }
 export class TempData {

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

@@ -1,4 +1,4 @@
-import { TypeContext, TypePoint, TypeElement, TypeElemDesc } from '@idraw/types';
-declare function rotateElement(ctx: TypeContext, elem: TypeElement<keyof TypeElemDesc>, callback: (ctx: TypeContext) => void): void;
-declare function rotateContext(ctx: TypeContext, center: TypePoint | undefined, radian: number, callback: (ctx: TypeContext) => void): void;
-export { rotateContext, rotateElement, };
+import { IDrawContext, Point, DataElement, DataElemDesc } from '@idraw/types';
+declare function rotateElement(ctx: IDrawContext, elem: DataElement<keyof DataElemDesc>, callback: (ctx: IDrawContext) => void): void;
+declare function rotateContext(ctx: IDrawContext, center: Point | undefined, radian: number, callback: (ctx: IDrawContext) => void): void;
+export { rotateContext, rotateElement };

package/dist/esm/lib/transform.js

@@ -17,4 +17,4 @@ function rotateContext(ctx, center, radian, callback) {
         ctx.translate(-center.x, -center.y);
     }
 }
-export { rotateContext, rotateElement, };
+export { rotateContext, rotateElement };