@fmsim/machine 1.0.11 → 1.0.13

package/src/port-flow.ts

@@ -0,0 +1,203 @@
+import { Component, ComponentNature, RectPath, Shape } from '@hatiolab/things-scene'
+import { ParentObjectMixin, ParentObjectMixinProperties } from './features/parent-object-mixin'
+
+const NATURE: ComponentNature = {
+  mutable: false,
+  resizable: true,
+  rotatable: true,
+  properties: [
+    ...ParentObjectMixinProperties,
+    {
+      type: 'select',
+      name: 'orientation',
+      label: 'orientation',
+      property: {
+        options: ['left-right', 'right-left', 'top-bottom', 'bottom-top']
+      }
+    },
+    {
+      type: 'select',
+      name: 'labelPosition',
+      label: 'label-position',
+      property: {
+        options: ['left', 'right', 'top', 'bottom']
+      }
+    },
+    {
+      type: 'select',
+      name: 'direction',
+      label: 'direction',
+      property: {
+        options: ['in', 'out', 'inout']
+      }
+    }
+  ]
+}
+
+export default class PortFlow extends ParentObjectMixin(RectPath(Shape)) {
+  static get nature() {
+    return NATURE
+  }
+
+  get textBounds() {
+    const { left, top, width, height } = this.bounds
+    const { labelPosition = 'top' } = this.state
+
+    switch (labelPosition) {
+      case 'top':
+        return {
+          ...this.bounds,
+          top: top - 24,
+          height: 24
+        }
+      case 'bottom':
+        return {
+          ...this.bounds,
+          top: top + height,
+          height: 24
+        }
+      case 'left':
+        return {
+          ...this.bounds,
+          left: left - 60,
+          width: 60
+        }
+      case 'right':
+        return {
+          ...this.bounds,
+          left: left + width,
+          width: 60
+        }
+      default:
+        return {
+          ...this.bounds,
+          top: top - 24,
+          height: 24
+        }
+    }
+  }
+
+  get text() {
+    const { direction = 'in' } = this.state
+
+    return direction.toUpperCase()
+  }
+
+  render(ctx) {
+    const { left, top, width, height } = this.bounds
+    const { orientation = 'left-right', direction = 'in' }: { orientation?: string; direction?: string } = this.state
+
+    ctx.beginPath()
+
+    const arrowSize = Math.min(width, height) * 0.3
+    const bodyWidth = orientation === 'left-right' || orientation === 'right-left' ? height * 0.2 : width * 0.2
+    const centerX = left + width / 2
+    const centerY = top + height / 2
+
+    let startX, startY, endX, endY
+    let reverse = 1
+
+    switch (orientation) {
+      case 'left-right':
+        startX = left
+        endX = left + width
+        startY = centerY
+        endY = centerY
+        break
+      case 'right-left':
+        startX = left + width
+        endX = left
+        startY = centerY
+        endY = centerY
+        reverse = -1
+        break
+      case 'top-bottom':
+        startX = centerX
+        endX = centerX
+        startY = top
+        endY = top + height
+        break
+      case 'bottom-top':
+        startX = centerX
+        endX = centerX
+        startY = top + height
+        endY = top
+        reverse = -1
+        break
+    }
+
+    ctx.lineTo(startX, startY)
+
+    if (orientation.includes('left')) {
+      if (direction === 'out' || direction === 'inout') {
+        ctx.lineTo(startX + arrowSize * reverse, startY - bodyWidth * reverse * 2)
+      } else {
+        ctx.lineTo(startX, startY - bodyWidth * reverse)
+      }
+
+      ctx.lineTo(startX + arrowSize * reverse, startY - bodyWidth * reverse)
+      ctx.lineTo(endX - arrowSize * reverse, endY - bodyWidth * reverse)
+
+      if (direction === 'in' || direction === 'inout') {
+        ctx.lineTo(endX - arrowSize * reverse, endY - bodyWidth * 2 * reverse)
+      } else {
+        ctx.lineTo(endX, endY - bodyWidth * reverse)
+      }
+
+      ctx.lineTo(endX, endY)
+
+      if (direction === 'in' || direction === 'inout') {
+        ctx.lineTo(endX - arrowSize * reverse, endY + bodyWidth * 2 * reverse)
+      } else {
+        ctx.lineTo(endX, endY + bodyWidth * reverse)
+      }
+
+      ctx.lineTo(endX - arrowSize * reverse, endY + bodyWidth * reverse)
+      ctx.lineTo(startX + arrowSize * reverse, startY + bodyWidth * reverse)
+
+      if (direction === 'out' || direction === 'inout') {
+        ctx.lineTo(startX + arrowSize * reverse, startY + bodyWidth * 2 * reverse)
+      } else {
+        ctx.lineTo(startX, startY + bodyWidth * reverse)
+      }
+    } else {
+      if (direction === 'out' || direction === 'inout') {
+        ctx.lineTo(startX - bodyWidth * reverse * 2, startY + arrowSize * reverse)
+      } else {
+        ctx.lineTo(startX - bodyWidth * reverse, startY)
+      }
+
+      ctx.lineTo(startX - bodyWidth * reverse, startY + arrowSize * reverse)
+      ctx.lineTo(endX - bodyWidth * reverse, endY - arrowSize * reverse)
+
+      if (direction === 'in' || direction === 'inout') {
+        ctx.lineTo(endX - bodyWidth * 2 * reverse, endY - arrowSize * reverse)
+      } else {
+        ctx.lineTo(endX - bodyWidth * reverse, endY)
+      }
+
+      ctx.lineTo(endX, endY)
+
+      if (direction === 'in' || direction === 'inout') {
+        ctx.lineTo(endX + bodyWidth * 2 * reverse, endY - arrowSize * reverse)
+      } else {
+        ctx.lineTo(endX + bodyWidth * reverse, endY)
+      }
+
+      ctx.lineTo(endX + bodyWidth * reverse, endY - arrowSize * reverse)
+      ctx.lineTo(startX + bodyWidth * reverse, startY + arrowSize * reverse)
+
+      if (direction === 'out' || direction === 'inout') {
+        ctx.lineTo(startX + bodyWidth * 2 * reverse, startY + arrowSize * reverse)
+      } else {
+        ctx.lineTo(startX + bodyWidth * reverse, startY)
+      }
+    }
+
+    ctx.closePath()
+
+    this.drawStroke(ctx)
+  }
+}
+
+Component.register('PortFlow', PortFlow)

package/src/templates/index.ts

@@ -1,6 +1,6 @@
-// import StockerCapacityCircle from './stocker-capacity-circle'
 import StockerCapacityBar from './stocker-capacity-bar'
 import ZoneCapacityBar from './zone-capacity-bar'
+import PortFlow from './port-flow'
 
 import AGV from './agv'
 import Buffer from './buffer'
@@ -17,14 +17,10 @@ import agvLine from './agv-line'
 import ohtLine from './oht-line'
 import conveyor from './conveyor'
 
-import DataSubscription from './data-subscription'
-
 export default [
-  DataSubscription,
-
-  // StockerCapacityCircle,
   StockerCapacityBar,
   ZoneCapacityBar,
+  PortFlow,
 
   Buffer,
   Stocker,

package/src/templates/port-flow.ts

@@ -0,0 +1,15 @@
+const port = new URL('../../icons/port-flow.png', import.meta.url).href
+
+export default {
+  type: 'PortFlow',
+  description: 'port flow',
+  icon: port,
+  group: ['etc'],
+  model: {
+    type: 'PortFlow',
+    left: 100,
+    top: 100,
+    width: 80,
+    height: 20
+  }
+}

package/src/zone-capacity-bar.ts

@@ -4,6 +4,7 @@ import { LEGEND_CAPACITY } from './features/mcs-status-default'
 import { safeRound } from './utils/safe-round'
 import { getVaueOnRanges } from './utils/get-value-on-ranges'
 import { MCSZoneMixin, MCSZoneMixinProperties } from './features/mcs-zone-mixin'
+import { ParentObjectMixinProperties } from './features/parent-object-mixin'
 import MCSUnit from './mcs-unit'
 
 const NATURE: ComponentNature = {
@@ -12,6 +13,7 @@ const NATURE: ComponentNature = {
   rotatable: true,
   properties: [
     ...MCSZoneMixinProperties,
+    ...ParentObjectMixinProperties,
     {
       type: 'select',
       label: 'legend-name',

package/translations/en.json

@@ -18,6 +18,8 @@
   "label.manual": "manual",
   "label.reserved": "reserver",
   "label.occupied": "occupied",
+  "label.orientation": "orientation",
+  "label.label-position": "label pos.",
   "label.access-mode": "access mode",
   "label.carrier": "carrier",
   "label.carrier-state": "carrier state",

package/translations/ja.json

@@ -18,6 +18,8 @@
   "label.manual": "manual",
   "label.reserved": "reserver",
   "label.occupied": "occupied",
+  "label.orientation": "orientation",
+  "label.label-position": "label pos.",
   "label.access-mode": "access mode",
   "label.carrier": "carrier",
   "label.carrier-state": "carrier state",

package/translations/ko.json

@@ -19,6 +19,8 @@
   "label.manual": "manual",
   "label.reserved": "reserver",
   "label.occupied": "occupied",
+  "label.orientation": "방향",
+  "label.label-position": "라벨 위치",
   "label.access-mode": "access mode",
   "label.carrier": "carrier",
   "label.carrier-state": "carrier state",

package/translations/ms.json

@@ -18,6 +18,8 @@
   "label.manual": "manual",
   "label.reserved": "reserver",
   "label.occupied": "occupied",
+  "label.orientation": "orientation",
+  "label.label-position": "label pos.",
   "label.access-mode": "access mode",
   "label.carrier": "carrier",
   "label.carrier-state": "carrier state",

package/translations/zh.json

@@ -18,6 +18,8 @@
   "label.manual": "manual",
   "label.reserved": "reserver",
   "label.occupied": "occupied",
+  "label.orientation": "orientation",
+  "label.label-position": "label pos.",
   "label.access-mode": "access mode",
   "label.carrier": "carrier",
   "label.carrier-state": "carrier state",