@operato/scene-visualizer 9.2.2 → 10.0.0-beta.10

package/dist/stocker-port.d.ts

@@ -0,0 +1,254 @@
+import { Component, ComponentNature, RealObject, Shape } from '@hatiolab/things-scene';
+interface StockerPortData {
+    CARRIER?: string;
+    STATUS?: string;
+}
+declare const StockerPort_base: (new (...args: any[]) => {
+    contains(x: number, y: number): boolean;
+    get path(): {
+        x: any;
+        y: any;
+    }[];
+    set path(path: {
+        x: any;
+        y: any;
+    }[]): any;
+    get anchors(): {
+        name: string;
+        position: {
+            x: any;
+            y: any;
+        };
+    }[];
+    get bounds(): any;
+    set bounds(bounds: any): any;
+    render(ctx: CanvasRenderingContext2D): void;
+    _app: any;
+    _model: any;
+    _state: any;
+    _delta: any;
+    _animation: any;
+    _animate: any;
+    _parent: any;
+    _disposed: any;
+    _textHidden: any;
+    _text_substitutor: any;
+    _value_substitutor: any;
+    _mappings: any;
+    _realObject: import("@hatiolab/things-scene").IRealObject | undefined;
+    _cachedState: any;
+    updatedAt: any;
+    fontSize: any;
+    __cache__: any;
+    created(): void;
+    added(parent: any): void;
+    removed(parent: any): void;
+    ready(): Promise<void>;
+    touch(): void;
+    clearCache(...attrs: any[]): void;
+    removeSelf(completely: any): void;
+    resetAnimation(): void;
+    dispose(): void;
+    get nature(): import("@hatiolab/things-scene").ComponentNature;
+    get disposed(): boolean;
+    isLayer(): boolean;
+    isGroup(): boolean;
+    isContainer(): this is import("@hatiolab/things-scene/dist-types/types/component.js").Container;
+    isLine(): boolean;
+    isRoot(): boolean;
+    isRootModel(): boolean;
+    is3dish(): boolean;
+    get is3dMode(): boolean;
+    isIn3DSpace(): boolean;
+    isTemplate(): boolean;
+    isHTMLElement(): boolean;
+    isConnectable(): boolean;
+    isIdentifiable(): boolean;
+    isPositionable(): boolean;
+    replaceRefids(replaceMap: any): void;
+    get(property: any): any;
+    set(props: any, propval?: any): any;
+    getState(property: any): any;
+    setState(props: any, propval?: any): any;
+    get model(): any;
+    get state(): any;
+    get hierarchy(): any;
+    get volatile(): never[];
+    _applyProps(target: any, props: any, options: any): any;
+    move(offset: {
+        x: number;
+        y: number;
+    }, ...args: boolean[]): void;
+    symmetryX(x?: number): void;
+    symmetryY(y: number): void;
+    adjustResize(bounds: import("@hatiolab/things-scene").BOUNDS, origin_bounds: import("@hatiolab/things-scene").BOUNDS, diagonal: boolean): {
+        left: any;
+        top: any;
+        width: any;
+        height: any;
+    };
+    adjustRotation(rotation: number, step: boolean): number;
+    outline(progress: number): any;
+    get center(): import("@hatiolab/things-scene").POINT;
+    set center(p: import("@hatiolab/things-scene").POINT): any;
+    get location(): import("@hatiolab/things-scene").POINT;
+    set location(l: import("@hatiolab/things-scene").POINT): any;
+    get rotate(): import("@hatiolab/things-scene").POINT;
+    set rotate(r: import("@hatiolab/things-scene").POINT): any;
+    get dimension(): import("@hatiolab/things-scene").DIMENSION;
+    set dimension(d: import("@hatiolab/things-scene").DIMENSION): any;
+    get drawPath(): import("@hatiolab/things-scene").POINT[];
+    get rotatePoint(): import("@hatiolab/things-scene").POINT;
+    get mutable(): boolean;
+    get resizable(): boolean;
+    get rotatable(): boolean;
+    buildRealObject(): import("@hatiolab/things-scene").IRealObject | undefined;
+    get realObject(): import("@hatiolab/things-scene").IRealObject | undefined;
+    draw(context?: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prerender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    postrender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prepare(resolve: (component: Component) => void, reject: (reason: any) => void): void;
+    prepareIf(condition: boolean): void;
+    drawText(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    drawStroke(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
+    drawFill(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
+    get strokeStyle(): any;
+    set strokeStyle(v: any): any;
+    get fillStyle(): any;
+    set fillStyle(v: any): any;
+    get fontColor(): string;
+    set fontColor(v: string): any;
+    get rotation(): number;
+    set rotation(v: number): any;
+    get decorators(): string[];
+    get decotag(): string;
+    get hidden(): boolean;
+    set hidden(v: boolean): any;
+    get tag(): string;
+    set tag(v: string): any;
+    get appendum(): any;
+    set appendum(v: any): any;
+    defaultTextSubstitutor(): string;
+    textLines(context?: import("@hatiolab/things-scene").SceneRenderContext): any[][];
+    get font(): string;
+    get lineHeight(): number;
+    get textSubstitutor(): () => string;
+    get text(): string;
+    set text(v: string): any;
+    get textBounds(): import("@hatiolab/things-scene").BOUNDS;
+    get textRotation(): number;
+    get textHidden(): boolean;
+    set textHidden(v: boolean): any;
+    get hasTextProperty(): boolean;
+    animate(opts: import("@hatiolab/things-scene").AnimationConfig): any;
+    effect(context: import("@hatiolab/things-scene").SceneRenderContext, model: any): void;
+    serialize(...others: any[]): string;
+    trim(): void;
+    closeScene(data: any): void;
+    delta(attr?: string | object, value?: any): any;
+    invalidate(): void;
+    get value(): any;
+    set value(v: any): any;
+    get data(): any;
+    set data(v: any): any;
+    set tap(v: any): any;
+    get mappings(): any[];
+    get retention(): number;
+    get animation(): import("@hatiolab/things-scene").AnimationController | undefined;
+    get started(): boolean;
+    set started(v: boolean): any;
+    get controls(): import("@hatiolab/things-scene").Control[] | undefined;
+    findFirst(finder: string | ((c: Component) => boolean), ...others: any[]): Component | undefined;
+    findAll(s: string | ((c: Component) => boolean), ...others: any[]): any[] | undefined;
+    capture(x: number, y: number, except?: (c: Component) => boolean): any;
+    findAnchor(name: string): any;
+    isDescendible(container: Component): boolean;
+    getContext(component?: unknown): any;
+    get root(): Component;
+    get rootModel(): Component;
+    get parent(): Component;
+    set parent(v: Component): any;
+    get scalable(): boolean;
+    get stuck(): boolean;
+    get capturable(): boolean;
+    get position(): string;
+    get origin(): string;
+    get offset(): import("@hatiolab/things-scene").POINT;
+    get app(): import("@hatiolab/things-scene").ApplicationContext;
+    drawEffect(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prepareFill(resolve: Function, reject: Function): void;
+    prepareFillIf(condition: boolean): void;
+    onchangeFill(after: Record<string, any>, before: Record<string, any>): void;
+    drawImage(context: import("@hatiolab/things-scene").SceneRenderContext, image: HTMLImageElement, left: number, top: number, width: number, height: number): void;
+    mutateBounds(logic: ((bounds: import("@hatiolab/things-scene").BOUNDS) => import("@hatiolab/things-scene").BOUNDS | void) | null, context?: any): void;
+    mutatePath(beforeLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, afterLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, context?: any): void;
+    access(accessor: string): any;
+    substitute(template: string, data: any): string | undefined;
+    onchangeMappings(after: Record<string, any>, before: Record<string, any>): void;
+    onchangeData(after: Record<string, any>, before: Record<string, any>): void;
+    buildMappings(): void;
+    executeMappings(force?: boolean): void;
+    disposeMappings(): void;
+    ondropfile(transfered: FileList, files: string[]): void;
+    transcoordS2P(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    transcoordP2S(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    transcoordS2T(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2P(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2TR(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2O(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
+    transcoordC2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2C(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    fromParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    toScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    fromScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toLocal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toGlobal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toOther(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
+    on(name: string | object, callback: Function, context?: any): any;
+    off(name?: string | object, callback?: Function, context?: any): any;
+    once(name: string | object, callback: Function, context?: any): any;
+    trigger(name: string, ...args: any[]): any;
+    delegate_on(delegator: any): any;
+    delegate_off(delegator: any): any;
+    onchange(after: Record<string, any>, before: Record<string, any>): void;
+    calculateBounds?(): void;
+    oncreate_element?(element: HTMLElement): void;
+    removeComponent(component: Component, ghost?: boolean): void;
+    addComponent(component: Component, ghost?: boolean): void;
+    insertComponentAt(component: Component, index: number, ghost?: boolean): void;
+    getOverlay(component: Component): HTMLElement | undefined;
+    findById(id: string): Component | undefined;
+    findByRefid(ref: string | number): Component | undefined;
+    findAllById(id: string): Component[];
+    resize(): void;
+    fit(type?: string): void;
+    get components(): Component[] | undefined;
+    get layout(): any;
+    get auxOverlay(): HTMLElement | undefined;
+    get isReady(): boolean;
+    get unitScale(): number;
+    get selected(): Component[];
+    set selected(_v: Component[]): any;
+    get focused(): Component | null;
+    set focused(_v: Component | null): any;
+    get hasSameParentForAllSelected(): boolean;
+    set hasSameParentForAllSelected(_v: boolean): any;
+    get fitMode(): string | undefined;
+    set fitMode(_v: string | undefined): any;
+    get element(): HTMLElement | null;
+    set element(_v: HTMLElement | null): any;
+}) & typeof Shape;
+export declare class StockerPort extends StockerPort_base {
+    get nature(): ComponentNature;
+    is3dish(): boolean;
+    buildRealObject(): RealObject | undefined;
+    get portType(): 'in' | 'out';
+    get targetStockerId(): string | undefined;
+    get targetStocker(): Component | undefined;
+    get portData(): StockerPortData;
+    get hasCarrier(): boolean;
+    render(ctx: CanvasRenderingContext2D): void;
+}
+export {};

package/dist/stocker-port.js

@@ -0,0 +1,123 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * StockerPort — Stocker의 입출고 포트.
+ *
+ * 독립 컴포넌트로 모델러에서 자유 배치.
+ * targetStocker 속성으로 연결 대상 stocker 지정.
+ */
+import { __decorate } from "tslib";
+import { RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
+import { StockerPort3d } from './stocker-port-3d.js';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'select',
+            label: 'port-type',
+            name: 'portType',
+            property: {
+                options: [
+                    { display: 'IN', value: 'in' },
+                    { display: 'OUT', value: 'out' }
+                ]
+            }
+        },
+        {
+            type: 'id-input',
+            label: 'target-stocker',
+            name: 'targetStocker',
+            property: {
+                component: 'stocker'
+            }
+        },
+        {
+            type: 'number',
+            label: 'depth',
+            name: 'depth',
+            property: { min: 1 }
+        }
+    ],
+    help: 'scene/component/stocker-port'
+};
+const COLORS = {
+    in: '#27ae60',
+    out: '#e67e22',
+    empty: '#ddd',
+    stroke: '#666',
+    carrier: '#4a9eff'
+};
+let StockerPort = class StockerPort extends RectPath(Shape) {
+    get nature() { return NATURE; }
+    is3dish() { return true; }
+    buildRealObject() {
+        return new StockerPort3d(this);
+    }
+    get portType() {
+        return this.getState('portType') || 'in';
+    }
+    get targetStockerId() {
+        return this.getState('targetStocker');
+    }
+    get targetStocker() {
+        const id = this.targetStockerId;
+        if (!id)
+            return undefined;
+        return this.root?.findById?.(id);
+    }
+    get portData() {
+        return (this.data || {});
+    }
+    get hasCarrier() {
+        return !!this.portData.CARRIER;
+    }
+    // ── 2D Rendering ──
+    render(ctx) {
+        const { left, top, width, height } = this.bounds;
+        const isIn = this.portType === 'in';
+        const hasCarrier = this.hasCarrier;
+        // 배경
+        ctx.beginPath();
+        ctx.rect(left, top, width, height);
+        ctx.fillStyle = hasCarrier ? COLORS.carrier : COLORS.empty;
+        ctx.fill();
+        // 테두리
+        ctx.strokeStyle = isIn ? COLORS.in : COLORS.out;
+        ctx.lineWidth = 2;
+        ctx.stroke();
+        // 방향 표시 (화살표)
+        const cx = left + width / 2;
+        const cy = top + height / 2;
+        const arrowSize = Math.min(width, height) * 0.3;
+        ctx.fillStyle = isIn ? COLORS.in : COLORS.out;
+        ctx.beginPath();
+        if (isIn) {
+            // 아래 방향 화살표 (IN)
+            ctx.moveTo(cx, cy + arrowSize);
+            ctx.lineTo(cx - arrowSize * 0.6, cy - arrowSize * 0.3);
+            ctx.lineTo(cx + arrowSize * 0.6, cy - arrowSize * 0.3);
+        }
+        else {
+            // 위 방향 화살표 (OUT)
+            ctx.moveTo(cx, cy - arrowSize);
+            ctx.lineTo(cx - arrowSize * 0.6, cy + arrowSize * 0.3);
+            ctx.lineTo(cx + arrowSize * 0.6, cy + arrowSize * 0.3);
+        }
+        ctx.closePath();
+        ctx.fill();
+        // 라벨
+        const label = this.state.id || (isIn ? 'IN' : 'OUT');
+        ctx.fillStyle = '#333';
+        ctx.font = `${Math.min(width * 0.25, height * 0.25, 11)}px sans-serif`;
+        ctx.textAlign = 'center';
+        ctx.textBaseline = 'bottom';
+        ctx.fillText(label, cx, top + height - 2);
+    }
+};
+StockerPort = __decorate([
+    sceneComponent('stocker-port')
+], StockerPort);
+export { StockerPort };
+//# sourceMappingURL=stocker-port.js.map

package/dist/stocker-port.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stocker-port.js","sourceRoot":"","sources":["../src/stocker-port.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * StockerPort — Stocker의 입출고 포트.\n *\n * 독립 컴포넌트로 모델러에서 자유 배치.\n * targetStocker 속성으로 연결 대상 stocker 지정.\n */\n\nimport { Component, ComponentNature, RealObject, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\nimport { StockerPort3d } from './stocker-port-3d.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'port-type',\n      name: 'portType',\n      property: {\n        options: [\n          { display: 'IN', value: 'in' },\n          { display: 'OUT', value: 'out' }\n        ]\n      }\n    },\n    {\n      type: 'id-input',\n      label: 'target-stocker',\n      name: 'targetStocker',\n      property: {\n        component: 'stocker'\n      }\n    },\n    {\n      type: 'number',\n      label: 'depth',\n      name: 'depth',\n      property: { min: 1 }\n    }\n  ],\n  help: 'scene/component/stocker-port'\n}\n\nconst COLORS = {\n  in: '#27ae60',\n  out: '#e67e22',\n  empty: '#ddd',\n  stroke: '#666',\n  carrier: '#4a9eff'\n}\n\ninterface StockerPortData {\n  CARRIER?: string\n  STATUS?: string\n}\n\n@sceneComponent('stocker-port')\nexport class StockerPort extends RectPath(Shape) {\n\n  get nature() { return NATURE }\n\n  is3dish() { return true }\n\n  buildRealObject(): RealObject | undefined {\n    return new StockerPort3d(this as any)\n  }\n\n  get portType(): 'in' | 'out' {\n    return this.getState('portType') || 'in'\n  }\n\n  get targetStockerId(): string | undefined {\n    return this.getState('targetStocker')\n  }\n\n  get targetStocker(): Component | undefined {\n    const id = this.targetStockerId\n    if (!id) return undefined\n    return this.root?.findById?.(id)\n  }\n\n  get portData(): StockerPortData {\n    return (this.data || {}) as StockerPortData\n  }\n\n  get hasCarrier(): boolean {\n    return !!this.portData.CARRIER\n  }\n\n  // ── 2D Rendering ──\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const isIn = this.portType === 'in'\n    const hasCarrier = this.hasCarrier\n\n    // 배경\n    ctx.beginPath()\n    ctx.rect(left, top, width, height)\n    ctx.fillStyle = hasCarrier ? COLORS.carrier : COLORS.empty\n    ctx.fill()\n\n    // 테두리\n    ctx.strokeStyle = isIn ? COLORS.in : COLORS.out\n    ctx.lineWidth = 2\n    ctx.stroke()\n\n    // 방향 표시 (화살표)\n    const cx = left + width / 2\n    const cy = top + height / 2\n    const arrowSize = Math.min(width, height) * 0.3\n\n    ctx.fillStyle = isIn ? COLORS.in : COLORS.out\n    ctx.beginPath()\n    if (isIn) {\n      // 아래 방향 화살표 (IN)\n      ctx.moveTo(cx, cy + arrowSize)\n      ctx.lineTo(cx - arrowSize * 0.6, cy - arrowSize * 0.3)\n      ctx.lineTo(cx + arrowSize * 0.6, cy - arrowSize * 0.3)\n    } else {\n      // 위 방향 화살표 (OUT)\n      ctx.moveTo(cx, cy - arrowSize)\n      ctx.lineTo(cx - arrowSize * 0.6, cy + arrowSize * 0.3)\n      ctx.lineTo(cx + arrowSize * 0.6, cy + arrowSize * 0.3)\n    }\n    ctx.closePath()\n    ctx.fill()\n\n    // 라벨\n    const label = this.state.id || (isIn ? 'IN' : 'OUT')\n    ctx.fillStyle = '#333'\n    ctx.font = `${Math.min(width * 0.25, height * 0.25, 11)}px sans-serif`\n    ctx.textAlign = 'center'\n    ctx.textBaseline = 'bottom'\n    ctx.fillText(label, cx, top + height - 2)\n  }\n}\n"]}