@fmsim/board 1.0.63 → 1.0.64

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.
Files changed (13) hide show
  1. package/custom-elements.json +641 -641
  2. package/dist/src/component/etc.js +17 -0
  3. package/dist/src/component/etc.js.map +1 -1
  4. package/dist/src/modeller/edit-toolbar.d.ts +0 -1
  5. package/dist/src/modeller/edit-toolbar.js +1 -475
  6. package/dist/src/modeller/edit-toolbar.js.map +1 -1
  7. package/dist/src/modeller/property-sidebar/effects/property-event-tap.js +1 -0
  8. package/dist/src/modeller/property-sidebar/effects/property-event-tap.js.map +1 -1
  9. package/dist/src/ox-board-viewer.d.ts +3 -0
  10. package/dist/src/ox-board-viewer.js +31 -1
  11. package/dist/src/ox-board-viewer.js.map +1 -1
  12. package/dist/tsconfig.tsbuildinfo +1 -1
  13. package/package.json +2 -2
package/dist/src/component/etc.js CHANGED
@@ -4,6 +4,7 @@ const lineIcon = new URL('../../../icons/components/line.png', import.meta.url).
4
4
  const dash = new URL('../../../icons/components/dash.png', import.meta.url).href;
5
5
  const triangle = new URL('../../../icons/components/triangle.png', import.meta.url).href;
6
6
  const container = new URL('../../../icons/components/container.png', import.meta.url).href;
7
+ const popup = new URL('../../../icons/components/popup.png', import.meta.url).href;
7
8
  const icon = `
8
9
  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
9
10
  <style type="text/css">
@@ -142,6 +143,22 @@ export const etc = {
142
143
  lineDash: 'solid',
143
144
  lineCap: 'butt'
144
145
  }
146
+ },
147
+ {
148
+ type: 'popup',
149
+ description: 'popup window',
150
+ icon: popup,
151
+ group: 'container',
152
+ model: {
153
+ type: 'popup',
154
+ left: 100,
155
+ top: 100,
156
+ width: 100,
157
+ height: 100,
158
+ fillStyle: '#fff',
159
+ strokeStyle: 'DarkGoldenRod',
160
+ hidden: true
161
+ }
145
162
  }
146
163
  ]
147
164
  };
package/dist/src/component/etc.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"etc.js","sourceRoot":"","sources":["../../../src/component/etc.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentGroup } from '../types'\n\nconst rect = new URL('../../../icons/components/rect.png', import.meta.url).href\nconst ellipse = new URL('../../../icons/components/ellipse.png', import.meta.url).href\nconst lineIcon = new URL('../../../icons/components/line.png', import.meta.url).href\nconst dash = new URL('../../../icons/components/dash.png', import.meta.url).href\nconst triangle = new URL('../../../icons/components/triangle.png', import.meta.url).href\nconst container = new URL('../../../icons/components/container.png', import.meta.url).href\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st0{fill:{{strokeColor}};}\n </style>\n <g>\n <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/>\n </g>\n</svg>\n`\n\nexport const etc: ComponentGroup = {\n name: 'etc',\n description: 'a group of components that have not yet been defined.',\n icon,\n templates: [\n {\n type: 'rect',\n description: 'rectangle shape',\n icon: rect,\n group: 'shape',\n model: {\n type: 'rect',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'ellipse',\n description: 'ellipse shape',\n icon: ellipse,\n group: 'shape',\n model: {\n type: 'ellipse',\n rx: 50,\n ry: 50,\n cx: 150,\n cy: 150,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'triangle',\n description: 'triangle shape',\n icon: triangle,\n group: 'shape',\n model: {\n type: 'triangle',\n x1: 150,\n y1: 100,\n x2: 100,\n y2: 200,\n x3: 200,\n y3: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'line',\n description: 'simple line',\n icon: lineIcon,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'dash',\n description: 'dash line',\n icon: dash,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'round-dot',\n lineCap: 'butt'\n }\n },\n {\n type: 'container',\n description: 'container shape',\n icon: container,\n group: 'container',\n model: {\n type: 'container',\n left: 100,\n top: 100,\n width: 400,\n height: 300,\n fillStyle: '#fff',\n strokeStyle: '#999',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n }\n ]\n}\n"]}
1
+ {"version":3,"file":"etc.js","sourceRoot":"","sources":["../../../src/component/etc.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentGroup } from '../types'\n\nconst rect = new URL('../../../icons/components/rect.png', import.meta.url).href\nconst ellipse = new URL('../../../icons/components/ellipse.png', import.meta.url).href\nconst lineIcon = new URL('../../../icons/components/line.png', import.meta.url).href\nconst dash = new URL('../../../icons/components/dash.png', import.meta.url).href\nconst triangle = new URL('../../../icons/components/triangle.png', import.meta.url).href\nconst container = new URL('../../../icons/components/container.png', import.meta.url).href\nconst popup = new URL('../../../icons/components/popup.png', import.meta.url).href\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st0{fill:{{strokeColor}};}\n </style>\n <g>\n <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/>\n </g>\n</svg>\n`\n\nexport const etc: ComponentGroup = {\n name: 'etc',\n description: 'a group of components that have not yet been defined.',\n icon,\n templates: [\n {\n type: 'rect',\n description: 'rectangle shape',\n icon: rect,\n group: 'shape',\n model: {\n type: 'rect',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'ellipse',\n description: 'ellipse shape',\n icon: ellipse,\n group: 'shape',\n model: {\n type: 'ellipse',\n rx: 50,\n ry: 50,\n cx: 150,\n cy: 150,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'triangle',\n description: 'triangle shape',\n icon: triangle,\n group: 'shape',\n model: {\n type: 'triangle',\n x1: 150,\n y1: 100,\n x2: 100,\n y2: 200,\n x3: 200,\n y3: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'line',\n description: 'simple line',\n icon: lineIcon,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'dash',\n description: 'dash line',\n icon: dash,\n group: 'line',\n model: {\n type: 'line',\n x1: 100,\n y1: 100,\n x2: 200,\n y2: 200,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 3,\n lineDash: 'round-dot',\n lineCap: 'butt'\n }\n },\n {\n type: 'container',\n description: 'container shape',\n icon: container,\n group: 'container',\n model: {\n type: 'container',\n left: 100,\n top: 100,\n width: 400,\n height: 300,\n fillStyle: '#fff',\n strokeStyle: '#999',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'popup',\n description: 'popup window',\n icon: popup,\n group: 'container',\n model: {\n type: 'popup',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: 'DarkGoldenRod',\n hidden: true\n }\n }\n ]\n}\n"]}
package/dist/src/modeller/edit-toolbar.d.ts CHANGED
@@ -55,5 +55,4 @@ export declare class EditToolbar extends LitElement {
55
55
  onTapPreview(): void;
56
56
  onTapDownloadModel(): void;
57
57
  onTapDistribute(e: TouchEvent | string): void;
58
- onTapGenerateModel(e: TouchEvent | string): void;
59
58
  }
package/dist/src/modeller/edit-toolbar.js CHANGED
@@ -47,9 +47,6 @@ export class EditToolbar extends LitElement {
47
47
  .addEventListener('tap', this.onTapToggle.bind(this));
48
48
  this.renderRoot.querySelector('#fit-scene').addEventListener('tap', this.onTapFitScene.bind(this));
49
49
  this.renderRoot.querySelector('#preview').addEventListener('tap', this.onTapPreview.bind(this));
50
- // this.renderRoot
51
- // .querySelector('#generate-model')!
52
- // .addEventListener('tap', this.onTapGenerateModel.bind(this) as EventListener)
53
50
  }
54
51
  updated(changes) {
55
52
  changes.has('scene') && this.onSceneChanged(this.scene, changes.get('scene'));
@@ -166,9 +163,9 @@ export class EditToolbar extends LitElement {
166
163
  <span button id="font-decrease" title="decrease font size"></span>
167
164
 
168
165
  <span class="vline"></span>
166
+ <span>(v${process.env['APP-VERSION']})</span>
169
167
  <span padding></span>
170
168
 
171
- <!-- <span button id="generate-model" title="generate model"> </span> -->
172
169
  <span button id="fit-scene" title="fit scene (${this.getShortcutString('cmd', 'd')})"> </span>
173
170
 
174
171
  <span class="vline"></span>
@@ -532,477 +529,6 @@ export class EditToolbar extends LitElement {
532
529
  var distribute = typeof e === 'string' ? e : e.target.getAttribute('data-distribute');
533
530
  distribute && this.scene.distribute(distribute);
534
531
  }
535
- onTapGenerateModel(e) {
536
- if (!this.scene)
537
- return;
538
- var id = 0;
539
- for (var i = 0; i < 100; i++) {
540
- for (var j = 0; j < 100; j++) {
541
- const paddedNumber = String(++id).padStart(4, '0');
542
- switch (j % 5) {
543
- case 0:
544
- this.scene.add([
545
- {
546
- type: 'Port',
547
- id: 'Temp_' + paddedNumber,
548
- left: i * 22,
549
- top: j * 22,
550
- width: 20,
551
- height: 20
552
- }
553
- ], {});
554
- break;
555
- case 1:
556
- this.scene.add([
557
- {
558
- type: 'STOCKER',
559
- id: 'STOCKER_' + paddedNumber,
560
- left: i * 22,
561
- top: j * 22,
562
- width: 20,
563
- height: 20
564
- }
565
- ], {});
566
- break;
567
- case 2:
568
- this.scene.add([
569
- {
570
- type: 'OHT',
571
- id: 'RTV_' + paddedNumber,
572
- left: i * 22,
573
- top: j * 22,
574
- width: 20,
575
- height: 20,
576
- direction: 'left'
577
- }
578
- ], {});
579
- break;
580
- case 3:
581
- this.scene.add([
582
- {
583
- type: 'AGV',
584
- id: 'Process_' + paddedNumber,
585
- left: i * 22,
586
- top: j * 22,
587
- width: 20,
588
- height: 20
589
- }
590
- ], {});
591
- break;
592
- case 4:
593
- this.scene.add([
594
- {
595
- type: 'Conveyor',
596
- id: 'Conveyor_' + paddedNumber,
597
- left: i * 22,
598
- top: j * 22,
599
- width: 20,
600
- height: 20,
601
- conveyorType: 'rail'
602
- }
603
- ], {});
604
- break;
605
- }
606
- }
607
- // switch (j % 5) {
608
- // case 0:
609
- // this.scene.add(
610
- // [
611
- // {
612
- // type: 'rect',
613
- // realType: 'PORT',
614
- // left: i * 22,
615
- // top: j * 22,
616
- // width: 20,
617
- // height: 20,
618
- // fillStyle: 'rgb(184, 184, 184)',
619
- // strokeStyle: '#000',
620
- // alpha: 0.9,
621
- // hidden: false,
622
- // lineWidth: 0,
623
- // lineDash: 'solid',
624
- // lineCap: 'butt',
625
- // rotation: 0,
626
- // mappings: [
627
- // {
628
- // rule: 'map',
629
- // accessor: 'STATUS',
630
- // target: '(self)',
631
- // property: 'fillStyle',
632
- // paramType: 'mcsPortLegend',
633
- // param: {
634
- // '2000': '#ff0000',
635
- // '2001': '#595959',
636
- // '2002': '#ffff00',
637
- // '2003': '#ffff99',
638
- // '2004': '#ccff99',
639
- // '2005': '#33ff33',
640
- // default: '#000000'
641
- // }
642
- // }
643
- // ],
644
- // isMcsUnit: true,
645
- // carrierTypeUrl: {
646
- // PALLET_EMPTY: {
647
- // image: 'http://10.250.111.58:16060/images/6f3170c2-6e2b-4df7-9e52-20c71fcacb35.svg',
648
- // width: 23,
649
- // height: 23
650
- // },
651
- // PALLET: {
652
- // image: 'http://10.250.111.58:16060/images/ee5f85db-0a9f-4d3a-a319-1d6f840ffb78.svg',
653
- // width: 25,
654
- // height: 25
655
- // },
656
- // FBE: {
657
- // image: 'http://10.250.111.58:16060/images/a906b736-1f1b-4f35-ab8a-538ea7f563ea.svg',
658
- // width: 25,
659
- // height: 10
660
- // },
661
- // FB: {
662
- // image: 'http://10.250.111.58:16060/images/7f0122d5-689d-4d0d-931a-e7074b11004f.svg',
663
- // width: 25,
664
- // height: 12
665
- // },
666
- // JBE: {
667
- // image: 'http://10.250.111.58:16060/images/451437f8-0f89-4e25-b342-0f7a99f318aa.svg',
668
- // width: 25,
669
- // height: 10
670
- // },
671
- // JB: {
672
- // image: 'http://10.250.111.58:16060/images/9fe6b754-b42e-439e-b7e3-77fc928921be.svg',
673
- // width: 25,
674
- // height: 12
675
- // },
676
- // RTEE: {
677
- // image: 'http://10.250.111.58:16060/images/09719498-101c-4e89-9684-82cc39dfd644.svg',
678
- // width: 25,
679
- // height: 19
680
- // },
681
- // RTE: {
682
- // image: 'http://10.250.111.58:16060/images/25615862-0ded-4b38-aabc-a534c63ae6f2.svg',
683
- // width: 25,
684
- // height: 19
685
- // },
686
- // RT: {
687
- // image: 'http://10.250.111.58:16060/images/74f6d1f9-fcb6-4c6c-814a-135d3c682d98.svg',
688
- // width: 25,
689
- // height: 19
690
- // },
691
- // PLTEE: {
692
- // image: 'http://10.250.111.58:16060/images/c3eaafce-cd94-4519-bac9-05f988697f4a.svg',
693
- // width: 25,
694
- // height: 25
695
- // },
696
- // PLTE: {
697
- // image: 'http://10.250.111.58:16060/images/de6c655b-f02e-4b55-9b64-030f7b5b0cd8.svg',
698
- // width: 25,
699
- // height: 25
700
- // },
701
- // PLT: {
702
- // image: 'http://10.250.111.58:16060/images/9072687a-4440-4475-9a64-528a601e9fea.svg',
703
- // width: 25,
704
- // height: 25
705
- // },
706
- // MGZE: {
707
- // image: 'http://10.250.111.58:16060/images/1b79b7c0-42df-4439-9b5f-14efe87ad3b8.svg',
708
- // width: 20,
709
- // height: 10
710
- // },
711
- // MGZ: {
712
- // image: 'http://10.250.111.58:16060/images/892d4dc2-5765-43f1-8508-bcce40acb3c4.svg',
713
- // width: 20,
714
- // height: 10
715
- // },
716
- // CTEE: {
717
- // image: 'http://10.250.111.58:16060/images/4a44a3e0-f296-44d7-9f09-1cfa6eca6c4c.png',
718
- // width: 25,
719
- // height: 25
720
- // },
721
- // CTE: {
722
- // image: 'http://10.250.111.58:16060/images/3069a8b9-6b7b-4c31-96ff-f5ade6f0e772.png',
723
- // width: 25,
724
- // height: 25
725
- // },
726
- // CT: {
727
- // image: 'http://10.250.111.58:16060/images/797bc1ac-57a1-49fb-a70f-7ec2352bb480.png',
728
- // width: 25,
729
- // height: 25
730
- // },
731
- // CARRIERALL: {
732
- // image: 'http://10.250.111.58:16060/images/757784f6-4e13-4faa-8ab2-5c25edcaa718.svg',
733
- // width: 25,
734
- // height: 25
735
- // }
736
- // },
737
- // id: 'Temp_' + paddedNumber,
738
- // text: '',
739
- // fontSize: 12,
740
- // bold: true,
741
- // toggleText: false
742
- // }
743
- // ],
744
- // {}
745
- // )
746
- // break;
747
- // case 1:
748
- // this.scene.add(
749
- // [
750
- // {
751
- // type: 'rect',
752
- // realType: 'STOCKER',
753
- // hvType: 'vertical',
754
- // headerType: 'topV',
755
- // text: 'STK013',
756
- // left: i * 22,
757
- // top: j * 22,
758
- // width: 20,
759
- // height: 20,
760
- // topHorizonW: 308,
761
- // topHorizonH: 112,
762
- // leftHorizonW: 523,
763
- // leftHorizonH: 71,
764
- // topVerticalW: 95,
765
- // topVerticalH: 394,
766
- // topHorizonHH: 40,
767
- // leftHorizonHW: 54,
768
- // topVerticalHH: 34,
769
- // fontColor: '#fff',
770
- // headerColor: '#afafaf',
771
- // bgColor: '#fff',
772
- // gaugeBgColor: 'rgba(0, 0, 0, 0.75)',
773
- // gaugeBgBarColor: 'rgba(150, 150, 150, 0.8)',
774
- // gaugeBarColor: 'rgb(65, 247, 215)',
775
- // gaugeFontColor: '#fff',
776
- // radius: 10,
777
- // textWrap: true,
778
- // strokeStyle: '#646464',
779
- // alpha: 1,
780
- // hidden: false,
781
- // lineWidth: 0,
782
- // lineCap: 'butt',
783
- // mappings: [
784
- // {
785
- // rule: 'map',
786
- // accessor: 'STATUS',
787
- // target: '(self)',
788
- // property: 'fillStyle',
789
- // paramType: 'mcsMachineLegend',
790
- // param: {
791
- // '1000': '#000000',
792
- // '1001': '#00FE00',
793
- // '1002': '#ff2800',
794
- // '1003': '#AE42FE',
795
- // '1004': '#fff',
796
- // '1005': '#ff2800',
797
- // '1006': '#FAFF19',
798
- // '1007': '#FACD18',
799
- // '1008': '#0041ff',
800
- // default: '#d6d6d6'
801
- // }
802
- // },
803
- // {
804
- // rule: 'value',
805
- // target: '(self)',
806
- // property: 'value'
807
- // }
808
- // ],
809
- // rotation: 0,
810
- // toggleText: false,
811
- // id: 'STOCKER_' + paddedNumber,
812
- // fontSize: 15,
813
- // eqpNames: {
814
- // ko: 'STK #2',
815
- // en: 'STK #2',
816
- // zh_CN: ''
817
- // },
818
- // class: 'STK013',
819
- // fontFamily: 'Arial'
820
- // }
821
- // ],
822
- // {}
823
- // )
824
- // break;
825
- // case 2:
826
- // this.scene.add(
827
- // [
828
- // {
829
- // type: 'rect',
830
- // realType: 'RTV',
831
- // rgvType: 'middle',
832
- // left: i * 22,
833
- // top: j * 22,
834
- // width: 20,
835
- // height: 20,
836
- // fillStyle: {
837
- // fitPattern: false,
838
- // height: null,
839
- // image: 'http://skbamcs2.skbattery.com:7693/images/9d6d301b-458b-408c-b309-c35c631a0825.png',
840
- // offsetX: 0,
841
- // offsetY: 0,
842
- // type: 'pattern',
843
- // width: null,
844
- // defaultBg: '#636363',
845
- // pathType: 't',
846
- // imageLoaded: {}
847
- // },
848
- // text: '',
849
- // strokeStyle: '#000',
850
- // alpha: 1,
851
- // hidden: false,
852
- // lineWidth: 0,
853
- // lineDash: 'solid',
854
- // lineCap: 'butt',
855
- // mappings: [
856
- // {
857
- // rule: 'map',
858
- // accessor: 'STATUS',
859
- // target: '(self)',
860
- // property: 'fillStyle',
861
- // paramType: 'mcsMachineLegendDefault',
862
- // param: {
863
- // '1000': '#000000',
864
- // '1002': '#ff2800',
865
- // '1003': '#AE42FE',
866
- // '1004': '#fff',
867
- // '1005': '#ff2800',
868
- // '1006': '#FAFF19',
869
- // '1007': '#FACD18',
870
- // '1008': '#0041ff',
871
- // default: '#636363'
872
- // }
873
- // }
874
- // ],
875
- // rotation: 1.5707963267948966,
876
- // toggleText: false,
877
- // id: 'RTV_' + paddedNumber
878
- // }
879
- // ],
880
- // {}
881
- // )
882
- // break
883
- // case 3:
884
- // this.scene.add(
885
- // [
886
- // {
887
- // type: 'rect',
888
- // realType: 'PROCESS',
889
- // extend: false,
890
- // left: i * 22,
891
- // top: j * 22,
892
- // width: 20,
893
- // height: 20,
894
- // headerHeight: 40,
895
- // headerColor: '#afafaf',
896
- // bgColor: '#fff',
897
- // radius: 10,
898
- // textColor: '#fff',
899
- // text: ' C020',
900
- // toggleText: false,
901
- // strokeStyle: '#646464',
902
- // alpha: 1,
903
- // hidden: false,
904
- // lineWidth: 0,
905
- // lineDash: 'solid',
906
- // lineCap: 'butt',
907
- // mappings: [
908
- // {
909
- // rule: 'map',
910
- // accessor: 'STATUS',
911
- // target: '(self)',
912
- // property: 'fillStyle',
913
- // paramType: 'mcsMachineLegend',
914
- // param: {
915
- // '1000': '#000000',
916
- // '1001': '#00FE00',
917
- // '1002': '#ff2800',
918
- // '1003': '#AE42FE',
919
- // '1004': '#fff',
920
- // '1005': '#ff2800',
921
- // '1006': '#FAFF19',
922
- // '1007': '#FACD18',
923
- // '1008': '#0041ff',
924
- // default: '#d6d6d6'
925
- // }
926
- // },
927
- // {
928
- // rule: 'value',
929
- // target: '(self)',
930
- // property: 'value'
931
- // }
932
- // ],
933
- // rotation: 0,
934
- // fontSize: 11,
935
- // id: 'Process_' + paddedNumber,
936
- // textBaseline: 'top',
937
- // paddingTop: 2,
938
- // fontFamily: 'Arial'
939
- // }
940
- // ],
941
- // {}
942
- // )
943
- // break
944
- // case 4:
945
- // this.scene.add(
946
- // [
947
- // {
948
- // type: 'rect',
949
- // realType: 'CONVEYOR',
950
- // convType: 'middle',
951
- // id: 'Conveyor_' + paddedNumber,
952
- // left: i * 22,
953
- // top: j * 22,
954
- // width: 20,
955
- // height: 20,
956
- // fillStyle: {
957
- // fitPattern: false,
958
- // height: null,
959
- // image: 'http://skbamcs2.skbattery.com:7693/images/86e5e78c-8186-49ad-8846-63c89598d778.png',
960
- // offsetX: 0,
961
- // offsetY: 0,
962
- // type: 'pattern',
963
- // width: null,
964
- // defaultBg: '#636363',
965
- // pathType: 't',
966
- // imageLoaded: {}
967
- // },
968
- // text: '',
969
- // strokeStyle: '#000',
970
- // alpha: 1,
971
- // hidden: false,
972
- // lineWidth: 0,
973
- // lineDash: 'solid',
974
- // lineCap: 'butt',
975
- // mappings: [
976
- // {
977
- // rule: 'map',
978
- // accessor: 'STATUS',
979
- // target: '(self)',
980
- // property: 'fillStyle',
981
- // paramType: 'mcsMachineLegendDefault',
982
- // param: {
983
- // '1000': '#000000',
984
- // '1002': '#ff2800',
985
- // '1003': '#AE42FE',
986
- // '1004': '#fff',
987
- // '1005': '#ff2800',
988
- // '1006': '#FAFF19',
989
- // '1007': '#FACD18',
990
- // '1008': '#0041ff',
991
- // default: '#636363'
992
- // }
993
- // }
994
- // ],
995
- // rotation: 1.5707963267948966,
996
- // toggleText: false,
997
- // fontSize: 16
998
- // }
999
- // ],
1000
- // {}
1001
- // )
1002
- // break;
1003
- // }
1004
- }
1005
- }
1006
532
  }
1007
533
  EditToolbar.styles = [style];
1008
534
  __decorate([