@fmsim/machine 2.0.0-beta.104 → 2.0.0-beta.107

package/dist/features/capacity-gauge-mixin.js

@@ -0,0 +1,513 @@
+import { themesColorRange } from '@fmsim/api';
+import { LEGEND_CAPACITY, resolveCarrierLegend } from './mcs-status-default';
+import { safeRound } from '../utils/safe-round';
+import { getValueOnRanges } from '../utils/get-value-on-ranges';
+import { carrierSegments, abnormalSegments, carrierColorsFromLegend, pickSegmentAt } from '../utils/stocker-gauge';
+/**
+ * 용량 게이지 (통합 로직).
+ *
+ * 하나의 컴포넌트가 mode 에 따라 3가지 게이지를 표현한다:
+ *  - 'capacity'  : 용량 사용률(usage%) 채움 게이지 + high/low watermark (기본)
+ *  - 'carrier'   : 캐리어 상태비율 세그먼트 (Full / Empty / EmptyEmpty)
+ *  - 'abnormal'  : 캐리어 정상/비정상 비율 세그먼트 (Normal / Abnormal)
+ *
+ * StockerCapacityBar(스토커 지붕 게이지)와 ZoneCapacityBar(존 게이지)가 이 로직을 공유한다.
+ * 두 컴포넌트는 base(스토커=Shape, 존=Container)·정체성(identifiable)·legend 폴백만 다르고,
+ * 게이지를 그리는 규칙은 완전히 동일하다 — 규칙을 이 믹스인 한 곳에 두어 drift 를 막는다.
+ *
+ * mode 소스: root.stockerGaugeMode (기본 'capacity'). RootContainer 의 런타임 전용
+ * transient 속성으로, 3D(machine-3d buildGauge)와도 동일 소스라 2D/3D 게이지가 항상 일치한다.
+ * (root-container-override.ts 정의. 모드가 바뀌면 _refreshStockerGauges 가 두 게이지를 갱신.)
+ *
+ * 데이터 필드(2D 기준, canonical):
+ *  - capacity : CURRENTCAPACITY / MAXCAPACITY / HIGHWATERMARK / LOWWATERMARK / FULLUP
+ *  - carrier  : CARRIER_FULL / CARRIER_EMPTY / CARRIER_EMPTY_EMPTY
+ *  - abnormal : CARRIER_NORMAL / CARRIER_ABNORMAL
+ */
+/** 게이지 NATURE 속성 조각 (스토커/존 공통). 각 컴포넌트 NATURE 에 spread 로 합친다. */
+export const CapacityGaugeMixinProperties = [
+    {
+        type: 'select',
+        label: 'legend-name',
+        name: 'legendName',
+        property: {
+            options: themesColorRange
+        }
+    },
+    {
+        type: 'number',
+        name: 'currentUsage',
+        label: 'current-usage'
+    },
+    {
+        type: 'number',
+        name: 'highWatermark',
+        label: 'high-watermark'
+    },
+    {
+        type: 'number',
+        name: 'lowWatermark',
+        label: 'low-watermark'
+    },
+    {
+        type: 'number',
+        name: 'maxCapacity',
+        label: 'max-capacity'
+    },
+    {
+        type: 'boolean',
+        name: 'fullup',
+        label: 'fullup'
+    },
+    {
+        type: 'number',
+        name: 'carrierFull',
+        label: 'carrier-full'
+    },
+    {
+        type: 'number',
+        name: 'carrierEmpty',
+        label: 'carrier-empty'
+    },
+    {
+        type: 'number',
+        name: 'carrierEmptyEmpty',
+        label: 'carrier-empty-empty'
+    },
+    {
+        type: 'number',
+        name: 'carrierNormal',
+        label: 'carrier-normal'
+    },
+    {
+        type: 'number',
+        name: 'carrierAbnormal',
+        label: 'carrier-abnormal'
+    },
+    {
+        type: 'number',
+        label: 'round',
+        name: 'round',
+        property: {
+            min: 0
+        }
+    },
+    {
+        type: 'hidden',
+        name: 'usage',
+        label: 'usage'
+    }
+];
+const controlHandler = {
+    ondragmove: function (point, index, component) {
+        var { left, top, width, height } = component.model;
+        var transcoorded = component.transcoordP2S(point.x, point.y);
+        var round = ((transcoorded.x - left) / (width / 2)) * 100;
+        round = safeRound(round, width, height);
+        component.set({
+            round
+        });
+    }
+};
+export function CapacityGaugeMixin(Base) {
+    return class extends Base {
+        /** 게이지 모드: RootContainer 런타임 transient 속성. 3D(machine-3d) 와 동일 소스. */
+        get gaugeMode() {
+            var _a;
+            return ((_a = this.root) === null || _a === void 0 ? void 0 : _a.stockerGaugeMode) || 'capacity';
+        }
+        get controls() {
+            var { left, top, width, round, height } = this.state;
+            round = round == undefined ? 0 : safeRound(round, width, height);
+            return [
+                {
+                    x: left + (width / 2) * (round / 100),
+                    y: top,
+                    handler: controlHandler
+                }
+            ];
+        }
+        getTheme() {
+            var _a, _b;
+            const { legendName } = this.state;
+            if (legendName) {
+                return (_b = (_a = this.root) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b[legendName];
+            }
+        }
+        get legend() {
+            return this.getTheme() || this.getLegendFallback();
+        }
+        /** legend 미지정 시 폴백 테마. 컴포넌트별로 override (스토커/존 각자 전역 테마). */
+        getLegendFallback() {
+            return LEGEND_CAPACITY;
+        }
+        get statusColor() {
+            const { fullup } = this.state;
+            return fullup ? 'red' : getValueOnRanges(this.usage, this.legend);
+        }
+        get text() {
+            // usage% 값은 capacity 모드에서만 표시. carrier/abnormal 은 세그먼트별 자체 라벨을 그리므로
+            // base 의 value 텍스트를 억제한다.
+            if (this.gaugeMode !== 'capacity') {
+                return '';
+            }
+            return this.usage + '%';
+        }
+        render(context) {
+            const mode = this.gaugeMode;
+            if (mode === 'carrier' || mode === 'abnormal') {
+                this.renderSegmentGauge(context, this.segments(mode));
+                return;
+            }
+            // capacity (기본)
+            const { width, height } = this.bounds;
+            if (width >= height) {
+                this.renderLandscape(context);
+            }
+            else {
+                this.renderPortrait(context);
+            }
+        }
+        /**
+         * carrier/abnormal mode 의 세그먼트 목록 (공유 유틸 = 3D 와 동일 계산).
+         * 배열 순서 = portrait 아래→위 / landscape 왼→오.
+         */
+        segments(mode) {
+            if (mode === 'abnormal') {
+                const { carrierNormal = 0, carrierAbnormal = 0 } = this.state;
+                return abnormalSegments(carrierNormal, carrierAbnormal);
+            }
+            const { carrierFull = 0, carrierEmpty = 0, carrierEmptyEmpty = 0 } = this.state;
+            // 색상은 carrier 컴포넌트와 동일한 legend(테마)에서 취득 (carrierColorsFromLegend).
+            const colors = carrierColorsFromLegend(resolveCarrierLegend(this));
+            return carrierSegments(carrierFull, carrierEmpty, carrierEmptyEmpty, colors);
+        }
+        /**
+         * 클릭(또는 hover) 지점이 어떤 세그먼트에 속하는지 판정. carrier/abnormal 모드 전용 —
+         * capacity 모드·데이터 없음·좌표 변환 실패 시 null.
+         *
+         * renderSegmentGauge 와 동일한 배치 규칙으로 매핑한다: landscape(가로) 는 왼→오(누적 x),
+         * portrait(세로) 는 아래→위(바닥부터 누적). ratio 0 세그먼트는 화면에 없으므로 건너뛴다.
+         */
+        segmentAtEvent(event) {
+            var _a;
+            const mode = this.gaugeMode;
+            if (mode !== 'carrier' && mode !== 'abnormal')
+                return null;
+            // 3D 게이지는 부모 STOCKER 의 real-object 가 그린다(이 컴포넌트가 아님) → 2D 세그먼트 판정 대상 아님.
+            if ((_a = this.root) === null || _a === void 0 ? void 0 : _a.is3dMode)
+                return null;
+            const ox = event === null || event === void 0 ? void 0 : event.offsetX;
+            const oy = event === null || event === void 0 ? void 0 : event.offsetY;
+            if (typeof ox !== 'number' || typeof oy !== 'number')
+                return null;
+            // 표면 픽셀(offsetX/offsetY) → 이 컴포넌트 로컬 프레임.
+            // 주의: transcoordP2S 는 '부모→로컬' 한 단계라 캔버스 픽셀로 단독 호출하면 안 된다.
+            // 엔진 capture() 와 동일하게 루트부터 전체 체인을 적용하는 helper 가 toLocal.
+            let local;
+            try {
+                local = this.toLocal(ox, oy);
+            }
+            catch (_b) {
+                return null;
+            }
+            if (!local)
+                return null;
+            const { left, top, width, height } = this.bounds;
+            if (!(width > 0) || !(height > 0))
+                return null;
+            // 컴포넌트 로컬프레임 좌표 → bounds 기준 within-box. 경계 반올림 방어로 clamp.
+            const lx = Math.min(Math.max(local.x - left, 0), width);
+            const ly = Math.min(Math.max(local.y - top, 0), height);
+            const landscape = width >= height;
+            const pos = landscape ? lx : height - ly; // portrait 는 바닥 기준 거리
+            const span = landscape ? width : height;
+            const picked = pickSegmentAt(this.segments(mode), pos, span);
+            if (!picked)
+                return null;
+            return { mode, key: picked.key, label: picked.label.replace(/\n/g, ''), count: picked.count };
+        }
+        /** 세그먼트 게이지 렌더 (carrier/abnormal 공통). bounds 방향으로 landscape/portrait 자동. */
+        renderSegmentGauge(context, segments) {
+            const { left, top, width, height } = this.bounds;
+            const { lineWidth, strokeStyle, round, fillStyle = 'white' } = this.state;
+            const landscape = width >= height;
+            context.save();
+            context.translate(left, top);
+            // background
+            context.beginPath();
+            context.fillStyle = fillStyle;
+            context.roundRect(0, 0, width, height, round);
+            context.fill();
+            context.clip();
+            if (landscape) {
+                // 왼→오
+                let x = 0;
+                for (const seg of segments) {
+                    const segWidth = width * seg.ratio;
+                    if (segWidth <= 0)
+                        continue;
+                    context.beginPath();
+                    context.fillStyle = seg.color;
+                    context.rect(x, 0, segWidth, height);
+                    context.fill();
+                    this._drawSegmentLabel(context, seg, x, 0, segWidth, height);
+                    x += segWidth;
+                }
+            }
+            else {
+                // 아래→위 (배열 첫 세그먼트가 바닥)
+                let y = height;
+                for (const seg of segments) {
+                    const segHeight = height * seg.ratio;
+                    if (segHeight <= 0)
+                        continue;
+                    y -= segHeight;
+                    context.beginPath();
+                    context.fillStyle = seg.color;
+                    context.rect(0, y, width, segHeight);
+                    context.fill();
+                    this._drawSegmentLabel(context, seg, 0, y, width, segHeight);
+                }
+            }
+            // outline
+            context.beginPath();
+            context.setLineDash([]);
+            context.strokeStyle = strokeStyle;
+            context.lineWidth = lineWidth;
+            context.roundRect(0, 0, width, height, round);
+            context.stroke();
+            context.translate(-left, -top);
+            context.restore();
+        }
+        _drawSegmentLabel(context, seg, x, y, w, h) {
+            // 이름 라벨(Full/Empty/Abnormal…)은 그리지 않는다. 각 세그먼트 영역 중심에 숫자(%)만 표시.
+            // 컴포넌트의 폰트 설정(fontFamily/fontSize/bold/italic)을 그대로 적용 — this.font.
+            const fontSize = this.state.fontSize || 15;
+            context.font = this.font;
+            // 공간에 따라 단계적 축소: 넉넉하면 '값%', 좁으면 '%' 떼고 값만, 더 좁으면 생략.
+            const value = `${Math.round(seg.ratio * 100)}`;
+            const fits = (t) => fontSize <= h && context.measureText(t).width <= w;
+            let text = null;
+            if (fits(`${value}%`)) {
+                text = `${value}%`;
+            }
+            else if (fits(value)) {
+                text = value;
+            }
+            if (text === null) {
+                return;
+            }
+            context.fillStyle = '#333';
+            context.textAlign = 'center';
+            context.textBaseline = 'middle';
+            context.fillText(text, x + w / 2, y + h / 2);
+        }
+        renderLandscape(context) {
+            const { left, top, width, height } = this.bounds;
+            const { highWatermark, lowWatermark, lineWidth, strokeStyle, round, fillStyle = 'white' } = this.state;
+            context.save();
+            context.translate(left, top);
+            // gauge background
+            context.beginPath();
+            context.fillStyle = fillStyle;
+            context.roundRect(0, 0, width, height, round);
+            context.fill();
+            context.clip();
+            // gauge foreground
+            context.beginPath();
+            context.fillStyle = this.statusColor;
+            context.rect(0, 0, (width / 100) * this.usage, height);
+            context.fill();
+            // high-watermark level
+            if (highWatermark && highWatermark > 0 && highWatermark < 100) {
+                context.beginPath();
+                context.strokeStyle = 'black';
+                context.lineWidth = 1;
+                context.setLineDash([3]);
+                const x = (width / 100) * highWatermark;
+                context.moveTo(x, 0);
+                context.lineTo(x, height);
+                context.stroke();
+            }
+            // low-watermark level
+            if (lowWatermark && lowWatermark > 0 && lowWatermark < 100) {
+                context.beginPath();
+                context.strokeStyle = 'black';
+                context.lineWidth = 1;
+                context.setLineDash([3]);
+                const x = (width / 100) * lowWatermark;
+                context.moveTo(x, 0);
+                context.lineTo(x, height);
+                context.stroke();
+            }
+            // gauge outline
+            context.beginPath();
+            context.setLineDash([]);
+            context.strokeStyle = strokeStyle;
+            context.lineWidth = lineWidth;
+            context.roundRect(0, 0, width, height, round);
+            context.stroke();
+            context.beginPath();
+            context.translate(-left, -top);
+            context.restore();
+        }
+        renderPortrait(context) {
+            const { left, top, width, height } = this.bounds;
+            const { highWatermark, lowWatermark, lineWidth, strokeStyle, round, fillStyle = 'white' } = this.state;
+            context.save();
+            context.translate(left, top);
+            // gauge background
+            context.beginPath();
+            context.fillStyle = fillStyle;
+            context.roundRect(0, 0, width, height, round);
+            context.fill();
+            context.clip();
+            // gauge foreground
+            context.beginPath();
+            context.fillStyle = this.statusColor;
+            context.rect(0, height - (height / 100) * this.usage, width, (height / 100) * this.usage);
+            context.fill();
+            // high-watermark level
+            if (highWatermark && highWatermark > 0 && highWatermark < 100) {
+                context.beginPath();
+                context.strokeStyle = 'black';
+                context.lineWidth = 1;
+                context.setLineDash([3]);
+                const y = height - (height / 100) * highWatermark;
+                context.moveTo(0, y);
+                context.lineTo(width, y);
+                context.stroke();
+            }
+            // low-watermark level
+            if (lowWatermark && lowWatermark > 0 && lowWatermark < 100) {
+                context.beginPath();
+                context.strokeStyle = 'black';
+                context.lineWidth = 1;
+                context.setLineDash([3]);
+                const y = height - (height / 100) * lowWatermark;
+                context.moveTo(0, y);
+                context.lineTo(width, y);
+                context.stroke();
+            }
+            // gauge outline
+            context.beginPath();
+            context.setLineDash([]);
+            context.strokeStyle = strokeStyle;
+            context.lineWidth = lineWidth;
+            context.roundRect(0, 0, width, height, round);
+            context.stroke();
+            context.beginPath();
+            context.translate(-left, -top);
+            context.restore();
+        }
+        get usage() {
+            const { currentUsage = 0, maxCapacity = 100 } = this.state;
+            return Math.round((currentUsage / maxCapacity) * 100);
+        }
+        set usage(usage) {
+            // intentionally have done nothing
+        }
+        onchangeData(after, before) {
+            const data = this.data && typeof this.data == 'object' ? this.data : {};
+            const { CURRENTCAPACITY = 0, MAXCAPACITY = 100, HIGHWATERMARK = 100, LOWWATERMARK = 0, FULLUP = 'F', CARRIER_FULL = 0, CARRIER_EMPTY = 0, CARRIER_EMPTY_EMPTY = 0, CARRIER_NORMAL = 0, CARRIER_ABNORMAL = 0 } = data;
+            const currentUsage = Number(CURRENTCAPACITY) || 0;
+            const maxCapacity = Number(MAXCAPACITY) || 100;
+            const highWatermark = Number(HIGHWATERMARK) || 100;
+            const lowWatermark = Number(LOWWATERMARK) || 0;
+            this.setState({
+                currentUsage,
+                maxCapacity,
+                highWatermark,
+                lowWatermark,
+                fullup: FULLUP == 'T',
+                usage: Math.round((currentUsage / maxCapacity) * 100),
+                carrierFull: Number(CARRIER_FULL) || 0,
+                carrierEmpty: Number(CARRIER_EMPTY) || 0,
+                carrierEmptyEmpty: Number(CARRIER_EMPTY_EMPTY) || 0,
+                carrierNormal: Number(CARRIER_NORMAL) || 0,
+                carrierAbnormal: Number(CARRIER_ABNORMAL) || 0
+            });
+        }
+        // ── hover 툴팁 (carrier/abnormal 모드 세그먼트별 수치) ───────────────────────────
+        // 색상만으로 타입 구분이 어려울 때, 마우스 hover 로 정확한 수치 확인. 뷰어 모드 전용
+        // (model-layer 가 편집 모드에선 hover dispatch 안 함).
+        async ready() {
+            await super.ready();
+            // hover 이벤트 수신 opt-in: model-layer _onmouseenter_all guard(hasLegacyHover) 통과.
+            const ev = this.model.event;
+            if (!ev || !ev.hover) {
+                ;
+                this.model.event = Object.assign(Object.assign({}, (ev || {})), { hover: true });
+            }
+        }
+        onMouseEnter() {
+            // capacity 는 값이 한 개(usage%)라 툴팁 불필요. carrier/abnormal 만.
+            if (this.gaugeMode === 'capacity')
+                return;
+            this._showGaugeTooltip();
+        }
+        onMouseLeave() {
+            this._hideGaugeTooltip();
+        }
+        dispose() {
+            this._hideGaugeTooltip();
+            super.dispose();
+        }
+        _showGaugeTooltip() {
+            if (typeof document === 'undefined')
+                return;
+            const segments = this.segments(this.gaugeMode).filter(s => s.count > 0);
+            if (!segments.length)
+                return;
+            this._hideGaugeTooltip();
+            const el = document.createElement('div');
+            el.style.cssText = [
+                'position:fixed',
+                'left:-9999px',
+                'top:0',
+                'z-index:2147483647',
+                'pointer-events:none',
+                'background:rgba(30,30,30,0.92)',
+                'color:#fff',
+                'padding:6px 9px',
+                'border-radius:6px',
+                'font:12px/1.5 sans-serif',
+                'box-shadow:0 2px 10px rgba(0,0,0,0.35)',
+                'white-space:nowrap'
+            ].join(';');
+            for (const seg of segments) {
+                const row = document.createElement('div');
+                row.style.cssText = 'display:flex;align-items:center;gap:6px';
+                const swatch = document.createElement('span');
+                swatch.style.cssText = `display:inline-block;width:10px;height:10px;border-radius:2px;background:${seg.color}`;
+                const label = document.createElement('span');
+                label.textContent = seg.label.replace(/\n/g, ' ');
+                label.style.cssText = 'flex:1';
+                const value = document.createElement('span');
+                value.textContent = String(seg.count);
+                value.style.cssText = 'font-weight:700;margin-left:12px';
+                row.append(swatch, label, value);
+                el.appendChild(row);
+            }
+            document.body.appendChild(el);
+            this._tooltipEl = el;
+            this._tooltipMove = (e) => {
+                el.style.left = `${e.clientX + 14}px`;
+                el.style.top = `${e.clientY + 14}px`;
+            };
+            document.addEventListener('mousemove', this._tooltipMove, true);
+        }
+        _hideGaugeTooltip() {
+            if (this._tooltipMove) {
+                document.removeEventListener('mousemove', this._tooltipMove, true);
+                this._tooltipMove = undefined;
+            }
+            if (this._tooltipEl) {
+                this._tooltipEl.remove();
+                this._tooltipEl = undefined;
+            }
+        }
+    };
+}
+//# sourceMappingURL=capacity-gauge-mixin.js.map

package/dist/features/capacity-gauge-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capacity-gauge-mixin.js","sourceRoot":"","sources":["../../src/features/capacity-gauge-mixin.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, POSITION } from '@hatiolab/things-scene'\nimport { themesColorRange } from '@fmsim/api'\nimport { LEGEND_CAPACITY, Legend, resolveCarrierLegend } from './mcs-status-default'\nimport { safeRound } from '../utils/safe-round'\nimport { getValueOnRanges } from '../utils/get-value-on-ranges'\nimport { carrierSegments, abnormalSegments, carrierColorsFromLegend, pickSegmentAt, GaugeSegment } from '../utils/stocker-gauge'\n\ntype Constructor<T = {}> = new (...args: any[]) => T\n\n/**\n * 용량 게이지 (통합 로직).\n *\n * 하나의 컴포넌트가 mode 에 따라 3가지 게이지를 표현한다:\n *  - 'capacity'  : 용량 사용률(usage%) 채움 게이지 + high/low watermark (기본)\n *  - 'carrier'   : 캐리어 상태비율 세그먼트 (Full / Empty / EmptyEmpty)\n *  - 'abnormal'  : 캐리어 정상/비정상 비율 세그먼트 (Normal / Abnormal)\n *\n * StockerCapacityBar(스토커 지붕 게이지)와 ZoneCapacityBar(존 게이지)가 이 로직을 공유한다.\n * 두 컴포넌트는 base(스토커=Shape, 존=Container)·정체성(identifiable)·legend 폴백만 다르고,\n * 게이지를 그리는 규칙은 완전히 동일하다 — 규칙을 이 믹스인 한 곳에 두어 drift 를 막는다.\n *\n * mode 소스: root.stockerGaugeMode (기본 'capacity'). RootContainer 의 런타임 전용\n * transient 속성으로, 3D(machine-3d buildGauge)와도 동일 소스라 2D/3D 게이지가 항상 일치한다.\n * (root-container-override.ts 정의. 모드가 바뀌면 _refreshStockerGauges 가 두 게이지를 갱신.)\n *\n * 데이터 필드(2D 기준, canonical):\n *  - capacity : CURRENTCAPACITY / MAXCAPACITY / HIGHWATERMARK / LOWWATERMARK / FULLUP\n *  - carrier  : CARRIER_FULL / CARRIER_EMPTY / CARRIER_EMPTY_EMPTY\n *  - abnormal : CARRIER_NORMAL / CARRIER_ABNORMAL\n */\n\n/** 게이지 NATURE 속성 조각 (스토커/존 공통). 각 컴포넌트 NATURE 에 spread 로 합친다. */\nexport const CapacityGaugeMixinProperties = [\n  {\n    type: 'select',\n    label: 'legend-name',\n    name: 'legendName',\n    property: {\n      options: themesColorRange\n    }\n  },\n  {\n    type: 'number',\n    name: 'currentUsage',\n    label: 'current-usage'\n  },\n  {\n    type: 'number',\n    name: 'highWatermark',\n    label: 'high-watermark'\n  },\n  {\n    type: 'number',\n    name: 'lowWatermark',\n    label: 'low-watermark'\n  },\n  {\n    type: 'number',\n    name: 'maxCapacity',\n    label: 'max-capacity'\n  },\n  {\n    type: 'boolean',\n    name: 'fullup',\n    label: 'fullup'\n  },\n  {\n    type: 'number',\n    name: 'carrierFull',\n    label: 'carrier-full'\n  },\n  {\n    type: 'number',\n    name: 'carrierEmpty',\n    label: 'carrier-empty'\n  },\n  {\n    type: 'number',\n    name: 'carrierEmptyEmpty',\n    label: 'carrier-empty-empty'\n  },\n  {\n    type: 'number',\n    name: 'carrierNormal',\n    label: 'carrier-normal'\n  },\n  {\n    type: 'number',\n    name: 'carrierAbnormal',\n    label: 'carrier-abnormal'\n  },\n  {\n    type: 'number',\n    label: 'round',\n    name: 'round',\n    property: {\n      min: 0\n    }\n  },\n  {\n    type: 'hidden',\n    name: 'usage',\n    label: 'usage'\n  }\n]\n\nconst controlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var { left, top, width, height } = (component as any).model\n\n    var transcoorded = (component as any).transcoordP2S(point.x, point.y)\n    var round = ((transcoorded.x - left) / (width / 2)) * 100\n\n    round = safeRound(round, width, height)\n\n    ;(component as any).set({\n      round\n    })\n  }\n}\n\nexport function CapacityGaugeMixin<TBase extends Constructor<Component>>(Base: TBase): any {\n  return class extends Base {\n    /** 게이지 모드: RootContainer 런타임 transient 속성. 3D(machine-3d) 와 동일 소스. */\n    get gaugeMode(): string {\n      return (this as any).root?.stockerGaugeMode || 'capacity'\n    }\n\n    get controls() {\n      var { left, top, width, round, height } = (this as any).state\n      round = round == undefined ? 0 : safeRound(round, width, height)\n\n      return [\n        {\n          x: left + (width / 2) * (round / 100),\n          y: top,\n          handler: controlHandler\n        }\n      ]\n    }\n\n    getTheme() {\n      const { legendName } = (this as any).state\n\n      if (legendName) {\n        return (this as any).root?.style?.[legendName]\n      }\n    }\n\n    get legend(): Legend {\n      return this.getTheme() || this.getLegendFallback()\n    }\n\n    /** legend 미지정 시 폴백 테마. 컴포넌트별로 override (스토커/존 각자 전역 테마). */\n    getLegendFallback(): Legend {\n      return LEGEND_CAPACITY\n    }\n\n    get statusColor(): string | undefined {\n      const { fullup } = (this as any).state\n      return fullup ? 'red' : getValueOnRanges(this.usage, this.legend)\n    }\n\n    get text() {\n      // usage% 값은 capacity 모드에서만 표시. carrier/abnormal 은 세그먼트별 자체 라벨을 그리므로\n      // base 의 value 텍스트를 억제한다.\n      if (this.gaugeMode !== 'capacity') {\n        return ''\n      }\n      return this.usage + '%'\n    }\n\n    render(context: CanvasRenderingContext2D) {\n      const mode = this.gaugeMode\n\n      if (mode === 'carrier' || mode === 'abnormal') {\n        this.renderSegmentGauge(context, this.segments(mode))\n        return\n      }\n\n      // capacity (기본)\n      const { width, height } = (this as any).bounds\n      if (width >= height) {\n        this.renderLandscape(context)\n      } else {\n        this.renderPortrait(context)\n      }\n    }\n\n    /**\n     * carrier/abnormal mode 의 세그먼트 목록 (공유 유틸 = 3D 와 동일 계산).\n     * 배열 순서 = portrait 아래→위 / landscape 왼→오.\n     */\n    segments(mode: string): GaugeSegment[] {\n      if (mode === 'abnormal') {\n        const { carrierNormal = 0, carrierAbnormal = 0 } = (this as any).state\n        return abnormalSegments(carrierNormal, carrierAbnormal)\n      }\n      const { carrierFull = 0, carrierEmpty = 0, carrierEmptyEmpty = 0 } = (this as any).state\n      // 색상은 carrier 컴포넌트와 동일한 legend(테마)에서 취득 (carrierColorsFromLegend).\n      const colors = carrierColorsFromLegend(resolveCarrierLegend(this))\n      return carrierSegments(carrierFull, carrierEmpty, carrierEmptyEmpty, colors)\n    }\n\n    /**\n     * 클릭(또는 hover) 지점이 어떤 세그먼트에 속하는지 판정. carrier/abnormal 모드 전용 —\n     * capacity 모드·데이터 없음·좌표 변환 실패 시 null.\n     *\n     * renderSegmentGauge 와 동일한 배치 규칙으로 매핑한다: landscape(가로) 는 왼→오(누적 x),\n     * portrait(세로) 는 아래→위(바닥부터 누적). ratio 0 세그먼트는 화면에 없으므로 건너뛴다.\n     */\n    segmentAtEvent(event: MouseEvent): { mode: string; key: string; label: string; count: number } | null {\n      const mode = this.gaugeMode\n      if (mode !== 'carrier' && mode !== 'abnormal') return null\n\n      // 3D 게이지는 부모 STOCKER 의 real-object 가 그린다(이 컴포넌트가 아님) → 2D 세그먼트 판정 대상 아님.\n      if ((this as any).root?.is3dMode) return null\n\n      const ox = (event as any)?.offsetX\n      const oy = (event as any)?.offsetY\n      if (typeof ox !== 'number' || typeof oy !== 'number') return null\n\n      // 표면 픽셀(offsetX/offsetY) → 이 컴포넌트 로컬 프레임.\n      // 주의: transcoordP2S 는 '부모→로컬' 한 단계라 캔버스 픽셀로 단독 호출하면 안 된다.\n      // 엔진 capture() 와 동일하게 루트부터 전체 체인을 적용하는 helper 가 toLocal.\n      let local: { x: number; y: number } | undefined\n      try {\n        local = (this as any).toLocal(ox, oy)\n      } catch {\n        return null\n      }\n      if (!local) return null\n\n      const { left, top, width, height } = (this as any).bounds\n      if (!(width > 0) || !(height > 0)) return null\n\n      // 컴포넌트 로컬프레임 좌표 → bounds 기준 within-box. 경계 반올림 방어로 clamp.\n      const lx = Math.min(Math.max(local.x - left, 0), width)\n      const ly = Math.min(Math.max(local.y - top, 0), height)\n\n      const landscape = width >= height\n      const pos = landscape ? lx : height - ly // portrait 는 바닥 기준 거리\n      const span = landscape ? width : height\n\n      const picked = pickSegmentAt(this.segments(mode), pos, span)\n      if (!picked) return null\n\n      return { mode, key: picked.key, label: picked.label.replace(/\\n/g, ''), count: picked.count }\n    }\n\n    /** 세그먼트 게이지 렌더 (carrier/abnormal 공통). bounds 방향으로 landscape/portrait 자동. */\n    renderSegmentGauge(context: CanvasRenderingContext2D, segments: GaugeSegment[]) {\n      const { left, top, width, height } = (this as any).bounds\n      const { lineWidth, strokeStyle, round, fillStyle = 'white' } = (this as any).state\n      const landscape = width >= height\n\n      context.save()\n      context.translate(left, top)\n\n      // background\n      context.beginPath()\n      context.fillStyle = fillStyle\n      context.roundRect(0, 0, width, height, round)\n      context.fill()\n      context.clip()\n\n      if (landscape) {\n        // 왼→오\n        let x = 0\n        for (const seg of segments) {\n          const segWidth = width * seg.ratio\n          if (segWidth <= 0) continue\n\n          context.beginPath()\n          context.fillStyle = seg.color\n          context.rect(x, 0, segWidth, height)\n          context.fill()\n\n          this._drawSegmentLabel(context, seg, x, 0, segWidth, height)\n          x += segWidth\n        }\n      } else {\n        // 아래→위 (배열 첫 세그먼트가 바닥)\n        let y = height\n        for (const seg of segments) {\n          const segHeight = height * seg.ratio\n          if (segHeight <= 0) continue\n\n          y -= segHeight\n\n          context.beginPath()\n          context.fillStyle = seg.color\n          context.rect(0, y, width, segHeight)\n          context.fill()\n\n          this._drawSegmentLabel(context, seg, 0, y, width, segHeight)\n        }\n      }\n\n      // outline\n      context.beginPath()\n      context.setLineDash([])\n      context.strokeStyle = strokeStyle\n      context.lineWidth = lineWidth\n      context.roundRect(0, 0, width, height, round)\n      context.stroke()\n\n      context.translate(-left, -top)\n      context.restore()\n    }\n\n    private _drawSegmentLabel(\n      context: CanvasRenderingContext2D,\n      seg: GaugeSegment,\n      x: number,\n      y: number,\n      w: number,\n      h: number\n    ) {\n      // 이름 라벨(Full/Empty/Abnormal…)은 그리지 않는다. 각 세그먼트 영역 중심에 숫자(%)만 표시.\n      // 컴포넌트의 폰트 설정(fontFamily/fontSize/bold/italic)을 그대로 적용 — this.font.\n      const fontSize = (this as any).state.fontSize || 15\n      context.font = (this as any).font\n\n      // 공간에 따라 단계적 축소: 넉넉하면 '값%', 좁으면 '%' 떼고 값만, 더 좁으면 생략.\n      const value = `${Math.round(seg.ratio * 100)}`\n      const fits = (t: string) => fontSize <= h && context.measureText(t).width <= w\n\n      let text: string | null = null\n      if (fits(`${value}%`)) {\n        text = `${value}%`\n      } else if (fits(value)) {\n        text = value\n      }\n      if (text === null) {\n        return\n      }\n\n      context.fillStyle = '#333'\n      context.textAlign = 'center'\n      context.textBaseline = 'middle'\n      context.fillText(text, x + w / 2, y + h / 2)\n    }\n\n    renderLandscape(context: CanvasRenderingContext2D) {\n      const { left, top, width, height } = (this as any).bounds\n      const { highWatermark, lowWatermark, lineWidth, strokeStyle, round, fillStyle = 'white' } = (this as any).state\n\n      context.save()\n      context.translate(left, top)\n\n      // gauge background\n      context.beginPath()\n\n      context.fillStyle = fillStyle\n      context.roundRect(0, 0, width, height, round)\n\n      context.fill()\n\n      context.clip()\n\n      // gauge foreground\n      context.beginPath()\n\n      context.fillStyle = this.statusColor!\n\n      context.rect(0, 0, (width / 100) * this.usage, height)\n      context.fill()\n\n      // high-watermark level\n\n      if (highWatermark && highWatermark > 0 && highWatermark < 100) {\n        context.beginPath()\n\n        context.strokeStyle = 'black'\n        context.lineWidth = 1\n        context.setLineDash([3])\n\n        const x = (width / 100) * highWatermark\n        context.moveTo(x, 0)\n        context.lineTo(x, height)\n\n        context.stroke()\n      }\n\n      // low-watermark level\n\n      if (lowWatermark && lowWatermark > 0 && lowWatermark < 100) {\n        context.beginPath()\n\n        context.strokeStyle = 'black'\n        context.lineWidth = 1\n        context.setLineDash([3])\n\n        const x = (width / 100) * lowWatermark\n        context.moveTo(x, 0)\n        context.lineTo(x, height)\n\n        context.stroke()\n      }\n\n      // gauge outline\n      context.beginPath()\n\n      context.setLineDash([])\n      context.strokeStyle = strokeStyle\n      context.lineWidth = lineWidth\n      context.roundRect(0, 0, width, height, round)\n      context.stroke()\n\n      context.beginPath()\n\n      context.translate(-left, -top)\n      context.restore()\n    }\n\n    renderPortrait(context: CanvasRenderingContext2D) {\n      const { left, top, width, height } = (this as any).bounds\n      const { highWatermark, lowWatermark, lineWidth, strokeStyle, round, fillStyle = 'white' } = (this as any).state\n\n      context.save()\n      context.translate(left, top)\n\n      // gauge background\n      context.beginPath()\n\n      context.fillStyle = fillStyle\n      context.roundRect(0, 0, width, height, round)\n\n      context.fill()\n\n      context.clip()\n\n      // gauge foreground\n      context.beginPath()\n\n      context.fillStyle = this.statusColor!\n\n      context.rect(0, height - (height / 100) * this.usage, width, (height / 100) * this.usage)\n      context.fill()\n\n      // high-watermark level\n\n      if (highWatermark && highWatermark > 0 && highWatermark < 100) {\n        context.beginPath()\n\n        context.strokeStyle = 'black'\n        context.lineWidth = 1\n        context.setLineDash([3])\n\n        const y = height - (height / 100) * highWatermark\n        context.moveTo(0, y)\n        context.lineTo(width, y)\n\n        context.stroke()\n      }\n\n      // low-watermark level\n\n      if (lowWatermark && lowWatermark > 0 && lowWatermark < 100) {\n        context.beginPath()\n\n        context.strokeStyle = 'black'\n        context.lineWidth = 1\n        context.setLineDash([3])\n\n        const y = height - (height / 100) * lowWatermark\n        context.moveTo(0, y)\n        context.lineTo(width, y)\n\n        context.stroke()\n      }\n\n      // gauge outline\n      context.beginPath()\n\n      context.setLineDash([])\n      context.strokeStyle = strokeStyle\n      context.lineWidth = lineWidth\n      context.roundRect(0, 0, width, height, round)\n      context.stroke()\n\n      context.beginPath()\n\n      context.translate(-left, -top)\n      context.restore()\n    }\n\n    get usage() {\n      const { currentUsage = 0, maxCapacity = 100 } = (this as any).state\n      return Math.round((currentUsage / maxCapacity) * 100)\n    }\n\n    set usage(usage: number) {\n      // intentionally have done nothing\n    }\n\n    onchangeData(after: Record<string, any>, before: Record<string, any>): void {\n      const data = (this as any).data && typeof (this as any).data == 'object' ? (this as any).data : {}\n      const {\n        CURRENTCAPACITY = 0,\n        MAXCAPACITY = 100,\n        HIGHWATERMARK = 100,\n        LOWWATERMARK = 0,\n        FULLUP = 'F',\n        CARRIER_FULL = 0,\n        CARRIER_EMPTY = 0,\n        CARRIER_EMPTY_EMPTY = 0,\n        CARRIER_NORMAL = 0,\n        CARRIER_ABNORMAL = 0\n      } = data\n\n      const currentUsage = Number(CURRENTCAPACITY) || 0\n      const maxCapacity = Number(MAXCAPACITY) || 100\n      const highWatermark = Number(HIGHWATERMARK) || 100\n      const lowWatermark = Number(LOWWATERMARK) || 0\n\n      ;(this as any).setState({\n        currentUsage,\n        maxCapacity,\n        highWatermark,\n        lowWatermark,\n        fullup: FULLUP == 'T',\n        usage: Math.round((currentUsage / maxCapacity) * 100),\n        carrierFull: Number(CARRIER_FULL) || 0,\n        carrierEmpty: Number(CARRIER_EMPTY) || 0,\n        carrierEmptyEmpty: Number(CARRIER_EMPTY_EMPTY) || 0,\n        carrierNormal: Number(CARRIER_NORMAL) || 0,\n        carrierAbnormal: Number(CARRIER_ABNORMAL) || 0\n      })\n    }\n\n    // ── hover 툴팁 (carrier/abnormal 모드 세그먼트별 수치) ───────────────────────────\n    // 색상만으로 타입 구분이 어려울 때, 마우스 hover 로 정확한 수치 확인. 뷰어 모드 전용\n    // (model-layer 가 편집 모드에선 hover dispatch 안 함).\n\n    async ready(): Promise<void> {\n      await super.ready()\n      // hover 이벤트 수신 opt-in: model-layer _onmouseenter_all guard(hasLegacyHover) 통과.\n      const ev = (this as any).model.event\n      if (!ev || !ev.hover) {\n        ;(this as any).model.event = { ...(ev || {}), hover: true }\n      }\n    }\n\n    onMouseEnter(): void {\n      // capacity 는 값이 한 개(usage%)라 툴팁 불필요. carrier/abnormal 만.\n      if (this.gaugeMode === 'capacity') return\n      this._showGaugeTooltip()\n    }\n\n    onMouseLeave(): void {\n      this._hideGaugeTooltip()\n    }\n\n    dispose(): void {\n      this._hideGaugeTooltip()\n      super.dispose()\n    }\n\n    private _tooltipEl?: HTMLDivElement\n    private _tooltipMove?: (e: MouseEvent) => void\n\n    private _showGaugeTooltip(): void {\n      if (typeof document === 'undefined') return\n      const segments = this.segments(this.gaugeMode).filter(s => s.count > 0)\n      if (!segments.length) return\n\n      this._hideGaugeTooltip()\n\n      const el = document.createElement('div')\n      el.style.cssText = [\n        'position:fixed',\n        'left:-9999px',\n        'top:0',\n        'z-index:2147483647',\n        'pointer-events:none',\n        'background:rgba(30,30,30,0.92)',\n        'color:#fff',\n        'padding:6px 9px',\n        'border-radius:6px',\n        'font:12px/1.5 sans-serif',\n        'box-shadow:0 2px 10px rgba(0,0,0,0.35)',\n        'white-space:nowrap'\n      ].join(';')\n\n      for (const seg of segments) {\n        const row = document.createElement('div')\n        row.style.cssText = 'display:flex;align-items:center;gap:6px'\n\n        const swatch = document.createElement('span')\n        swatch.style.cssText = `display:inline-block;width:10px;height:10px;border-radius:2px;background:${seg.color}`\n\n        const label = document.createElement('span')\n        label.textContent = seg.label.replace(/\\n/g, ' ')\n        label.style.cssText = 'flex:1'\n\n        const value = document.createElement('span')\n        value.textContent = String(seg.count)\n        value.style.cssText = 'font-weight:700;margin-left:12px'\n\n        row.append(swatch, label, value)\n        el.appendChild(row)\n      }\n\n      document.body.appendChild(el)\n      this._tooltipEl = el\n\n      this._tooltipMove = (e: MouseEvent) => {\n        el.style.left = `${e.clientX + 14}px`\n        el.style.top = `${e.clientY + 14}px`\n      }\n      document.addEventListener('mousemove', this._tooltipMove, true)\n    }\n\n    private _hideGaugeTooltip(): void {\n      if (this._tooltipMove) {\n        document.removeEventListener('mousemove', this._tooltipMove, true)\n        this._tooltipMove = undefined\n      }\n      if (this._tooltipEl) {\n        this._tooltipEl.remove()\n        this._tooltipEl = undefined\n      }\n    }\n  }\n}\n"]}

package/dist/scene/root-container-override.js

@@ -334,8 +334,9 @@ RootContainer.prototype._refreshStockerGauges = function () {
                 // 3D 게이지는 스토커 자신의 real-object 가 그린다 → 재빌드 (2D 모드면 _realObject 없음)
                 (_c = (_b = c._realObject) === null || _b === void 0 ? void 0 : _b.update) === null || _c === void 0 ? void 0 : _c.call(_b);
             }
-            else if (type === 'StockerCapacityBar' || type === 'MCSGaugeCapacityBar') {
-                // 2D 게이지는 자식 컴포넌트가 그린다 → 리드로우
+            else if (type === 'StockerCapacityBar' || type === 'MCSGaugeCapacityBar' || type === 'ZoneCapacityBar') {
+                // 2D 게이지(스토커·존)는 자식 컴포넌트가 그린다 → 리드로우.
+                // 존 게이지도 스토커 게이지와 같은 stockerGaugeMode 스위치로 함께 전환된다.
                 (_d = c.invalidate) === null || _d === void 0 ? void 0 : _d.call(c);
             }
             walk(c);