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

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fmsim/machine",
   "description": "Layout View를 구성하는 설비(machine)들과 유닛을 구현한 모듈입니다.",
   "author": "heartyoh",
-  "version": "2.0.0-beta.107",
+  "version": "2.0.0-beta.109",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "things-scene": true,
@@ -55,5 +55,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "ca008c3f449ffaef0ab3e1866ee0ac66f3bd89e9"
+  "gitHead": "58415fb96b1e2e0f33b2e3da8a11a5317ce7819d"
 }

package/src/carrier-manager.ts

@@ -73,6 +73,11 @@ export default class CarrierManager {
       }
     }
 
+    // showText 는 *현재 소유 홀더* 의 showCarrierText 를 항상 따른다 — 생성 시점에만
+    // 고정하면 동일 이름 carrier 가 다른 홀더(예: 분체 Crane)로 이동/보고될 때
+    // off 를 무시하고 표시(F/E/X)가 남는다. 매 update 마다 재동기화한다.
+    const showCarrierText = holder.getState('showCarrierText') || false
+
     // 2) afterStack 의 *순서대로* 처리 — bottom (ADDITIONS[0]) 부터 top (대표)
     //    그래야 parent.components 가 자연스럽게 같은 순서로 정렬되어 stack index
     //    가 일관된다.
@@ -92,7 +97,7 @@ export default class CarrierManager {
             top: 0,
             width,
             height,
-            showText: holder.getState('showCarrierText') || false,
+            showText: showCarrierText,
             stackIndex: idx
           },
           this.root.app
@@ -110,6 +115,9 @@ export default class CarrierManager {
 
       if (carrier.parent === holder) {
         carrier.setState('stackIndex', idx)
+        // showText 는 *값이 바뀔 때만* setState — 매 프레임 불필요한 onchange / 3D mesh
+        // 재빌드를 원천 차단(성능). 평시(변화 없음)엔 getState 비교 한 번으로 끝난다.
+        if (carrier.getState('showText') !== showCarrierText) carrier.setState('showText', showCarrierText)
         carrier.data = item
       }
     })

package/src/factories/machine-3d.ts

@@ -387,7 +387,8 @@ class MCSRealObject3D extends RealObjectGroup {
       'strokeStyle' in after ||
       'id' in after ||
       'EMPTYTYPE' in after ||
-      'CARRIERSTATUS' in after
+      'CARRIERSTATUS' in after ||
+      'showText' in after
     ) {
       // 연속 setState에 의한 다중 rebuild 방지: 한 프레임에 한 번만 실행
       if (!this._updatePending) {
@@ -427,8 +428,9 @@ class MCSRealObject3D extends RealObjectGroup {
     ctx.fillStyle = statusColor
     ctx.fillRect(0, 0, usedW, usedH)
 
-    // 텍스트 (사용 영역 중앙)
-    if (text) {
+    // 텍스트 (사용 영역 중앙) — showText(= 현재 홀더의 showCarrierText) off 면 미표시. 2D 와 동일.
+    const showText = !!(this.component.state as any)?.showText
+    if (text && showText) {
       const fontSize = Math.round(Math.min(usedW, usedH) * 0.7)
       ctx.font = `bold ${fontSize}px Arial`
       ctx.textAlign = 'center'

package/src/features/capacity-gauge-mixin.ts

@@ -209,7 +209,7 @@ export function CapacityGaugeMixin<TBase extends Constructor<Component>>(Base: T
      * renderSegmentGauge 와 동일한 배치 규칙으로 매핑한다: landscape(가로) 는 왼→오(누적 x),
      * portrait(세로) 는 아래→위(바닥부터 누적). ratio 0 세그먼트는 화면에 없으므로 건너뛴다.
      */
-    segmentAtEvent(event: MouseEvent): { mode: string; key: string; label: string; count: number } | null {
+    segmentAtEvent(event: MouseEvent): { mode: string; key: string; count: number } | null {
       const mode = this.gaugeMode
       if (mode !== 'carrier' && mode !== 'abnormal') return null
 
@@ -245,7 +245,8 @@ export function CapacityGaugeMixin<TBase extends Constructor<Component>>(Base: T
       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 }
+      // label 은 key 로 도출 가능하고 로케일 의존이라 payload 에서 제외 — key(대문자 토큰)로 식별.
+      return { mode, key: picked.key, count: picked.count }
     }
 
     /** 세그먼트 게이지 렌더 (carrier/abnormal 공통). bounds 방향으로 landscape/portrait 자동. */