@hatiolab/things-scene 9.0.0-beta.2 → 9.0.0-beta.4

package/dist/components/cloud.js

@@ -0,0 +1,31 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component } from '@hatiolab/things-scene';
+// import { Component } from '@hatiolab/things-scene'
+export default class Cloud extends Component {
+    prerender(ctx) {
+        //TODO center()를 구현할 때까지, 아무 구현없이 오버라이드한다.
+    }
+    render(ctx) {
+        var { x, y } = this.state;
+        ctx.beginPath();
+        ctx.moveTo(x, y);
+        ctx.bezierCurveTo(x - 40, y + 20, x - 40, y + 70, x + 50, y + 70);
+        ctx.bezierCurveTo(x + 80, y + 100, x + 150, y + 100, x + 170, y + 70);
+        ctx.bezierCurveTo(x + 250, y + 70, x + 250, y + 40, x + 220, y + 30);
+        ctx.bezierCurveTo(x + 260, y - 40, x + 200, y - 50, x + 170, y - 30);
+        ctx.bezierCurveTo(x + 150, y - 75, x + 80, y - 60, x + 80, y - 30);
+        ctx.bezierCurveTo(x + 30, y - 75, x - 20, y - 60, x, y);
+        ctx.closePath();
+    }
+    get path() {
+        var { x, y } = this.state;
+        return [{ x, y }];
+    }
+    set path(path) {
+        /* do nothing */
+    }
+}
+Component.register('cloud', Cloud);
+//# sourceMappingURL=cloud.js.map

package/dist/components/cloud.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud.js","sourceRoot":"","sources":["../../src/components/cloud.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAa,MAAM,wBAAwB,CAAA;AAE7D,qDAAqD;AAErD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS;IAC1C,SAAS,CAAC,GAA6B;QACrC,0CAA0C;IAC5C,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEzB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAEhB,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;QACjE,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;QACrE,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;QACpE,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;QACpE,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;QAClE,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAEvD,GAAG,CAAC,SAAS,EAAE,CAAA;IACjB,CAAC;IAED,IAAI,IAAI;QACN,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEzB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACnB,CAAC;IAED,IAAI,IAAI,CAAC,IAAI;QACX,gBAAgB;IAClB,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, DIMENSION } from '@hatiolab/things-scene'\n\n// import { Component } from '@hatiolab/things-scene'\n\nexport default class Cloud extends Component {\n  prerender(ctx: CanvasRenderingContext2D) {\n    //TODO center()를 구현할 때까지, 아무 구현없이 오버라이드한다.\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { x, y } = this.state\n\n    ctx.beginPath()\n\n    ctx.moveTo(x, y)\n\n    ctx.bezierCurveTo(x - 40, y + 20, x - 40, y + 70, x + 50, y + 70)\n    ctx.bezierCurveTo(x + 80, y + 100, x + 150, y + 100, x + 170, y + 70)\n    ctx.bezierCurveTo(x + 250, y + 70, x + 250, y + 40, x + 220, y + 30)\n    ctx.bezierCurveTo(x + 260, y - 40, x + 200, y - 50, x + 170, y - 30)\n    ctx.bezierCurveTo(x + 150, y - 75, x + 80, y - 60, x + 80, y - 30)\n    ctx.bezierCurveTo(x + 30, y - 75, x - 20, y - 60, x, y)\n\n    ctx.closePath()\n  }\n\n  get path() {\n    var { x, y } = this.state\n\n    return [{ x, y }]\n  }\n\n  set path(path) {\n    /* do nothing */\n  }\n}\n\nComponent.register('cloud', Cloud)\n"]}

package/dist/components/component.d.ts

@@ -0,0 +1,227 @@
+declare class Component {
+    static get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: never[];
+        'value-property': string;
+    };
+    static register(type: any, clazz: any): any;
+    static get residents(): WeakMap<object, any>;
+    static registerDecorator(name: any, decorator: any): void;
+    constructor(model: any, app: any);
+    _app: any;
+    _model: any;
+    _state: {};
+    _delta: {
+        theta: number;
+        tx: number;
+        ty: number;
+        sx: number;
+        sy: number;
+        fade: number;
+    };
+    created(): void;
+    added(parent: any): void;
+    removed(parent: any): void;
+    ready(): Promise<void>;
+    set data(arg: any);
+    get data(): any;
+    touch(): void;
+    updatedAt: number | undefined;
+    clearCache(...attrs: any[]): void;
+    removeSelf(completely: any): void;
+    dispose(): void;
+    _disposed: boolean | undefined;
+    get nature(): any;
+    get disposed(): boolean;
+    isLayer(): boolean;
+    isGroup(): boolean;
+    isContainer(): boolean;
+    isLine(): boolean;
+    isRoot(): boolean;
+    isRootModel(): boolean;
+    is3dish(): boolean;
+    isTemplate(): boolean;
+    isHTMLElement(): boolean;
+    isConnectable(): boolean;
+    replaceRefids(replaceMap: any): void;
+    get retention(): number;
+    get hasTextProperty(): boolean;
+    get app(): any;
+    /** Properties Getter/Setter */
+    get model(): any;
+    get state(): any;
+    get hierarchy(): any;
+    set textHidden(arg: boolean);
+    get textHidden(): boolean;
+    _textHidden: any;
+    get(property: any): any;
+    /**
+     * 컴포넌트의 모델 속성값을 바꾸는 메쏘드.
+     *
+     * - 하나의 속성을 변경하는 경우.
+     *  component.set('top', 10)
+     * - 여러개의 속성을 변경하는 경우.
+     *  component.set({top:10, left:50})
+     */
+    set(props: any, propval: any): any;
+    getState(property: any): any;
+    setState(props: any, propval: any): any;
+    get root(): any;
+    get rootModel(): any;
+    set parent(arg: any);
+    get parent(): any;
+    _parent: any;
+    get anchors(): any;
+    findAnchor(name: any): any;
+    isDescendible(container: any): boolean;
+    getContext(): any;
+    set center(arg: {
+        x: any;
+        y: any;
+    });
+    get center(): {
+        x: any;
+        y: any;
+    };
+    set path(arg: never[]);
+    get path(): never[];
+    set location(arg: {
+        x: any;
+        y: any;
+    });
+    get location(): {
+        x: any;
+        y: any;
+    };
+    set dimension(arg: any);
+    get dimension(): any;
+    set bounds(arg: {
+        left: any;
+        top: any;
+        width: number;
+        height: number;
+    });
+    get bounds(): {
+        left: any;
+        top: any;
+        width: number;
+        height: number;
+    };
+    get drawPath(): never[];
+    outline(progress: any): any;
+    set strokeStyle(arg: any);
+    get strokeStyle(): any;
+    set fillStyle(arg: any);
+    get fillStyle(): any;
+    set fontColor(arg: any);
+    get fontColor(): any;
+    set rotation(arg: any);
+    get rotation(): any;
+    contains(x: any, y: any): boolean;
+    get mutable(): any;
+    get resizable(): any;
+    adjustResize(bounds: any, origin_bounds: any, diagonal: any): any;
+    get rotatable(): any;
+    adjustRotation(rotation: any, step: any): any;
+    get capturable(): any;
+    get stuck(): boolean;
+    findFirst(finder: any, ...others: any[]): Component | undefined;
+    findAll(s: any, ...others: any[]): any;
+    capture(x: any, y: any, except: any): false | Component | undefined;
+    prepare(resolve: any, reject: any): void;
+    prepareIf(condition: any): void;
+    get decotag(): string;
+    get decorators(): string[];
+    set hidden(arg: any);
+    get hidden(): any;
+    draw(context: any): void;
+    delta(attr: any, value: any): any;
+    prerender(context: any): void;
+    render(context: any): void;
+    postrender(context: any): void;
+    drawText(context: any): void;
+    drawStroke(context: any, override: any): void;
+    drawFill(context: any, override: any): void;
+    animate(opts: any): {
+        start: () => any;
+        stop: () => any;
+    };
+    _animate: {
+        start: () => any;
+        stop: () => any;
+    } | undefined;
+    move({ x, y }: {
+        x: any;
+        y: any;
+    }): void;
+    symmetryX(x: any): void;
+    symmetryY(y: any): void;
+    get animation(): any;
+    _animation: any;
+    effect(context: any, model: any): void;
+    set started(arg: any);
+    invalidate(): void;
+    get font(): string;
+    get lineHeight(): any;
+    defaultTextSubstitutor(): string;
+    get textSubstitutor(): () => string;
+    _text_substitutor: (() => string) | undefined;
+    set text(arg: any);
+    get text(): any;
+    textLines(context: any): string[][];
+    get textBounds(): {
+        left: any;
+        top: any;
+        width: number;
+        height: number;
+    };
+    get textRotation(): number;
+    get rotatePoint(): {
+        x: any;
+        y: any;
+    };
+    trim(): void;
+    set value(arg: any);
+    get value(): any;
+    get mappings(): any;
+    get RealObject(): void;
+    _realObject: void | undefined;
+    buildRealObject(): void;
+    serialize(...others: any[]): string;
+    get controls(): void;
+    closeScene(data: any): void;
+}
+declare namespace Component {
+    export { union };
+    export { transcoordR };
+    export { transcoordRR };
+    export { createCanvas };
+    export const memoize: typeof import("../core/memoize").intercept;
+    export const mixin: typeof core.mixin;
+    export { drawText };
+    export { font };
+    export { textLines };
+    export { drawStroke };
+    export { drawFill };
+    export { reposition };
+    export { RetentionManager };
+    export { template };
+    export { buildSubstitutor };
+}
+export default Component;
+import union from "./geometry/union";
+import { transcoordR } from "./geometry/transcoord";
+import { transcoordRR } from "./geometry/transcoord";
+import { createCanvas } from "./html/elements";
+import * as core from "../core";
+import { drawText } from "./drawer/text";
+import { font } from "./drawer/text";
+import { textLines } from "./drawer/text";
+import drawStroke from "./drawer/stroke";
+import { drawFill } from "./drawer/fill";
+import reposition from "./html/reposition";
+import RetentionManager from "./retention/retention-manager";
+import template from "lodash/template";
+import { buildSubstitutor } from "./text/substitutor";