@fmsim/machine 0.0.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/agv-line.js +48 -0
- package/dist/agv-line.js.map +1 -0
- package/dist/agv.js +43 -0
- package/dist/agv.js.map +1 -0
- package/dist/buffer.js +40 -0
- package/dist/buffer.js.map +1 -0
- package/dist/conveyor-join.js +169 -0
- package/dist/conveyor-join.js.map +1 -0
- package/dist/conveyor.js +84 -0
- package/dist/conveyor.js.map +1 -0
- package/dist/crane.js +55 -0
- package/dist/crane.js.map +1 -0
- package/dist/data-subscription.js +126 -0
- package/dist/data-subscription.js.map +1 -0
- package/dist/editors/index.js +2 -0
- package/dist/editors/index.js.map +1 -0
- package/dist/equipment.js +18 -0
- package/dist/equipment.js.map +1 -0
- package/dist/features/client-api.js +45 -0
- package/dist/features/client-api.js.map +1 -0
- package/dist/features/conveyor-mixin.js +54 -0
- package/dist/features/conveyor-mixin.js.map +1 -0
- package/dist/features/mcs-event-handler-mixin.js +65 -0
- package/dist/features/mcs-event-handler-mixin.js.map +1 -0
- package/dist/features/mcs-status-default.js +67 -0
- package/dist/features/mcs-status-default.js.map +1 -0
- package/dist/features/mcs-status-mixin.js +39 -0
- package/dist/features/mcs-status-mixin.js.map +1 -0
- package/dist/features/mcs-transport-mixin.js +39 -0
- package/dist/features/mcs-transport-mixin.js.map +1 -0
- package/dist/features/mcs-zone-mixin.js +18 -0
- package/dist/features/mcs-zone-mixin.js.map +1 -0
- package/dist/groups/index.js +10 -0
- package/dist/groups/index.js.map +1 -0
- package/dist/groups/mcs-acs.js +24 -0
- package/dist/groups/mcs-acs.js.map +1 -0
- package/dist/groups/mcs-bcs.js +27 -0
- package/dist/groups/mcs-bcs.js.map +1 -0
- package/dist/groups/mcs-ccs.js +25 -0
- package/dist/groups/mcs-ccs.js.map +1 -0
- package/dist/groups/mcs-ecs.js +23 -0
- package/dist/groups/mcs-ecs.js.map +1 -0
- package/dist/groups/mcs-ocs.js +25 -0
- package/dist/groups/mcs-ocs.js.map +1 -0
- package/dist/groups/mcs-path.js +28 -0
- package/dist/groups/mcs-path.js.map +1 -0
- package/dist/groups/mcs-scs.js +26 -0
- package/dist/groups/mcs-scs.js.map +1 -0
- package/dist/groups/mcs-shape.js +26 -0
- package/dist/groups/mcs-shape.js.map +1 -0
- package/dist/index.js +25 -0
- package/dist/index.js.map +1 -0
- package/dist/mcs-carrier-holder.js +107 -0
- package/dist/mcs-carrier-holder.js.map +1 -0
- package/dist/mcs-gauge-capacity-bar.js +170 -0
- package/dist/mcs-gauge-capacity-bar.js.map +1 -0
- package/dist/mcs-gauge-capacity-circle.js +91 -0
- package/dist/mcs-gauge-capacity-circle.js.map +1 -0
- package/dist/mcs-machine.js +84 -0
- package/dist/mcs-machine.js.map +1 -0
- package/dist/mcs-popup.js +82 -0
- package/dist/mcs-popup.js.map +1 -0
- package/dist/mcs-transport.js +18 -0
- package/dist/mcs-transport.js.map +1 -0
- package/dist/mcs-unit.js +78 -0
- package/dist/mcs-unit.js.map +1 -0
- package/dist/mcs-vehicle.js +69 -0
- package/dist/mcs-vehicle.js.map +1 -0
- package/dist/mcs-zone-unit.js +11 -0
- package/dist/mcs-zone-unit.js.map +1 -0
- package/dist/oht-line.js +32 -0
- package/dist/oht-line.js.map +1 -0
- package/dist/oht.js +42 -0
- package/dist/oht.js.map +1 -0
- package/dist/port.js +32 -0
- package/dist/port.js.map +1 -0
- package/dist/rtv-rail.js +36 -0
- package/dist/rtv-rail.js.map +1 -0
- package/dist/shelf.js +41 -0
- package/dist/shelf.js.map +1 -0
- package/dist/shuttle.js +49 -0
- package/dist/shuttle.js.map +1 -0
- package/dist/stocker-capacity-bar.js +171 -0
- package/dist/stocker-capacity-bar.js.map +1 -0
- package/dist/stocker.js +36 -0
- package/dist/stocker.js.map +1 -0
- package/dist/templates/agv-line-corner.js +34 -0
- package/dist/templates/agv-line-corner.js.map +1 -0
- package/dist/templates/agv-line-cross.js +34 -0
- package/dist/templates/agv-line-cross.js.map +1 -0
- package/dist/templates/agv-line-horizontal.js +34 -0
- package/dist/templates/agv-line-horizontal.js.map +1 -0
- package/dist/templates/agv-line-vertical.js +34 -0
- package/dist/templates/agv-line-vertical.js.map +1 -0
- package/dist/templates/agv-line.js +15 -0
- package/dist/templates/agv-line.js.map +1 -0
- package/dist/templates/agv.js +15 -0
- package/dist/templates/agv.js.map +1 -0
- package/dist/templates/buffer.js +15 -0
- package/dist/templates/buffer.js.map +1 -0
- package/dist/templates/conveyor-corner.js +33 -0
- package/dist/templates/conveyor-corner.js.map +1 -0
- package/dist/templates/conveyor-join.js +21 -0
- package/dist/templates/conveyor-join.js.map +1 -0
- package/dist/templates/conveyor-left.js +33 -0
- package/dist/templates/conveyor-left.js.map +1 -0
- package/dist/templates/conveyor-middle.js +33 -0
- package/dist/templates/conveyor-middle.js.map +1 -0
- package/dist/templates/conveyor-right.js +33 -0
- package/dist/templates/conveyor-right.js.map +1 -0
- package/dist/templates/conveyor.js +18 -0
- package/dist/templates/conveyor.js.map +1 -0
- package/dist/templates/crane.js +15 -0
- package/dist/templates/crane.js.map +1 -0
- package/dist/templates/data-subscription.js +16 -0
- package/dist/templates/data-subscription.js.map +1 -0
- package/dist/templates/equipment.js +15 -0
- package/dist/templates/equipment.js.map +1 -0
- package/dist/templates/index.js +35 -0
- package/dist/templates/index.js.map +1 -0
- package/dist/templates/mcs-gauge-capacity-bar.js +18 -0
- package/dist/templates/mcs-gauge-capacity-bar.js.map +1 -0
- package/dist/templates/mcs-gauge-capacity-circle.js +18 -0
- package/dist/templates/mcs-gauge-capacity-circle.js.map +1 -0
- package/dist/templates/oht-line-corner.js +34 -0
- package/dist/templates/oht-line-corner.js.map +1 -0
- package/dist/templates/oht-line-cross.js +34 -0
- package/dist/templates/oht-line-cross.js.map +1 -0
- package/dist/templates/oht-line-horizontal.js +34 -0
- package/dist/templates/oht-line-horizontal.js.map +1 -0
- package/dist/templates/oht-line-vertical.js +34 -0
- package/dist/templates/oht-line-vertical.js.map +1 -0
- package/dist/templates/oht-line.js +15 -0
- package/dist/templates/oht-line.js.map +1 -0
- package/dist/templates/oht.js +15 -0
- package/dist/templates/oht.js.map +1 -0
- package/dist/templates/port.js +15 -0
- package/dist/templates/port.js.map +1 -0
- package/dist/templates/rtv-corner.js +33 -0
- package/dist/templates/rtv-corner.js.map +1 -0
- package/dist/templates/rtv-left.js +33 -0
- package/dist/templates/rtv-left.js.map +1 -0
- package/dist/templates/rtv-middle.js +33 -0
- package/dist/templates/rtv-middle.js.map +1 -0
- package/dist/templates/rtv-rail.js +15 -0
- package/dist/templates/rtv-rail.js.map +1 -0
- package/dist/templates/rtv-right.js +33 -0
- package/dist/templates/rtv-right.js.map +1 -0
- package/dist/templates/rtv.js +15 -0
- package/dist/templates/rtv.js.map +1 -0
- package/dist/templates/shelf.js +15 -0
- package/dist/templates/shelf.js.map +1 -0
- package/dist/templates/shuttle.js +15 -0
- package/dist/templates/shuttle.js.map +1 -0
- package/dist/templates/stocker-capacity-bar.js +18 -0
- package/dist/templates/stocker-capacity-bar.js.map +1 -0
- package/dist/templates/stocker-capacity-circle.js +18 -0
- package/dist/templates/stocker-capacity-circle.js.map +1 -0
- package/dist/templates/stocker.js +16 -0
- package/dist/templates/stocker.js.map +1 -0
- package/dist/templates/zone-capacity-bar.js +19 -0
- package/dist/templates/zone-capacity-bar.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/utils/get-locale.js +19 -0
- package/dist/utils/get-locale.js.map +1 -0
- package/dist/utils/get-value-on-ranges.js +23 -0
- package/dist/utils/get-value-on-ranges.js.map +1 -0
- package/dist/utils/normalize-angle.js +11 -0
- package/dist/utils/normalize-angle.js.map +1 -0
- package/dist/utils/safe-round.js +9 -0
- package/dist/utils/safe-round.js.map +1 -0
- package/dist/zone-capacity-bar.js +162 -0
- package/dist/zone-capacity-bar.js.map +1 -0
- package/icons/agv-line.png +0 -0
- package/icons/agv.png +0 -0
- package/icons/buffer.png +0 -0
- package/icons/conveyor-corner.png +0 -0
- package/icons/conveyor-corner.svg +10 -0
- package/icons/conveyor-join.png +0 -0
- package/icons/conveyor-left.png +0 -0
- package/icons/conveyor-left.svg +6 -0
- package/icons/conveyor-middle.png +0 -0
- package/icons/conveyor-middle.svg +5 -0
- package/icons/conveyor-right.png +0 -0
- package/icons/conveyor-right.svg +6 -0
- package/icons/conveyor.png +0 -0
- package/icons/crane.png +0 -0
- package/icons/equipment.png +0 -0
- package/icons/icon-data-subscription.png +0 -0
- package/icons/oht-line.png +0 -0
- package/icons/oht.png +0 -0
- package/icons/pallet-empty.svg +3 -0
- package/icons/pallet.svg +11 -0
- package/icons/path-position.svg +5 -0
- package/icons/port.png +0 -0
- package/icons/process.png +0 -0
- package/icons/rtv-rail.png +0 -0
- package/icons/rtv.png +0 -0
- package/icons/shelf.png +0 -0
- package/icons/shuttle.png +0 -0
- package/icons/stocker-capacity-bar.png +0 -0
- package/icons/stocker-capacity-circle.png +0 -0
- package/icons/stocker.png +0 -0
- package/icons/symbol-data-subscription.png +0 -0
- package/icons/vehicle.png +0 -0
- package/icons/zone-capacity-bar.png +0 -0
- package/migration-samples/model.json +7964 -0
- package/package.json +59 -0
- package/src/agv-line.ts +59 -0
- package/src/agv.ts +56 -0
- package/src/buffer.ts +50 -0
- package/src/conveyor-join.ts +208 -0
- package/src/conveyor.ts +101 -0
- package/src/crane.ts +72 -0
- package/src/data-subscription.ts +150 -0
- package/src/editors/index.ts +0 -0
- package/src/equipment.ts +21 -0
- package/src/features/client-api.ts +52 -0
- package/src/features/conveyor-mixin.ts +75 -0
- package/src/features/mcs-status-default.ts +76 -0
- package/src/features/mcs-status-mixin.ts +53 -0
- package/src/features/mcs-zone-mixin.ts +23 -0
- package/src/groups/index.ts +10 -0
- package/src/groups/mcs-acs.ts +24 -0
- package/src/groups/mcs-bcs.ts +27 -0
- package/src/groups/mcs-ccs.ts +25 -0
- package/src/groups/mcs-ecs.ts +23 -0
- package/src/groups/mcs-ocs.ts +25 -0
- package/src/groups/mcs-path.ts +28 -0
- package/src/groups/mcs-scs.ts +26 -0
- package/src/groups/mcs-shape.ts +26 -0
- package/src/index.ts +29 -0
- package/src/mcs-carrier-holder.ts +141 -0
- package/src/mcs-gauge-capacity-circle.ts +113 -0
- package/src/mcs-machine.ts +101 -0
- package/src/mcs-popup.ts +99 -0
- package/src/mcs-transport.ts +20 -0
- package/src/mcs-unit.ts +91 -0
- package/src/mcs-vehicle.ts +79 -0
- package/src/oht-line.ts +43 -0
- package/src/oht.ts +55 -0
- package/src/port.ts +41 -0
- package/src/shelf.ts +53 -0
- package/src/shuttle.ts +65 -0
- package/src/stocker-capacity-bar.ts +220 -0
- package/src/stocker.ts +45 -0
- package/src/templates/agv-line.ts +15 -0
- package/src/templates/agv.ts +15 -0
- package/src/templates/buffer.ts +15 -0
- package/src/templates/conveyor.ts +18 -0
- package/src/templates/crane.ts +15 -0
- package/src/templates/data-subscription.js +16 -0
- package/src/templates/equipment.ts +15 -0
- package/src/templates/index.ts +43 -0
- package/src/templates/oht-line.ts +15 -0
- package/src/templates/oht.ts +15 -0
- package/src/templates/port.ts +15 -0
- package/src/templates/shelf.ts +15 -0
- package/src/templates/shuttle.ts +15 -0
- package/src/templates/stocker-capacity-bar.ts +18 -0
- package/src/templates/stocker-capacity-circle.ts +18 -0
- package/src/templates/stocker.ts +16 -0
- package/src/templates/zone-capacity-bar.ts +19 -0
- package/src/utils/get-locale.ts +22 -0
- package/src/utils/get-value-on-ranges.ts +25 -0
- package/src/utils/normalize-angle.ts +9 -0
- package/src/utils/safe-round.ts +8 -0
- package/src/zone-capacity-bar.ts +209 -0
- package/things-scene.config.js +7 -0
- package/translations/en.json +7 -0
- package/translations/ja.json +7 -0
- package/translations/ko.json +7 -0
- package/translations/ms.json +7 -0
- package/translations/zh.json +7 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mcs-machine.js","sourceRoot":"","sources":["../src/mcs-machine.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ContainerAbstract } from '@hatiolab/things-scene'\nimport { MCSStatusMixin, MCSStatusMixinProperties } from './features/mcs-status-mixin'\n\nimport { safeRound } from './utils/safe-round'\nimport { LEGEND_MACHINE, Legend } from './features/mcs-status-default'\nimport { getLocaleLanguage } from './utils/get-locale'\n\n/**\n * MCS Machine의 공통 속성을 정의한 최상위 오브젝트\n * - Container\n * -\n */\nexport default class MCSMachine extends MCSStatusMixin(ContainerAbstract) {\n static get properties(): any {\n return [\n ...MCSStatusMixinProperties,\n {\n type: 'number',\n name: 'round',\n label: 'round'\n }\n ]\n }\n\n containable(component: Component) {\n return ['rect', 'ellipse'].includes(component.state.type)\n }\n\n get reactionDecorators() {\n return ['bouncing-arrow']\n }\n\n getTheme() {\n const { legendName } = this.state\n\n if (legendName) {\n return (this.root as any)?.style?.[legendName]\n }\n }\n\n get hasTextProperty() {\n return true\n }\n\n get status() {\n return this.data?.STATUS\n }\n\n get auxStatus() {\n return this.data?.STATUS\n }\n\n get legend(): Legend {\n return this.getTheme() || this.getLegendFallback()\n }\n\n get auxLegend() {\n return LEGEND_MACHINE\n }\n\n get auxColor() {\n return this.state.strokeStyle\n }\n\n getLegendFallback() {\n return LEGEND_MACHINE\n }\n\n render(ctx) {\n var { round = 0, lineWidth } = this.state\n var { left, top, width, height } = this.bounds\n\n ctx.beginPath()\n\n ctx.strokeStyle = this.auxColor\n ctx.fillStyle = this.statusColor!\n ctx.lineWidth = lineWidth || 1\n ctx.lineCap = 'round'\n ctx.setLineDash([])\n\n round = safeRound(round, width, height)\n\n ctx.roundRect(left, top, width, height, round)\n\n ctx.fill()\n ctx.stroke()\n }\n\n get text() {\n if (this.data?.LOCALENAME) {\n // TODO 왜 LOCALENAME 데이타는 문자열인가 ? 오브젝트로 보내달라.\n return JSON.parse(this.data.LOCALENAME)[getLocaleLanguage()]\n }\n\n return super.text\n }\n\n set text(text) {\n super.text = text\n }\n}\n"]}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { Component, RectPath, Shape } from '@hatiolab/things-scene';
|
|
2
|
+
const NATURE = {
|
|
3
|
+
mutable: false,
|
|
4
|
+
resizable: true,
|
|
5
|
+
rotatable: true,
|
|
6
|
+
properties: []
|
|
7
|
+
};
|
|
8
|
+
function safeRound(round, width, height) {
|
|
9
|
+
var max = width > height ? (height / width) * 100 : 100;
|
|
10
|
+
if (round >= max)
|
|
11
|
+
round = max;
|
|
12
|
+
else if (round <= 0)
|
|
13
|
+
round = 0;
|
|
14
|
+
return round;
|
|
15
|
+
}
|
|
16
|
+
export default class MCSPopup extends RectPath(Shape) {
|
|
17
|
+
static get nature() {
|
|
18
|
+
return NATURE;
|
|
19
|
+
}
|
|
20
|
+
dispose() {
|
|
21
|
+
super.dispose();
|
|
22
|
+
}
|
|
23
|
+
render(ctx) {
|
|
24
|
+
var { round = 0 } = this.model;
|
|
25
|
+
var { left, top, width, height } = this.bounds;
|
|
26
|
+
var { radius, extend } = this.model;
|
|
27
|
+
drawPopup(ctx, left, top, width, height);
|
|
28
|
+
ctx.beginPath();
|
|
29
|
+
ctx.translate(left, top);
|
|
30
|
+
round = safeRound(round, width, height);
|
|
31
|
+
radius = radius !== null && radius !== void 0 ? radius : (round / 100) * (width / 2);
|
|
32
|
+
ctx.moveTo(radius, 0);
|
|
33
|
+
ctx.arcTo(width, 0, width, height, radius);
|
|
34
|
+
ctx.arcTo(width, height, 0, height, radius);
|
|
35
|
+
ctx.arcTo(0, height, 0, 0, radius);
|
|
36
|
+
ctx.arcTo(0, 0, width, 0, radius);
|
|
37
|
+
ctx.translate(-left, -top);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
Component.register('MCSPOPUP', MCSPopup);
|
|
41
|
+
export function drawPopup(ctx, left, top, width, height) {
|
|
42
|
+
drawPopupBottom(ctx, left, top, width, height);
|
|
43
|
+
}
|
|
44
|
+
function drawPopupBottom(ctx, left, top, width, height) {
|
|
45
|
+
/* popup1 전체 frame */
|
|
46
|
+
// const left = 10
|
|
47
|
+
// const top = 10
|
|
48
|
+
// const width = 180
|
|
49
|
+
// let height = 135
|
|
50
|
+
height -= height / 12.25; // 꼬리 영역까지 포함시키려 height를 일부러 크게 잡았으니, 실제로 그릴때는 popup의 몸통 height로 맞춰준다
|
|
51
|
+
let radius = 10;
|
|
52
|
+
//시작
|
|
53
|
+
ctx.beginPath();
|
|
54
|
+
ctx.moveTo(left + radius, top);
|
|
55
|
+
ctx.strokeStyle = '#afafaf';
|
|
56
|
+
//우측 상단 모서리
|
|
57
|
+
ctx.lineTo(left + width - radius, top);
|
|
58
|
+
ctx.quadraticCurveTo(left + width, top, left + width, top + radius);
|
|
59
|
+
//우측 하단 모서리
|
|
60
|
+
ctx.lineTo(left + width, top + height - radius);
|
|
61
|
+
ctx.quadraticCurveTo(left + width, top + height, left + width - radius, top + height);
|
|
62
|
+
//화살표 꼬리 그리기
|
|
63
|
+
const arrowWidth = width / 8.95;
|
|
64
|
+
const arrowHeight = height / 12.25;
|
|
65
|
+
const arrowPx = left + width / 2 + arrowWidth / 2; // start point x
|
|
66
|
+
const arrowPy = top + height; // start point y
|
|
67
|
+
ctx.lineTo(arrowPx, arrowPy);
|
|
68
|
+
ctx.lineTo(arrowPx - arrowWidth / 2, arrowPy + arrowHeight);
|
|
69
|
+
ctx.lineTo(arrowPx - arrowWidth, arrowPy);
|
|
70
|
+
//좌측 하단 모서리
|
|
71
|
+
ctx.lineTo(left + radius, top + height);
|
|
72
|
+
ctx.quadraticCurveTo(left, top + height, left, top + height - radius);
|
|
73
|
+
//좌측 상단 모서리
|
|
74
|
+
ctx.lineTo(left, top + radius);
|
|
75
|
+
ctx.quadraticCurveTo(left, top, left + radius, top);
|
|
76
|
+
ctx.stroke();
|
|
77
|
+
ctx.closePath();
|
|
78
|
+
//도형 색칠하기
|
|
79
|
+
ctx.fillStyle = 'rgba(0, 0, 0, 0.8)';
|
|
80
|
+
ctx.fill();
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=mcs-popup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mcs-popup.js","sourceRoot":"","sources":["../src/mcs-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentNature, RectPath, Shape, error } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: []\n}\n\nfunction safeRound(round, width, height) {\n var max = width > height ? (height / width) * 100 : 100\n\n if (round >= max) round = max\n else if (round <= 0) round = 0\n\n return round\n}\n\nexport default class MCSPopup extends RectPath(Shape) {\n static get nature() {\n return NATURE\n }\n\n dispose() {\n super.dispose()\n }\n\n render(ctx) {\n var { round = 0 } = this.model\n\n var { left, top, width, height } = this.bounds\n var { radius, extend } = this.model\n\n drawPopup(ctx, left, top, width, height)\n\n ctx.beginPath()\n\n ctx.translate(left, top)\n\n round = safeRound(round, width, height)\n\n radius = radius ?? (round / 100) * (width / 2)\n\n ctx.moveTo(radius, 0)\n\n ctx.arcTo(width, 0, width, height, radius)\n ctx.arcTo(width, height, 0, height, radius)\n ctx.arcTo(0, height, 0, 0, radius)\n ctx.arcTo(0, 0, width, 0, radius)\n\n ctx.translate(-left, -top)\n }\n}\n\nComponent.register('MCSPOPUP', MCSPopup)\n\nexport function drawPopup(ctx, left, top, width, height) {\n drawPopupBottom(ctx, left, top, width, height)\n}\n\nfunction drawPopupBottom(ctx, left, top, width, height) {\n /* popup1 전체 frame */\n // const left = 10\n // const top = 10\n // const width = 180\n // let height = 135\n height -= height / 12.25 // 꼬리 영역까지 포함시키려 height를 일부러 크게 잡았으니, 실제로 그릴때는 popup의 몸통 height로 맞춰준다\n let radius = 10\n\n //시작\n ctx.beginPath()\n ctx.moveTo(left + radius, top)\n ctx.strokeStyle = '#afafaf'\n //우측 상단 모서리\n ctx.lineTo(left + width - radius, top)\n ctx.quadraticCurveTo(left + width, top, left + width, top + radius)\n //우측 하단 모서리\n ctx.lineTo(left + width, top + height - radius)\n ctx.quadraticCurveTo(left + width, top + height, left + width - radius, top + height)\n //화살표 꼬리 그리기\n const arrowWidth = width / 8.95\n const arrowHeight = height / 12.25\n const arrowPx = left + width / 2 + arrowWidth / 2 // start point x\n const arrowPy = top + height // start point y\n ctx.lineTo(arrowPx, arrowPy)\n ctx.lineTo(arrowPx - arrowWidth / 2, arrowPy + arrowHeight)\n ctx.lineTo(arrowPx - arrowWidth, arrowPy)\n //좌측 하단 모서리\n ctx.lineTo(left + radius, top + height)\n ctx.quadraticCurveTo(left, top + height, left, top + height - radius)\n //좌측 상단 모서리\n ctx.lineTo(left, top + radius)\n ctx.quadraticCurveTo(left, top, left + radius, top)\n ctx.stroke()\n ctx.closePath()\n //도형 색칠하기\n ctx.fillStyle = 'rgba(0, 0, 0, 0.8)'\n ctx.fill()\n}\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { LEGEND_TRANSPORT } from './features/mcs-status-default';
|
|
2
|
+
import MCSMachine from './mcs-machine';
|
|
3
|
+
/**
|
|
4
|
+
* MCS용 Unit > Transport들의 공통 속성을 정의한 오브젝트
|
|
5
|
+
*/
|
|
6
|
+
export default class MCSTransport extends MCSMachine {
|
|
7
|
+
static get properties() {
|
|
8
|
+
return MCSMachine.properties;
|
|
9
|
+
}
|
|
10
|
+
get status() {
|
|
11
|
+
var _a;
|
|
12
|
+
return (_a = this.data) === null || _a === void 0 ? void 0 : _a.STATUS;
|
|
13
|
+
}
|
|
14
|
+
getLegendFallback() {
|
|
15
|
+
return LEGEND_TRANSPORT;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=mcs-transport.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mcs-transport.js","sourceRoot":"","sources":["../src/mcs-transport.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAU,MAAM,+BAA+B,CAAA;AACxE,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAClD,MAAM,KAAK,UAAU;QACnB,OAAO,UAAU,CAAC,UAAU,CAAA;IAC9B,CAAC;IAED,IAAI,MAAM;;QACR,OAAO,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAA;IAC1B,CAAC;IAED,iBAAiB;QACf,OAAO,gBAAgB,CAAA;IACzB,CAAC;CACF","sourcesContent":["import { Properties } from '@hatiolab/things-scene'\nimport { LEGEND_TRANSPORT, Legend } from './features/mcs-status-default'\nimport MCSMachine from './mcs-machine'\n\n/**\n * MCS용 Unit > Transport들의 공통 속성을 정의한 오브젝트\n */\nexport default class MCSTransport extends MCSMachine {\n static get properties(): any {\n return MCSMachine.properties\n }\n\n get status() {\n return this.data?.STATUS\n }\n\n getLegendFallback() {\n return LEGEND_TRANSPORT\n }\n}\n"]}
|
package/dist/mcs-unit.js
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { Component } from '@hatiolab/things-scene';
|
|
2
|
+
import { MCSStatusMixin, MCSStatusMixinProperties } from './features/mcs-status-mixin';
|
|
3
|
+
import { LEGEND_UNIT } from './features/mcs-status-default';
|
|
4
|
+
/**
|
|
5
|
+
* MCS용 Unit들의 공통 속성을 정의한 오브젝트
|
|
6
|
+
*/
|
|
7
|
+
export default class MCSUnit extends MCSStatusMixin(Component) {
|
|
8
|
+
static get properties() {
|
|
9
|
+
return MCSStatusMixinProperties;
|
|
10
|
+
}
|
|
11
|
+
get reactionDecorators() {
|
|
12
|
+
return ['bouncing-arrow'];
|
|
13
|
+
}
|
|
14
|
+
getTheme() {
|
|
15
|
+
var _a, _b;
|
|
16
|
+
const { legendName } = this.state;
|
|
17
|
+
if (legendName) {
|
|
18
|
+
return (_b = (_a = this.root) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b[legendName];
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
get status() {
|
|
22
|
+
var _a;
|
|
23
|
+
return (_a = this.data) === null || _a === void 0 ? void 0 : _a.STATUS;
|
|
24
|
+
}
|
|
25
|
+
get auxStatus() {
|
|
26
|
+
var _a;
|
|
27
|
+
return (_a = this.data) === null || _a === void 0 ? void 0 : _a.STATUS;
|
|
28
|
+
}
|
|
29
|
+
get legend() {
|
|
30
|
+
return this.getTheme() || this.getLegendFallback();
|
|
31
|
+
}
|
|
32
|
+
get auxLegend() {
|
|
33
|
+
return this.legend;
|
|
34
|
+
}
|
|
35
|
+
getLegendFallback() {
|
|
36
|
+
return LEGEND_UNIT;
|
|
37
|
+
}
|
|
38
|
+
contains(x, y) {
|
|
39
|
+
var { left, top, width, height, lineWidth = 0 } = this.state;
|
|
40
|
+
var extend = lineWidth / 2;
|
|
41
|
+
return (x < Math.max(left + width, left) + extend &&
|
|
42
|
+
x > Math.min(left + width, left) - extend &&
|
|
43
|
+
y < Math.max(top + height, top) + extend &&
|
|
44
|
+
y > Math.min(top + height, top) - extend);
|
|
45
|
+
}
|
|
46
|
+
set path(path) {
|
|
47
|
+
var left_top = path[0];
|
|
48
|
+
var right_bottom = path[2];
|
|
49
|
+
this.set({
|
|
50
|
+
left: left_top.x,
|
|
51
|
+
top: left_top.y,
|
|
52
|
+
width: right_bottom.x - left_top.x,
|
|
53
|
+
height: right_bottom.y - left_top.y
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
get path() {
|
|
57
|
+
var { left = 0, top = 0, width = 0, height = 0 } = this.state;
|
|
58
|
+
return [
|
|
59
|
+
{
|
|
60
|
+
x: left,
|
|
61
|
+
y: top
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
x: left + width,
|
|
65
|
+
y: top
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
x: left + width,
|
|
69
|
+
y: top + height
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
x: left,
|
|
73
|
+
y: top + height
|
|
74
|
+
}
|
|
75
|
+
];
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=mcs-unit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mcs-unit.js","sourceRoot":"","sources":["../src/mcs-unit.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Properties } from '@hatiolab/things-scene'\nimport { MCSStatusMixin, MCSStatusMixinProperties } from './features/mcs-status-mixin'\nimport { LEGEND_UNIT, Legend } from './features/mcs-status-default'\n\n/**\n * MCS용 Unit들의 공통 속성을 정의한 오브젝트\n */\nexport default class MCSUnit extends MCSStatusMixin(Component) {\n static get properties(): any {\n return MCSStatusMixinProperties\n }\n\n get reactionDecorators() {\n return ['bouncing-arrow']\n }\n\n getTheme() {\n const { legendName } = this.state\n\n if (legendName) {\n return (this.root as any)?.style?.[legendName]\n }\n }\n\n get status() {\n return this.data?.STATUS\n }\n\n get auxStatus() {\n return this.data?.STATUS\n }\n\n get legend(): Legend {\n return this.getTheme() || this.getLegendFallback()\n }\n\n get auxLegend() {\n return this.legend\n }\n\n getLegendFallback() {\n return LEGEND_UNIT\n }\n\n contains(x, y) {\n var { left, top, width, height, lineWidth = 0 } = this.state\n var extend = lineWidth / 2\n\n return (\n x < Math.max(left + width, left) + extend &&\n x > Math.min(left + width, left) - extend &&\n y < Math.max(top + height, top) + extend &&\n y > Math.min(top + height, top) - extend\n )\n }\n\n set path(path) {\n var left_top = path[0]\n var right_bottom = path[2]\n\n this.set({\n left: left_top.x,\n top: left_top.y,\n width: right_bottom.x - left_top.x,\n height: right_bottom.y - left_top.y\n })\n }\n\n get path() {\n var { left = 0, top = 0, width = 0, height = 0 } = this.state\n\n return [\n {\n x: left,\n y: top\n },\n {\n x: left + width,\n y: top\n },\n {\n x: left + width,\n y: top + height\n },\n {\n x: left,\n y: top + height\n }\n ]\n }\n}\n"]}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { LEGEND_VEHICLE } from './features/mcs-status-default';
|
|
2
|
+
import MCSCarrierHolder from './mcs-carrier-holder';
|
|
3
|
+
const DIRECTION_GAP = 3;
|
|
4
|
+
/**
|
|
5
|
+
* MCS용 Unit > Transport들의 공통 속성을 정의한 오브젝트
|
|
6
|
+
*/
|
|
7
|
+
export default class MCSVehicle extends MCSCarrierHolder {
|
|
8
|
+
static get properties() {
|
|
9
|
+
return [
|
|
10
|
+
...MCSCarrierHolder.properties,
|
|
11
|
+
{
|
|
12
|
+
type: 'select',
|
|
13
|
+
label: 'direction',
|
|
14
|
+
name: 'direction',
|
|
15
|
+
property: {
|
|
16
|
+
options: ['', 'up', 'down', 'left', 'right']
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
];
|
|
20
|
+
}
|
|
21
|
+
getLegendFallback() {
|
|
22
|
+
return LEGEND_VEHICLE;
|
|
23
|
+
}
|
|
24
|
+
renderDirection(ctx) {
|
|
25
|
+
const { direction } = this.state;
|
|
26
|
+
if (direction) {
|
|
27
|
+
const { left, top, width, height } = this.state;
|
|
28
|
+
ctx.beginPath();
|
|
29
|
+
ctx.translate(left, top);
|
|
30
|
+
ctx.strokeStyle = 'black';
|
|
31
|
+
ctx.fillStyle = 'black';
|
|
32
|
+
ctx.lineJoin = 'round';
|
|
33
|
+
ctx.lineWidth = 1;
|
|
34
|
+
ctx.setLineDash([]);
|
|
35
|
+
switch (direction) {
|
|
36
|
+
case 'up':
|
|
37
|
+
ctx.moveTo((width * 1) / 3, -DIRECTION_GAP);
|
|
38
|
+
ctx.lineTo(width / 2, -height / 10 - DIRECTION_GAP);
|
|
39
|
+
ctx.lineTo((width * 2) / 3, -DIRECTION_GAP);
|
|
40
|
+
break;
|
|
41
|
+
case 'down':
|
|
42
|
+
ctx.moveTo((width * 1) / 3, height + DIRECTION_GAP);
|
|
43
|
+
ctx.lineTo(width / 2, height + height / 10 + DIRECTION_GAP);
|
|
44
|
+
ctx.lineTo((width * 2) / 3, height + DIRECTION_GAP);
|
|
45
|
+
break;
|
|
46
|
+
case 'left':
|
|
47
|
+
ctx.moveTo(-DIRECTION_GAP, (height * 1) / 3);
|
|
48
|
+
ctx.lineTo(-width / 10 - 2, height / 2);
|
|
49
|
+
ctx.lineTo(-DIRECTION_GAP, (height * 2) / 3);
|
|
50
|
+
break;
|
|
51
|
+
case 'right':
|
|
52
|
+
default:
|
|
53
|
+
ctx.moveTo(DIRECTION_GAP + width, (height * 1) / 3);
|
|
54
|
+
ctx.lineTo(DIRECTION_GAP + width + width / 10, height / 2);
|
|
55
|
+
ctx.lineTo(DIRECTION_GAP + width, (height * 2) / 3);
|
|
56
|
+
break;
|
|
57
|
+
}
|
|
58
|
+
ctx.translate(-left, -top);
|
|
59
|
+
ctx.closePath();
|
|
60
|
+
ctx.fill();
|
|
61
|
+
ctx.stroke();
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
postrender(ctx) {
|
|
65
|
+
super.postrender(ctx);
|
|
66
|
+
this.renderDirection(ctx);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=mcs-vehicle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mcs-vehicle.js","sourceRoot":"","sources":["../src/mcs-vehicle.ts"],"names":[],"mappings":"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","sourcesContent":["import { LEGEND_VEHICLE, Legend } from './features/mcs-status-default'\nimport MCSCarrierHolder from './mcs-carrier-holder'\n\nconst DIRECTION_GAP = 3\n\n/**\n * MCS용 Unit > Transport들의 공통 속성을 정의한 오브젝트\n */\nexport default class MCSVehicle extends MCSCarrierHolder {\n static get properties(): any {\n return [\n ...MCSCarrierHolder.properties,\n {\n type: 'select',\n label: 'direction',\n name: 'direction',\n property: {\n options: ['', 'up', 'down', 'left', 'right']\n }\n }\n ]\n }\n\n getLegendFallback(): Legend {\n return LEGEND_VEHICLE\n }\n\n renderDirection(ctx: CanvasRenderingContext2D) {\n const { direction } = this.state\n\n if (direction) {\n const { left, top, width, height } = this.state\n\n ctx.beginPath()\n ctx.translate(left, top)\n\n ctx.strokeStyle = 'black'\n ctx.fillStyle = 'black'\n ctx.lineJoin = 'round'\n ctx.lineWidth = 1\n ctx.setLineDash([])\n\n switch (direction) {\n case 'up':\n ctx.moveTo((width * 1) / 3, -DIRECTION_GAP)\n ctx.lineTo(width / 2, -height / 10 - DIRECTION_GAP)\n ctx.lineTo((width * 2) / 3, -DIRECTION_GAP)\n break\n case 'down':\n ctx.moveTo((width * 1) / 3, height + DIRECTION_GAP)\n ctx.lineTo(width / 2, height + height / 10 + DIRECTION_GAP)\n ctx.lineTo((width * 2) / 3, height + DIRECTION_GAP)\n break\n case 'left':\n ctx.moveTo(-DIRECTION_GAP, (height * 1) / 3)\n ctx.lineTo(-width / 10 - 2, height / 2)\n ctx.lineTo(-DIRECTION_GAP, (height * 2) / 3)\n break\n case 'right':\n default:\n ctx.moveTo(DIRECTION_GAP + width, (height * 1) / 3)\n ctx.lineTo(DIRECTION_GAP + width + width / 10, height / 2)\n ctx.lineTo(DIRECTION_GAP + width, (height * 2) / 3)\n break\n }\n\n ctx.translate(-left, -top)\n ctx.closePath()\n\n ctx.fill()\n ctx.stroke()\n }\n }\n\n postrender(ctx: CanvasRenderingContext2D): void {\n super.postrender(ctx)\n this.renderDirection(ctx)\n }\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { MCSZoneMixin, MCSZoneMixinProperties } from './features/mcs-zone-mixin';
|
|
2
|
+
import MCSCarrierHolder from './mcs-carrier-holder';
|
|
3
|
+
/**
|
|
4
|
+
* MCS용 Unit > Transport들의 공통 속성을 정의한 오브젝트
|
|
5
|
+
*/
|
|
6
|
+
export default class MCSZoneUnit extends MCSZoneMixin(MCSCarrierHolder) {
|
|
7
|
+
static get properties() {
|
|
8
|
+
return [...MCSZoneMixinProperties, ...MCSCarrierHolder.properties];
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=mcs-zone-unit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mcs-zone-unit.js","sourceRoot":"","sources":["../src/mcs-zone-unit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,gBAAgB,MAAM,sBAAsB,CAAA;AAEnD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IACrE,MAAM,KAAK,UAAU;QACnB,OAAO,CAAC,GAAG,sBAAsB,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAA;IACpE,CAAC;CACF","sourcesContent":["import { MCSZoneMixin, MCSZoneMixinProperties } from './features/mcs-zone-mixin'\nimport MCSCarrierHolder from './mcs-carrier-holder'\n\n/**\n * MCS용 Unit > Transport들의 공통 속성을 정의한 오브젝트\n */\nexport default class MCSZoneUnit extends MCSZoneMixin(MCSCarrierHolder) {\n static get properties(): any {\n return [...MCSZoneMixinProperties, ...MCSCarrierHolder.properties]\n }\n}\n"]}
|
package/dist/oht-line.js
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component } from '@hatiolab/things-scene';
|
|
2
|
+
import MCSTransport from './mcs-transport';
|
|
3
|
+
const NATURE = {
|
|
4
|
+
mutable: false,
|
|
5
|
+
resizable: true,
|
|
6
|
+
rotatable: true,
|
|
7
|
+
properties: [...MCSTransport.properties]
|
|
8
|
+
};
|
|
9
|
+
export default class OHTLine extends MCSTransport {
|
|
10
|
+
static get nature() {
|
|
11
|
+
return NATURE;
|
|
12
|
+
}
|
|
13
|
+
get auxColor() {
|
|
14
|
+
return '#333';
|
|
15
|
+
}
|
|
16
|
+
containable(component) {
|
|
17
|
+
return ['OHT'].includes(component.state.type);
|
|
18
|
+
}
|
|
19
|
+
render(context) {
|
|
20
|
+
const { left, top, width, height } = this.bounds;
|
|
21
|
+
context.beginPath();
|
|
22
|
+
context.translate(left, top);
|
|
23
|
+
context.fillStyle = this.statusColor;
|
|
24
|
+
context.strokeStyle = this.auxColor;
|
|
25
|
+
context.fillRect(0, 0, width, height);
|
|
26
|
+
context.fill();
|
|
27
|
+
context.stroke();
|
|
28
|
+
context.translate(-left, -top);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
Component.register('OHTLine', OHTLine);
|
|
32
|
+
//# sourceMappingURL=oht-line.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"oht-line.js","sourceRoot":"","sources":["../src/oht-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AACnE,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC;CACzC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAY;IAC/C,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,MAAM,CAAA;IACf,CAAC;IAED,WAAW,CAAC,SAAoB;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC/C,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAEhD,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAE5B,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QACrC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,QAAS,CAAA;QAEpC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAErC,OAAO,CAAC,IAAI,EAAE,CAAA;QACd,OAAO,CAAC,MAAM,EAAE,CAAA;QAEhB,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;IAChC,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\nimport MCSTransport from './mcs-transport'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [...MCSTransport.properties]\n}\n\nexport default class OHTLine extends MCSTransport {\n static get nature() {\n return NATURE\n }\n\n get auxColor() {\n return '#333'\n }\n\n containable(component: Component) {\n return ['OHT'].includes(component.state.type)\n }\n\n render(context: CanvasRenderingContext2D) {\n const { left, top, width, height } = this.bounds\n\n context.beginPath()\n\n context.translate(left, top)\n\n context.fillStyle = this.statusColor!\n context.strokeStyle = this.auxColor!\n\n context.fillRect(0, 0, width, height)\n\n context.fill()\n context.stroke()\n\n context.translate(-left, -top)\n }\n}\n\nComponent.register('OHTLine', OHTLine)\n"]}
|
package/dist/oht.js
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Component } from '@hatiolab/things-scene';
|
|
2
|
+
import MCSVehicle from './mcs-vehicle';
|
|
3
|
+
const NATURE = {
|
|
4
|
+
mutable: false,
|
|
5
|
+
resizable: true,
|
|
6
|
+
rotatable: true,
|
|
7
|
+
properties: [...MCSVehicle.properties]
|
|
8
|
+
};
|
|
9
|
+
const GAP = 2;
|
|
10
|
+
export default class OHT extends MCSVehicle {
|
|
11
|
+
static get nature() {
|
|
12
|
+
return NATURE;
|
|
13
|
+
}
|
|
14
|
+
get auxColor() {
|
|
15
|
+
return 'black';
|
|
16
|
+
}
|
|
17
|
+
render(ctx) {
|
|
18
|
+
var { left, top, width, height } = this.bounds;
|
|
19
|
+
ctx.translate(left, top);
|
|
20
|
+
ctx.beginPath();
|
|
21
|
+
ctx.strokeStyle = this.auxColor;
|
|
22
|
+
ctx.fillStyle = this.statusColor;
|
|
23
|
+
ctx.lineWidth = 1;
|
|
24
|
+
ctx.lineCap = 'round';
|
|
25
|
+
ctx.setLineDash([]);
|
|
26
|
+
const radius = Math.round(Math.min(width, height) * 0.1);
|
|
27
|
+
ctx.roundRect(0, 0, width, height, radius);
|
|
28
|
+
ctx.roundRect(GAP, GAP, width - GAP * 2, height - GAP * 2, radius - 1);
|
|
29
|
+
ctx.fill();
|
|
30
|
+
ctx.stroke();
|
|
31
|
+
ctx.beginPath();
|
|
32
|
+
ctx.lineCap = 'butt';
|
|
33
|
+
ctx.strokeStyle = 'black';
|
|
34
|
+
ctx.lineWidth = 3;
|
|
35
|
+
ctx.moveTo(width / 2, GAP * 2);
|
|
36
|
+
ctx.lineTo(width / 2, height - GAP * 2);
|
|
37
|
+
ctx.stroke();
|
|
38
|
+
ctx.translate(-left, -top);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
Component.register('OHT', OHT);
|
|
42
|
+
//# sourceMappingURL=oht.js.map
|
package/dist/oht.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"oht.js","sourceRoot":"","sources":["../src/oht.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,wBAAwB,CAAA;AAC/E,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC;CACvC,CAAA;AAED,MAAM,GAAG,GAAG,CAAC,CAAA;AAEb,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,UAAU;IACzC,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACxB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC/B,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QACjC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAA;QACjB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAA;QACrB,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;QAEnB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,CAAA;QACxD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,GAAG,GAAG,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAA;QAEtE,GAAG,CAAC,IAAI,EAAE,CAAA;QACV,GAAG,CAAC,MAAM,EAAE,CAAA;QAEZ,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;QACpB,GAAG,CAAC,WAAW,GAAG,OAAO,CAAA;QACzB,GAAG,CAAC,SAAS,GAAG,CAAC,CAAA;QACjB,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAA;QAC9B,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,CAAA;QAEvC,GAAG,CAAC,MAAM,EAAE,CAAA;QAEZ,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;IAC5B,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature, Properties } from '@hatiolab/things-scene'\nimport MCSVehicle from './mcs-vehicle'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [...MCSVehicle.properties]\n}\n\nconst GAP = 2\n\nexport default class OHT extends MCSVehicle {\n static get nature() {\n return NATURE\n }\n\n get auxColor() {\n return 'black'\n }\n\n render(ctx: CanvasRenderingContext2D) {\n var { left, top, width, height } = this.bounds\n\n ctx.translate(left, top)\n ctx.beginPath()\n\n ctx.strokeStyle = this.auxColor\n ctx.fillStyle = this.statusColor!\n ctx.lineWidth = 1\n ctx.lineCap = 'round'\n ctx.setLineDash([])\n\n const radius = Math.round(Math.min(width, height) * 0.1)\n ctx.roundRect(0, 0, width, height, radius)\n ctx.roundRect(GAP, GAP, width - GAP * 2, height - GAP * 2, radius - 1)\n\n ctx.fill()\n ctx.stroke()\n\n ctx.beginPath()\n\n ctx.lineCap = 'butt'\n ctx.strokeStyle = 'black'\n ctx.lineWidth = 3\n ctx.moveTo(width / 2, GAP * 2)\n ctx.lineTo(width / 2, height - GAP * 2)\n\n ctx.stroke()\n\n ctx.translate(-left, -top)\n }\n}\n\nComponent.register('OHT', OHT)\n"]}
|
package/dist/port.js
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component } from '@hatiolab/things-scene';
|
|
2
|
+
import { MCSZoneMixin, MCSZoneMixinProperties } from './features/mcs-zone-mixin';
|
|
3
|
+
import MCSCarrierHolder from './mcs-carrier-holder';
|
|
4
|
+
const NATURE = {
|
|
5
|
+
mutable: false,
|
|
6
|
+
resizable: true,
|
|
7
|
+
rotatable: true,
|
|
8
|
+
properties: [...MCSZoneMixinProperties, ...MCSCarrierHolder.properties]
|
|
9
|
+
};
|
|
10
|
+
export default class Port extends MCSZoneMixin(MCSCarrierHolder) {
|
|
11
|
+
static get nature() {
|
|
12
|
+
return NATURE;
|
|
13
|
+
}
|
|
14
|
+
get auxColor() {
|
|
15
|
+
return 'black';
|
|
16
|
+
}
|
|
17
|
+
render(ctx) {
|
|
18
|
+
var { left, top, width, height } = this.bounds;
|
|
19
|
+
ctx.strokeStyle = this.auxColor;
|
|
20
|
+
ctx.fillStyle = this.statusColor;
|
|
21
|
+
ctx.lineWidth = 1;
|
|
22
|
+
ctx.lineCap = 'round';
|
|
23
|
+
ctx.setLineDash([]);
|
|
24
|
+
ctx.beginPath();
|
|
25
|
+
const radius = Math.round(Math.min(width, height) * 0.1);
|
|
26
|
+
ctx.roundRect(left, top, width, height, radius);
|
|
27
|
+
ctx.fill();
|
|
28
|
+
ctx.stroke();
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
Component.register('Port', Port);
|
|
32
|
+
//# sourceMappingURL=port.js.map
|
package/dist/port.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"port.js","sourceRoot":"","sources":["../src/port.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,gBAAgB,MAAM,sBAAsB,CAAA;AAEnD,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC,GAAG,sBAAsB,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC;CACxE,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IAC9D,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC/B,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QACjC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAA;QACjB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAA;QACrB,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;QAEnB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,CAAA;QAExD,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;QAE/C,GAAG,CAAC,IAAI,EAAE,CAAA;QACV,GAAG,CAAC,MAAM,EAAE,CAAA;IACd,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\nimport { MCSZoneMixin, MCSZoneMixinProperties } from './features/mcs-zone-mixin'\nimport MCSCarrierHolder from './mcs-carrier-holder'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [...MCSZoneMixinProperties, ...MCSCarrierHolder.properties]\n}\n\nexport default class Port extends MCSZoneMixin(MCSCarrierHolder) {\n static get nature() {\n return NATURE\n }\n\n get auxColor() {\n return 'black'\n }\n\n render(ctx: CanvasRenderingContext2D) {\n var { left, top, width, height } = this.bounds\n\n ctx.strokeStyle = this.auxColor\n ctx.fillStyle = this.statusColor!\n ctx.lineWidth = 1\n ctx.lineCap = 'round'\n ctx.setLineDash([])\n\n ctx.beginPath()\n\n const radius = Math.round(Math.min(width, height) * 0.1)\n\n ctx.roundRect(left, top, width, height, radius)\n\n ctx.fill()\n ctx.stroke()\n }\n}\n\nComponent.register('Port', Port)\n"]}
|
package/dist/rtv-rail.js
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Component } from '@hatiolab/things-scene';
|
|
2
|
+
import MCSTransport from './mcs-transport';
|
|
3
|
+
const NATURE = {
|
|
4
|
+
mutable: false,
|
|
5
|
+
resizable: true,
|
|
6
|
+
rotatable: true,
|
|
7
|
+
properties: [...MCSTransport.properties]
|
|
8
|
+
};
|
|
9
|
+
export default class RTVRail extends MCSTransport {
|
|
10
|
+
static get nature() {
|
|
11
|
+
return NATURE;
|
|
12
|
+
}
|
|
13
|
+
containable(component) {
|
|
14
|
+
return ['RTV'].includes(component.state.type);
|
|
15
|
+
}
|
|
16
|
+
get auxColor() {
|
|
17
|
+
return '#333';
|
|
18
|
+
}
|
|
19
|
+
render(context) {
|
|
20
|
+
const { left, top, width, height } = this.bounds;
|
|
21
|
+
context.beginPath();
|
|
22
|
+
context.translate(left, top);
|
|
23
|
+
context.fillStyle = this.statusColor;
|
|
24
|
+
if (width > height) {
|
|
25
|
+
context.fillRect(0, 0, width, (height * 1) / 5);
|
|
26
|
+
context.fillRect(0, (height * 4) / 5, width, (height * 1) / 5);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
context.fillRect(0, 0, (width * 1) / 5, height);
|
|
30
|
+
context.fillRect((width * 4) / 5, 0, (width * 1) / 5, height);
|
|
31
|
+
}
|
|
32
|
+
context.translate(-left, -top);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
Component.register('RTVRail', RTVRail);
|
|
36
|
+
//# sourceMappingURL=rtv-rail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rtv-rail.js","sourceRoot":"","sources":["../src/rtv-rail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AACnE,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC;CACzC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAY;IAC/C,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,WAAW,CAAC,SAAoB;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC/C,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAEhD,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAE5B,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QAErC,IAAI,KAAK,GAAG,MAAM,EAAE;YAClB,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAC/C,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;SAC/D;aAAM;YACL,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;YAC/C,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;SAC9D;QAED,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;IAChC,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\nimport MCSTransport from './mcs-transport'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [...MCSTransport.properties]\n}\n\nexport default class RTVRail extends MCSTransport {\n static get nature() {\n return NATURE\n }\n\n containable(component: Component) {\n return ['RTV'].includes(component.state.type)\n }\n\n get auxColor() {\n return '#333'\n }\n\n render(context: CanvasRenderingContext2D) {\n const { left, top, width, height } = this.bounds\n\n context.beginPath()\n\n context.translate(left, top)\n\n context.fillStyle = this.statusColor!\n\n if (width > height) {\n context.fillRect(0, 0, width, (height * 1) / 5)\n context.fillRect(0, (height * 4) / 5, width, (height * 1) / 5)\n } else {\n context.fillRect(0, 0, (width * 1) / 5, height)\n context.fillRect((width * 4) / 5, 0, (width * 1) / 5, height)\n }\n\n context.translate(-left, -top)\n }\n}\n\nComponent.register('RTVRail', RTVRail)\n"]}
|
package/dist/shelf.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Component } from '@hatiolab/things-scene';
|
|
2
|
+
import MCSCarrierHolder from './mcs-carrier-holder';
|
|
3
|
+
import { MCSZoneMixin, MCSZoneMixinProperties } from './features/mcs-zone-mixin';
|
|
4
|
+
const NATURE = {
|
|
5
|
+
mutable: false,
|
|
6
|
+
resizable: true,
|
|
7
|
+
rotatable: true,
|
|
8
|
+
properties: [...MCSZoneMixinProperties, ...MCSCarrierHolder.properties]
|
|
9
|
+
};
|
|
10
|
+
export default class Shelf extends MCSZoneMixin(MCSCarrierHolder) {
|
|
11
|
+
static get nature() {
|
|
12
|
+
return NATURE;
|
|
13
|
+
}
|
|
14
|
+
get auxColor() {
|
|
15
|
+
return 'black';
|
|
16
|
+
}
|
|
17
|
+
render(ctx) {
|
|
18
|
+
var { left, top, width, height } = this.bounds;
|
|
19
|
+
ctx.save();
|
|
20
|
+
ctx.translate(left, top);
|
|
21
|
+
ctx.beginPath();
|
|
22
|
+
ctx.strokeStyle = this.auxColor;
|
|
23
|
+
ctx.fillStyle = this.statusColor;
|
|
24
|
+
ctx.lineWidth = 1;
|
|
25
|
+
ctx.lineCap = 'round';
|
|
26
|
+
ctx.setLineDash([]);
|
|
27
|
+
const radius = Math.round(Math.min(width, height) * 0.1);
|
|
28
|
+
ctx.roundRect(0, 0, width, height, radius);
|
|
29
|
+
ctx.clip();
|
|
30
|
+
ctx.moveTo(0, 0);
|
|
31
|
+
ctx.lineTo(width, height);
|
|
32
|
+
ctx.moveTo(0, height);
|
|
33
|
+
ctx.lineTo(width, 0);
|
|
34
|
+
ctx.fill();
|
|
35
|
+
ctx.stroke();
|
|
36
|
+
ctx.translate(-left, -top);
|
|
37
|
+
ctx.restore();
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
Component.register('Shelf', Shelf);
|
|
41
|
+
//# sourceMappingURL=shelf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shelf.js","sourceRoot":"","sources":["../src/shelf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AACnE,OAAO,gBAAgB,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAEhF,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC,GAAG,sBAAsB,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC;CACxE,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IAC/D,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,GAAG,CAAC,IAAI,EAAE,CAAA;QAEV,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACxB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC/B,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QACjC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAA;QACjB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAA;QACrB,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;QAEnB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,CAAA;QACxD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;QAE1C,GAAG,CAAC,IAAI,EAAE,CAAA;QAEV,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;QACrB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QAEpB,GAAG,CAAC,IAAI,EAAE,CAAA;QACV,GAAG,CAAC,MAAM,EAAE,CAAA;QAEZ,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAC1B,GAAG,CAAC,OAAO,EAAE,CAAA;IACf,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\nimport MCSCarrierHolder from './mcs-carrier-holder'\nimport { MCSZoneMixin, MCSZoneMixinProperties } from './features/mcs-zone-mixin'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [...MCSZoneMixinProperties, ...MCSCarrierHolder.properties]\n}\n\nexport default class Shelf extends MCSZoneMixin(MCSCarrierHolder) {\n static get nature() {\n return NATURE\n }\n\n get auxColor() {\n return 'black'\n }\n\n render(ctx: CanvasRenderingContext2D) {\n var { left, top, width, height } = this.bounds\n\n ctx.save()\n\n ctx.translate(left, top)\n ctx.beginPath()\n\n ctx.strokeStyle = this.auxColor\n ctx.fillStyle = this.statusColor!\n ctx.lineWidth = 1\n ctx.lineCap = 'round'\n ctx.setLineDash([])\n\n const radius = Math.round(Math.min(width, height) * 0.1)\n ctx.roundRect(0, 0, width, height, radius)\n\n ctx.clip()\n\n ctx.moveTo(0, 0)\n ctx.lineTo(width, height)\n ctx.moveTo(0, height)\n ctx.lineTo(width, 0)\n\n ctx.fill()\n ctx.stroke()\n\n ctx.translate(-left, -top)\n ctx.restore()\n }\n}\n\nComponent.register('Shelf', Shelf)\n"]}
|
package/dist/shuttle.js
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { Component } from '@hatiolab/things-scene';
|
|
2
|
+
import MCSVehicle from './mcs-vehicle';
|
|
3
|
+
const NATURE = {
|
|
4
|
+
mutable: false,
|
|
5
|
+
resizable: true,
|
|
6
|
+
rotatable: true,
|
|
7
|
+
properties: [...MCSVehicle.properties]
|
|
8
|
+
};
|
|
9
|
+
const RAILWIDTH = 2;
|
|
10
|
+
export default class Shuttle extends MCSVehicle {
|
|
11
|
+
static get nature() {
|
|
12
|
+
return NATURE;
|
|
13
|
+
}
|
|
14
|
+
get auxColor() {
|
|
15
|
+
return 'black';
|
|
16
|
+
}
|
|
17
|
+
render(ctx) {
|
|
18
|
+
var { left, top, width, height } = this.bounds;
|
|
19
|
+
ctx.translate(left, top);
|
|
20
|
+
// draw rail metapore
|
|
21
|
+
ctx.beginPath();
|
|
22
|
+
ctx.strokeStyle = 'black';
|
|
23
|
+
ctx.lineWidth = RAILWIDTH * 2;
|
|
24
|
+
ctx.moveTo(0, 0);
|
|
25
|
+
ctx.lineTo(0, height);
|
|
26
|
+
ctx.moveTo(width, 0);
|
|
27
|
+
ctx.lineTo(width, height);
|
|
28
|
+
ctx.stroke();
|
|
29
|
+
// draw body
|
|
30
|
+
ctx.beginPath();
|
|
31
|
+
ctx.strokeStyle = this.auxColor;
|
|
32
|
+
ctx.fillStyle = this.statusColor;
|
|
33
|
+
ctx.lineWidth = 1;
|
|
34
|
+
ctx.lineCap = 'round';
|
|
35
|
+
ctx.setLineDash([]);
|
|
36
|
+
const radius = Math.round(Math.min(width, height) * 0.1);
|
|
37
|
+
ctx.roundRect(RAILWIDTH / 2, RAILWIDTH / 2, width - RAILWIDTH, height - RAILWIDTH, radius);
|
|
38
|
+
ctx.fill();
|
|
39
|
+
ctx.beginPath();
|
|
40
|
+
ctx.roundRect(0, RAILWIDTH, width, RAILWIDTH, radius);
|
|
41
|
+
ctx.roundRect(0, height - RAILWIDTH * 2, width, RAILWIDTH, radius);
|
|
42
|
+
ctx.fill();
|
|
43
|
+
ctx.stroke();
|
|
44
|
+
ctx.translate(-left, -top);
|
|
45
|
+
this.renderDirection(ctx);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
Component.register('Shuttle', Shuttle);
|
|
49
|
+
//# sourceMappingURL=shuttle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shuttle.js","sourceRoot":"","sources":["../src/shuttle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AACnE,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC;CACvC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,CAAA;AACnB,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,UAAU;IAC7C,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAExB,qBAAqB;QACrB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,WAAW,GAAG,OAAO,CAAA;QACzB,GAAG,CAAC,SAAS,GAAG,SAAS,GAAG,CAAC,CAAA;QAE7B,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;QACrB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QACpB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzB,GAAG,CAAC,MAAM,EAAE,CAAA;QAEZ,YAAY;QACZ,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,QAAS,CAAA;QAChC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QACjC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAA;QACjB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAA;QACrB,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;QAEnB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,CAAA;QAExD,GAAG,CAAC,SAAS,CAAC,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,CAAC,CAAA;QAC1F,GAAG,CAAC,IAAI,EAAE,CAAA;QAEV,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAAA;QACrD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAAA;QAElE,GAAG,CAAC,IAAI,EAAE,CAAA;QACV,GAAG,CAAC,MAAM,EAAE,CAAA;QAEZ,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAE1B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;IAC3B,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\nimport MCSVehicle from './mcs-vehicle'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [...MCSVehicle.properties]\n}\n\nconst RAILWIDTH = 2\nexport default class Shuttle extends MCSVehicle {\n static get nature() {\n return NATURE\n }\n\n get auxColor() {\n return 'black'\n }\n\n render(ctx: CanvasRenderingContext2D) {\n var { left, top, width, height } = this.bounds\n\n ctx.translate(left, top)\n\n // draw rail metapore\n ctx.beginPath()\n\n ctx.strokeStyle = 'black'\n ctx.lineWidth = RAILWIDTH * 2\n\n ctx.moveTo(0, 0)\n ctx.lineTo(0, height)\n ctx.moveTo(width, 0)\n ctx.lineTo(width, height)\n ctx.stroke()\n\n // draw body\n ctx.beginPath()\n\n ctx.strokeStyle = this.auxColor!\n ctx.fillStyle = this.statusColor!\n ctx.lineWidth = 1\n ctx.lineCap = 'round'\n ctx.setLineDash([])\n\n const radius = Math.round(Math.min(width, height) * 0.1)\n\n ctx.roundRect(RAILWIDTH / 2, RAILWIDTH / 2, width - RAILWIDTH, height - RAILWIDTH, radius)\n ctx.fill()\n\n ctx.beginPath()\n ctx.roundRect(0, RAILWIDTH, width, RAILWIDTH, radius)\n ctx.roundRect(0, height - RAILWIDTH * 2, width, RAILWIDTH, radius)\n\n ctx.fill()\n ctx.stroke()\n\n ctx.translate(-left, -top)\n\n this.renderDirection(ctx)\n }\n}\n\nComponent.register('Shuttle', Shuttle)\n"]}
|