Merge branch 'master' of https://git.code.tencent.com/jl-framework/rt-graphic-component
This commit is contained in:
fan
commit
f45fba3005
|
|
@ -0,0 +1,12 @@
|
|||
import { Graphics } from 'pixi.js';
|
||||
/**
|
||||
*
|
||||
* @param polygon
|
||||
* @param x 箭头顶点x坐标
|
||||
* @param y 箭头顶点y坐标
|
||||
* @param length 箭头长度
|
||||
* @param radius 箭头三角半径
|
||||
* @param lineWidth 箭头线宽
|
||||
* @param mirror 是否镜像翻转 (基于箭头顶点)
|
||||
*/
|
||||
export declare function drawArrow(polygon: Graphics, x: number, y: number, length: number, radius: number, lineWidth: number, mirror: boolean): void;
|
||||
|
|
@ -36,6 +36,12 @@ export interface KilometerSystem {
|
|||
get direction(): Direction;
|
||||
set direction(v: Direction);
|
||||
}
|
||||
export interface KilometerSystemNoDir {
|
||||
get coordinateSystem(): string;
|
||||
set coordinateSystem(v: string);
|
||||
get kilometer(): number;
|
||||
set kilometer(v: number);
|
||||
}
|
||||
export interface IRelatedRef {
|
||||
deviceType: DeviceType;
|
||||
id: number;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import { GraphicState } from 'jl-graphic';
|
||||
import { JlPlatform, DoorCodeLozenge } from './common/JlPlatform';
|
||||
import { JlPlatform, DoorGraphic, LozengeGraphic, CodeGraphic } from './common/JlPlatform';
|
||||
export interface ITHPlatformState extends GraphicState {
|
||||
get emergstop(): boolean;
|
||||
set emergstop(v: boolean);
|
||||
|
|
@ -37,7 +37,9 @@ export interface ITHPlatformState extends GraphicState {
|
|||
set rtuId(v: number);
|
||||
}
|
||||
export declare class THPlatform extends JlPlatform {
|
||||
doorCodeLozenge: DoorCodeLozenge;
|
||||
doorGraphic: DoorGraphic;
|
||||
codeGraphic: CodeGraphic;
|
||||
lozengeGraphic: LozengeGraphic;
|
||||
constructor();
|
||||
get states(): ITHPlatformState;
|
||||
doRepaint(): void;
|
||||
|
|
|
|||
|
|
@ -1,13 +1,19 @@
|
|||
import { THConsts } from './common/PlatformConfig.js';
|
||||
import { JlPlatform, DoorCodeLozenge } from './common/JlPlatform.js';
|
||||
import { JlPlatform, DoorGraphic, CodeGraphic, LozengeGraphic } from './common/JlPlatform.js';
|
||||
import { THStation } from '../Station/THStation.js';
|
||||
|
||||
class THPlatform extends JlPlatform {
|
||||
doorCodeLozenge;
|
||||
doorGraphic;
|
||||
codeGraphic;
|
||||
lozengeGraphic;
|
||||
constructor() {
|
||||
super(THConsts);
|
||||
this.doorCodeLozenge = new DoorCodeLozenge(THConsts);
|
||||
this.addChild(this.doorCodeLozenge);
|
||||
this.doorGraphic = new DoorGraphic(THConsts);
|
||||
this.addChild(this.doorGraphic);
|
||||
this.codeGraphic = new CodeGraphic(THConsts);
|
||||
this.addChild(this.codeGraphic);
|
||||
this.lozengeGraphic = new LozengeGraphic(THConsts);
|
||||
this.addChild(this.lozengeGraphic);
|
||||
}
|
||||
get states() {
|
||||
return this.getStates();
|
||||
|
|
@ -23,7 +29,7 @@ class THPlatform extends JlPlatform {
|
|||
const station = this.getGraphicApp().queryStore.queryByCodeAndType(this.states.rtuId > 9
|
||||
? '' + this.states.rtuId
|
||||
: '0' + this.states.rtuId, THStation.Type);
|
||||
const doorGraphic = this.doorCodeLozenge.doorGraphic;
|
||||
const doorGraphic = this.doorGraphic;
|
||||
doorGraphic.stateFillColor = THConsts.doorGraphic.doorGreen;
|
||||
if (!!station?.states.ipRtuStusDown) {
|
||||
doorGraphic.stateFillColor = THConsts.doorGraphic.doorBlue;
|
||||
|
|
@ -32,7 +38,14 @@ class THPlatform extends JlPlatform {
|
|||
doorGraphic.stateFillColor = THConsts.doorGraphic.doorRed;
|
||||
}
|
||||
super.draw();
|
||||
this.doorCodeLozenge.draw(this.datas.hasdoor, this.datas.direction);
|
||||
this.doorGraphic.draw();
|
||||
this.codeGraphic.draw();
|
||||
this.lozengeGraphic.draw();
|
||||
if (this.datas.direction == 'down') {
|
||||
this.doorGraphic.changePosition(this.position);
|
||||
this.codeGraphic.changePosition(this.position);
|
||||
this.lozengeGraphic.changePosition(this.position);
|
||||
}
|
||||
//门的状态
|
||||
if (this.datas.hasdoor) {
|
||||
if (this.states.psdOpen) {
|
||||
|
|
@ -43,13 +56,13 @@ class THPlatform extends JlPlatform {
|
|||
}
|
||||
}
|
||||
if (this.states.emergstop) {
|
||||
this.doorCodeLozenge.lozengeGraphic.lozenge.visible = true;
|
||||
this.lozengeGraphic.lozenge.visible = true;
|
||||
}
|
||||
else {
|
||||
this.doorCodeLozenge.lozengeGraphic.lozenge.visible = false;
|
||||
this.lozengeGraphic.lozenge.visible = false;
|
||||
}
|
||||
//扣车
|
||||
const codeGraphic = this.doorCodeLozenge.codeGraphic;
|
||||
const codeGraphic = this.codeGraphic;
|
||||
if (this.states.upHold ||
|
||||
this.states.upOccHold ||
|
||||
this.states.downHold ||
|
||||
|
|
|
|||
|
|
@ -1,35 +1,42 @@
|
|||
import { JlGraphic, VectorText } from 'jl-graphic';
|
||||
import { Container, Graphics } from 'pixi.js';
|
||||
import { Container, Graphics, IPointData } from 'pixi.js';
|
||||
import { IPlatformData, PlatformConstsConfig } from './PlatformConfig';
|
||||
declare class RectGraphic extends Container {
|
||||
platformConsts: PlatformConstsConfig;
|
||||
rect: Graphics;
|
||||
stateFillColor?: string;
|
||||
constructor();
|
||||
draw(platformConsts: PlatformConstsConfig): void;
|
||||
constructor(platformConsts: PlatformConstsConfig);
|
||||
draw(): void;
|
||||
clear(): void;
|
||||
}
|
||||
declare class DoorGraphic extends Container {
|
||||
export declare class DoorGraphic extends Container {
|
||||
platformConsts: PlatformConstsConfig;
|
||||
doorGraphic: Graphics;
|
||||
doorCloseGraphic: Graphics;
|
||||
stateFillColor?: string;
|
||||
constructor();
|
||||
draw(platformConsts: PlatformConstsConfig): void;
|
||||
constructor(platformConsts: PlatformConstsConfig);
|
||||
draw(): void;
|
||||
changePosition(platformPos: IPointData): void;
|
||||
clear(): void;
|
||||
}
|
||||
declare class CodeGraphic extends Container {
|
||||
export declare class CodeGraphic extends Container {
|
||||
platformConsts: PlatformConstsConfig;
|
||||
character: VectorText;
|
||||
runLevel: VectorText;
|
||||
runTime: VectorText;
|
||||
stopTime: VectorText;
|
||||
circle: Graphics;
|
||||
constructor(platformConsts: PlatformConstsConfig);
|
||||
draw(platformConsts: PlatformConstsConfig): void;
|
||||
draw(): void;
|
||||
changePosition(platformPos: IPointData): void;
|
||||
clear(): void;
|
||||
}
|
||||
declare class LozengeGraphic extends Container {
|
||||
export declare class LozengeGraphic extends Container {
|
||||
platformConsts: PlatformConstsConfig;
|
||||
lozenge: Graphics;
|
||||
constructor();
|
||||
draw(platformConsts: PlatformConstsConfig): void;
|
||||
constructor(platformConsts: PlatformConstsConfig);
|
||||
draw(): void;
|
||||
changePosition(platformPos: IPointData): void;
|
||||
clear(): void;
|
||||
}
|
||||
export declare class DoorCodeLozenge extends Container {
|
||||
|
|
@ -38,7 +45,7 @@ export declare class DoorCodeLozenge extends Container {
|
|||
lozengeGraphic: LozengeGraphic;
|
||||
codeGraphic: CodeGraphic;
|
||||
constructor(platformConsts: PlatformConstsConfig);
|
||||
draw(hasDoor: boolean, direction: string): void;
|
||||
draw(hasDoor: boolean, direction: string, platformPos: IPointData): void;
|
||||
}
|
||||
export declare abstract class JlPlatform extends JlGraphic {
|
||||
static Type: string;
|
||||
|
|
|
|||
|
|
@ -1,18 +1,21 @@
|
|||
import { calculateMirrorPoint, JlGraphic, distance2, getRectangleCenter, VectorText } from 'jl-graphic';
|
||||
import { Container, Point, Graphics, Color, Rectangle } from 'pixi.js';
|
||||
import { calculateMirrorPoint, VectorText, getRectangleCenter, JlGraphic, distance2 } from 'jl-graphic';
|
||||
import { Container, Graphics, Color, Point, Rectangle } from 'pixi.js';
|
||||
import { JlSection } from '../../Section/common/Section.js';
|
||||
import { JlStation } from '../../Station/common/JlStation.js';
|
||||
|
||||
//子元素--矩形
|
||||
class RectGraphic extends Container {
|
||||
platformConsts;
|
||||
rect;
|
||||
stateFillColor;
|
||||
constructor() {
|
||||
constructor(platformConsts) {
|
||||
super();
|
||||
this.platformConsts = platformConsts;
|
||||
this.rect = new Graphics();
|
||||
this.addChild(this.rect);
|
||||
}
|
||||
draw(platformConsts) {
|
||||
draw() {
|
||||
const platformConsts = this.platformConsts;
|
||||
const rect = this.rect;
|
||||
const fillColor = this.stateFillColor || platformConsts.noTrainStop;
|
||||
rect
|
||||
|
|
@ -28,17 +31,20 @@ class RectGraphic extends Container {
|
|||
}
|
||||
//子元素--门
|
||||
class DoorGraphic extends Container {
|
||||
platformConsts;
|
||||
doorGraphic;
|
||||
doorCloseGraphic;
|
||||
stateFillColor;
|
||||
constructor() {
|
||||
constructor(platformConsts) {
|
||||
super();
|
||||
this.platformConsts = platformConsts;
|
||||
this.doorGraphic = new Graphics();
|
||||
this.doorCloseGraphic = new Graphics();
|
||||
this.addChild(this.doorGraphic);
|
||||
this.addChild(this.doorCloseGraphic);
|
||||
}
|
||||
draw(platformConsts) {
|
||||
draw() {
|
||||
const platformConsts = this.platformConsts;
|
||||
const doorConsts = platformConsts.doorGraphic;
|
||||
const doorGraphic = this.doorGraphic;
|
||||
const doorCloseGraphic = this.doorCloseGraphic;
|
||||
|
|
@ -56,6 +62,10 @@ class DoorGraphic extends Container {
|
|||
.lineStyle(platformConsts.lineWidth, new Color(lineColor))
|
||||
.moveTo(-doorConsts.doorOpenSpacing, 0)
|
||||
.lineTo(doorConsts.doorOpenSpacing, 0);
|
||||
this.position.set(0, -platformConsts.height / 2 - doorConsts.doorPlatformSpacing);
|
||||
}
|
||||
changePosition(platformPos) {
|
||||
this.position.copyFrom(calculateMirrorPoint(new Point(0, 0), platformPos));
|
||||
}
|
||||
clear() {
|
||||
this.doorGraphic.clear();
|
||||
|
|
@ -64,6 +74,7 @@ class DoorGraphic extends Container {
|
|||
}
|
||||
//子元素--字符
|
||||
class CodeGraphic extends Container {
|
||||
platformConsts;
|
||||
character = new VectorText(''); //扣车H
|
||||
runLevel = new VectorText(''); //运行等级
|
||||
runTime = new VectorText(''); //运行时间
|
||||
|
|
@ -71,6 +82,7 @@ class CodeGraphic extends Container {
|
|||
circle = new Graphics();
|
||||
constructor(platformConsts) {
|
||||
super();
|
||||
this.platformConsts = platformConsts;
|
||||
this.addChild(this.character);
|
||||
this.addChild(this.runLevel);
|
||||
this.addChild(this.circle);
|
||||
|
|
@ -82,8 +94,9 @@ class CodeGraphic extends Container {
|
|||
this.stopTime.setVectorFontSize(codeConsts.besideFontSize);
|
||||
this.runTime.setVectorFontSize(codeConsts.besideFontSize);
|
||||
}
|
||||
draw(platformConsts) {
|
||||
const codeConsts = platformConsts.codeGraphic;
|
||||
draw() {
|
||||
const platformConsts = this.platformConsts;
|
||||
const codeConsts = this.platformConsts.codeGraphic;
|
||||
//扣车
|
||||
const character = this.character;
|
||||
character.text = 'H';
|
||||
|
|
@ -126,6 +139,25 @@ class CodeGraphic extends Container {
|
|||
runLevel.visible = false;
|
||||
stopTime.visible = false;
|
||||
runTime.visible = false;
|
||||
this.position.set(0, 0);
|
||||
}
|
||||
changePosition(platformPos) {
|
||||
const platformConsts = this.platformConsts;
|
||||
const codeConsts = platformConsts.codeGraphic;
|
||||
const psChange = [
|
||||
this.character,
|
||||
this.runLevel,
|
||||
this.stopTime,
|
||||
this.runTime,
|
||||
];
|
||||
psChange.forEach((g) => {
|
||||
if (g) {
|
||||
g.position.copyFrom(calculateMirrorPoint(new Point(0, 0), platformPos));
|
||||
}
|
||||
});
|
||||
this.circle.position.set(platformConsts.width / 2 +
|
||||
platformConsts.lineWidth / 2 +
|
||||
(codeConsts.besideSpacing * 4) / 3, (-platformConsts.height * 10) / 11);
|
||||
}
|
||||
clear() {
|
||||
this.character.destroy();
|
||||
|
|
@ -133,13 +165,16 @@ class CodeGraphic extends Container {
|
|||
}
|
||||
//子元素--站台旁菱形图标
|
||||
class LozengeGraphic extends Container {
|
||||
platformConsts;
|
||||
lozenge;
|
||||
constructor() {
|
||||
constructor(platformConsts) {
|
||||
super();
|
||||
this.platformConsts = platformConsts;
|
||||
this.lozenge = new Graphics();
|
||||
this.addChild(this.lozenge);
|
||||
}
|
||||
draw(platformConsts) {
|
||||
draw() {
|
||||
const platformConsts = this.platformConsts;
|
||||
const LozengeConsts = platformConsts.lozengeGraphic;
|
||||
const lozenge = this.lozenge;
|
||||
lozenge
|
||||
|
|
@ -152,6 +187,12 @@ class LozengeGraphic extends Container {
|
|||
lozenge.pivot = getRectangleCenter(rect);
|
||||
lozenge.rotation = Math.PI / 4;
|
||||
lozenge.visible = false;
|
||||
this.position.set(0, -platformConsts.height / 2 -
|
||||
LozengeConsts.doorPlatformSpacing -
|
||||
platformConsts.height / 3);
|
||||
}
|
||||
changePosition(platformPos) {
|
||||
this.position.copyFrom(calculateMirrorPoint(new Point(0, 0), platformPos));
|
||||
}
|
||||
clear() {
|
||||
this.lozenge.clear();
|
||||
|
|
@ -165,46 +206,24 @@ class DoorCodeLozenge extends Container {
|
|||
constructor(platformConsts) {
|
||||
super();
|
||||
this.platformConsts = platformConsts;
|
||||
this.doorGraphic = new DoorGraphic();
|
||||
this.doorGraphic = new DoorGraphic(this.platformConsts);
|
||||
this.addChild(this.doorGraphic);
|
||||
this.lozengeGraphic = new LozengeGraphic();
|
||||
this.lozengeGraphic = new LozengeGraphic(this.platformConsts);
|
||||
this.addChild(this.lozengeGraphic);
|
||||
this.codeGraphic = new CodeGraphic(this.platformConsts);
|
||||
this.addChild(this.codeGraphic);
|
||||
}
|
||||
draw(hasDoor, direction) {
|
||||
const platformConsts = this.platformConsts;
|
||||
draw(hasDoor, direction, platformPos) {
|
||||
this.doorGraphic.clear();
|
||||
if (hasDoor) {
|
||||
const doorConsts = platformConsts.doorGraphic;
|
||||
this.doorGraphic.draw(platformConsts);
|
||||
this.doorGraphic.position.set(0, -platformConsts.height / 2 - doorConsts.doorPlatformSpacing);
|
||||
this.doorGraphic.draw();
|
||||
}
|
||||
const codeConsts = platformConsts.codeGraphic;
|
||||
this.codeGraphic.draw(platformConsts);
|
||||
this.codeGraphic.position.set(0, 0);
|
||||
const LozengeConsts = platformConsts.lozengeGraphic;
|
||||
this.lozengeGraphic.draw(platformConsts);
|
||||
this.lozengeGraphic.position.set(0, -platformConsts.height / 2 -
|
||||
LozengeConsts.doorPlatformSpacing -
|
||||
platformConsts.height / 3);
|
||||
this.codeGraphic.draw();
|
||||
this.lozengeGraphic.draw();
|
||||
if (direction == 'down') {
|
||||
this.doorGraphic.position.copyFrom(calculateMirrorPoint(new Point(0, 0), this.doorGraphic.position));
|
||||
this.lozengeGraphic.position.copyFrom(calculateMirrorPoint(new Point(0, 0), this.lozengeGraphic.position));
|
||||
const psChange = [
|
||||
this.codeGraphic.character,
|
||||
this.codeGraphic.runLevel,
|
||||
this.codeGraphic.stopTime,
|
||||
this.codeGraphic.runTime,
|
||||
];
|
||||
psChange.forEach((g) => {
|
||||
if (g) {
|
||||
g.position.copyFrom(calculateMirrorPoint(new Point(0, 0), g.position));
|
||||
}
|
||||
});
|
||||
this.codeGraphic.circle.position.set(platformConsts.width / 2 +
|
||||
platformConsts.lineWidth / 2 +
|
||||
(codeConsts.besideSpacing * 4) / 3, (-platformConsts.height * 10) / 11);
|
||||
this.doorGraphic.changePosition(platformPos);
|
||||
this.codeGraphic.changePosition(platformPos);
|
||||
this.lozengeGraphic.changePosition(platformPos);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -215,7 +234,7 @@ class JlPlatform extends JlGraphic {
|
|||
constructor(platformConsts) {
|
||||
super(JlPlatform.Type);
|
||||
this.platformConsts = platformConsts;
|
||||
this.rectGraphic = new RectGraphic();
|
||||
this.rectGraphic = new RectGraphic(this.platformConsts);
|
||||
this.addChild(this.rectGraphic);
|
||||
}
|
||||
get datas() {
|
||||
|
|
@ -225,7 +244,7 @@ class JlPlatform extends JlGraphic {
|
|||
return this.datas.code;
|
||||
}
|
||||
draw() {
|
||||
this.rectGraphic.draw(this.platformConsts);
|
||||
this.rectGraphic.draw();
|
||||
}
|
||||
buildCommonRelation() {
|
||||
const stationas = this.queryStore.queryByType(JlStation.Type);
|
||||
|
|
@ -279,4 +298,4 @@ class JlPlatform extends JlGraphic {
|
|||
}
|
||||
}
|
||||
|
||||
export { DoorCodeLozenge, JlPlatform };
|
||||
export { CodeGraphic, DoorCodeLozenge, DoorGraphic, JlPlatform, LozengeGraphic };
|
||||
|
|
|
|||
|
|
@ -1,6 +1,11 @@
|
|||
import { GraphicState } from 'jl-graphic';
|
||||
import { THConsts } from './common/PlatformConfig';
|
||||
import { JlPlatform, DoorCodeLozenge } from './common/JlPlatform';
|
||||
import {
|
||||
JlPlatform,
|
||||
DoorGraphic,
|
||||
LozengeGraphic,
|
||||
CodeGraphic,
|
||||
} from './common/JlPlatform';
|
||||
import { THStation } from '../Station/THStation';
|
||||
|
||||
export interface ITHPlatformState extends GraphicState {
|
||||
|
|
@ -41,11 +46,17 @@ export interface ITHPlatformState extends GraphicState {
|
|||
}
|
||||
|
||||
export class THPlatform extends JlPlatform {
|
||||
doorCodeLozenge: DoorCodeLozenge;
|
||||
doorGraphic: DoorGraphic;
|
||||
codeGraphic: CodeGraphic;
|
||||
lozengeGraphic: LozengeGraphic;
|
||||
constructor() {
|
||||
super(THConsts);
|
||||
this.doorCodeLozenge = new DoorCodeLozenge(THConsts);
|
||||
this.addChild(this.doorCodeLozenge);
|
||||
this.doorGraphic = new DoorGraphic(THConsts);
|
||||
this.addChild(this.doorGraphic);
|
||||
this.codeGraphic = new CodeGraphic(THConsts);
|
||||
this.addChild(this.codeGraphic);
|
||||
this.lozengeGraphic = new LozengeGraphic(THConsts);
|
||||
this.addChild(this.lozengeGraphic);
|
||||
}
|
||||
get states(): ITHPlatformState {
|
||||
return this.getStates<ITHPlatformState>();
|
||||
|
|
@ -65,7 +76,7 @@ export class THPlatform extends JlPlatform {
|
|||
: '0' + this.states.rtuId,
|
||||
THStation.Type,
|
||||
);
|
||||
const doorGraphic = this.doorCodeLozenge.doorGraphic;
|
||||
const doorGraphic = this.doorGraphic;
|
||||
doorGraphic.stateFillColor = THConsts.doorGraphic.doorGreen;
|
||||
if (!!station?.states.ipRtuStusDown) {
|
||||
doorGraphic.stateFillColor = THConsts.doorGraphic.doorBlue;
|
||||
|
|
@ -73,10 +84,14 @@ export class THPlatform extends JlPlatform {
|
|||
doorGraphic.stateFillColor = THConsts.doorGraphic.doorRed;
|
||||
}
|
||||
super.draw();
|
||||
this.doorCodeLozenge.draw(
|
||||
this.datas.hasdoor as boolean,
|
||||
this.datas.direction as string,
|
||||
);
|
||||
this.doorGraphic.draw();
|
||||
this.codeGraphic.draw();
|
||||
this.lozengeGraphic.draw();
|
||||
if (this.datas.direction == 'down') {
|
||||
this.doorGraphic.changePosition(this.position);
|
||||
this.codeGraphic.changePosition(this.position);
|
||||
this.lozengeGraphic.changePosition(this.position);
|
||||
}
|
||||
//门的状态
|
||||
if (this.datas.hasdoor) {
|
||||
if (this.states.psdOpen) {
|
||||
|
|
@ -86,12 +101,12 @@ export class THPlatform extends JlPlatform {
|
|||
}
|
||||
}
|
||||
if (this.states.emergstop) {
|
||||
this.doorCodeLozenge.lozengeGraphic.lozenge.visible = true;
|
||||
this.lozengeGraphic.lozenge.visible = true;
|
||||
} else {
|
||||
this.doorCodeLozenge.lozengeGraphic.lozenge.visible = false;
|
||||
this.lozengeGraphic.lozenge.visible = false;
|
||||
}
|
||||
//扣车
|
||||
const codeGraphic = this.doorCodeLozenge.codeGraphic;
|
||||
const codeGraphic = this.codeGraphic;
|
||||
if (
|
||||
this.states.upHold ||
|
||||
this.states.upOccHold ||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,14 @@ import {
|
|||
distance2,
|
||||
getRectangleCenter,
|
||||
} from 'jl-graphic';
|
||||
import { Container, Graphics, Rectangle, Color, Point } from 'pixi.js';
|
||||
import {
|
||||
Container,
|
||||
Graphics,
|
||||
Rectangle,
|
||||
Color,
|
||||
Point,
|
||||
IPointData,
|
||||
} from 'pixi.js';
|
||||
import {
|
||||
CodeConstsConfig,
|
||||
DoorConstsConfig,
|
||||
|
|
@ -18,14 +25,17 @@ import { JlStation } from '../../Station/common/JlStation';
|
|||
|
||||
//子元素--矩形
|
||||
class RectGraphic extends Container {
|
||||
platformConsts: PlatformConstsConfig;
|
||||
rect: Graphics;
|
||||
stateFillColor?: string;
|
||||
constructor() {
|
||||
constructor(platformConsts: PlatformConstsConfig) {
|
||||
super();
|
||||
this.platformConsts = platformConsts;
|
||||
this.rect = new Graphics();
|
||||
this.addChild(this.rect);
|
||||
}
|
||||
draw(platformConsts: PlatformConstsConfig): void {
|
||||
draw(): void {
|
||||
const platformConsts = this.platformConsts;
|
||||
const rect = this.rect;
|
||||
const fillColor = this.stateFillColor || platformConsts.noTrainStop;
|
||||
rect
|
||||
|
|
@ -42,18 +52,21 @@ class RectGraphic extends Container {
|
|||
}
|
||||
}
|
||||
//子元素--门
|
||||
class DoorGraphic extends Container {
|
||||
export class DoorGraphic extends Container {
|
||||
platformConsts: PlatformConstsConfig;
|
||||
doorGraphic: Graphics;
|
||||
doorCloseGraphic: Graphics;
|
||||
stateFillColor?: string;
|
||||
constructor() {
|
||||
constructor(platformConsts: PlatformConstsConfig) {
|
||||
super();
|
||||
this.platformConsts = platformConsts;
|
||||
this.doorGraphic = new Graphics();
|
||||
this.doorCloseGraphic = new Graphics();
|
||||
this.addChild(this.doorGraphic);
|
||||
this.addChild(this.doorCloseGraphic);
|
||||
}
|
||||
draw(platformConsts: PlatformConstsConfig): void {
|
||||
draw(): void {
|
||||
const platformConsts = this.platformConsts;
|
||||
const doorConsts = platformConsts.doorGraphic as DoorConstsConfig;
|
||||
const doorGraphic = this.doorGraphic;
|
||||
const doorCloseGraphic = this.doorCloseGraphic;
|
||||
|
|
@ -71,6 +84,13 @@ class DoorGraphic extends Container {
|
|||
.lineStyle(platformConsts.lineWidth, new Color(lineColor))
|
||||
.moveTo(-doorConsts.doorOpenSpacing, 0)
|
||||
.lineTo(doorConsts.doorOpenSpacing, 0);
|
||||
this.position.set(
|
||||
0,
|
||||
-platformConsts.height / 2 - doorConsts.doorPlatformSpacing,
|
||||
);
|
||||
}
|
||||
changePosition(platformPos: IPointData) {
|
||||
this.position.copyFrom(calculateMirrorPoint(new Point(0, 0), platformPos));
|
||||
}
|
||||
clear(): void {
|
||||
this.doorGraphic.clear();
|
||||
|
|
@ -78,7 +98,8 @@ class DoorGraphic extends Container {
|
|||
}
|
||||
}
|
||||
//子元素--字符
|
||||
class CodeGraphic extends Container {
|
||||
export class CodeGraphic extends Container {
|
||||
platformConsts: PlatformConstsConfig;
|
||||
character: VectorText = new VectorText(''); //扣车H
|
||||
runLevel: VectorText = new VectorText(''); //运行等级
|
||||
runTime: VectorText = new VectorText(''); //运行时间
|
||||
|
|
@ -86,6 +107,7 @@ class CodeGraphic extends Container {
|
|||
circle: Graphics = new Graphics();
|
||||
constructor(platformConsts: PlatformConstsConfig) {
|
||||
super();
|
||||
this.platformConsts = platformConsts;
|
||||
this.addChild(this.character);
|
||||
this.addChild(this.runLevel);
|
||||
this.addChild(this.circle);
|
||||
|
|
@ -97,8 +119,9 @@ class CodeGraphic extends Container {
|
|||
this.stopTime.setVectorFontSize(codeConsts.besideFontSize);
|
||||
this.runTime.setVectorFontSize(codeConsts.besideFontSize);
|
||||
}
|
||||
draw(platformConsts: PlatformConstsConfig): void {
|
||||
const codeConsts = platformConsts.codeGraphic as CodeConstsConfig;
|
||||
draw(): void {
|
||||
const platformConsts = this.platformConsts;
|
||||
const codeConsts = this.platformConsts.codeGraphic as CodeConstsConfig;
|
||||
//扣车
|
||||
const character = this.character;
|
||||
character.text = 'H';
|
||||
|
|
@ -156,20 +179,45 @@ class CodeGraphic extends Container {
|
|||
runLevel.visible = false;
|
||||
stopTime.visible = false;
|
||||
runTime.visible = false;
|
||||
this.position.set(0, 0);
|
||||
}
|
||||
changePosition(platformPos: IPointData) {
|
||||
const platformConsts = this.platformConsts;
|
||||
const codeConsts = platformConsts.codeGraphic as CodeConstsConfig;
|
||||
const psChange = [
|
||||
this.character,
|
||||
this.runLevel,
|
||||
this.stopTime,
|
||||
this.runTime,
|
||||
];
|
||||
psChange.forEach((g) => {
|
||||
if (g) {
|
||||
g.position.copyFrom(calculateMirrorPoint(new Point(0, 0), platformPos));
|
||||
}
|
||||
});
|
||||
this.circle.position.set(
|
||||
platformConsts.width / 2 +
|
||||
platformConsts.lineWidth / 2 +
|
||||
(codeConsts.besideSpacing * 4) / 3,
|
||||
(-platformConsts.height * 10) / 11,
|
||||
);
|
||||
}
|
||||
clear(): void {
|
||||
this.character.destroy();
|
||||
}
|
||||
}
|
||||
//子元素--站台旁菱形图标
|
||||
class LozengeGraphic extends Container {
|
||||
export class LozengeGraphic extends Container {
|
||||
platformConsts: PlatformConstsConfig;
|
||||
lozenge: Graphics;
|
||||
constructor() {
|
||||
constructor(platformConsts: PlatformConstsConfig) {
|
||||
super();
|
||||
this.platformConsts = platformConsts;
|
||||
this.lozenge = new Graphics();
|
||||
this.addChild(this.lozenge);
|
||||
}
|
||||
draw(platformConsts: PlatformConstsConfig): void {
|
||||
draw(): void {
|
||||
const platformConsts = this.platformConsts;
|
||||
const LozengeConsts = platformConsts.lozengeGraphic as LozengeConstsConfig;
|
||||
const lozenge = this.lozenge;
|
||||
lozenge
|
||||
|
|
@ -187,6 +235,15 @@ class LozengeGraphic extends Container {
|
|||
lozenge.pivot = getRectangleCenter(rect);
|
||||
lozenge.rotation = Math.PI / 4;
|
||||
lozenge.visible = false;
|
||||
this.position.set(
|
||||
0,
|
||||
-platformConsts.height / 2 -
|
||||
LozengeConsts.doorPlatformSpacing -
|
||||
platformConsts.height / 3,
|
||||
);
|
||||
}
|
||||
changePosition(platformPos: IPointData) {
|
||||
this.position.copyFrom(calculateMirrorPoint(new Point(0, 0), platformPos));
|
||||
}
|
||||
clear(): void {
|
||||
this.lozenge.clear();
|
||||
|
|
@ -201,61 +258,24 @@ export class DoorCodeLozenge extends Container {
|
|||
constructor(platformConsts: PlatformConstsConfig) {
|
||||
super();
|
||||
this.platformConsts = platformConsts;
|
||||
this.doorGraphic = new DoorGraphic();
|
||||
this.doorGraphic = new DoorGraphic(this.platformConsts);
|
||||
this.addChild(this.doorGraphic);
|
||||
this.lozengeGraphic = new LozengeGraphic();
|
||||
this.lozengeGraphic = new LozengeGraphic(this.platformConsts);
|
||||
this.addChild(this.lozengeGraphic);
|
||||
this.codeGraphic = new CodeGraphic(this.platformConsts);
|
||||
this.addChild(this.codeGraphic);
|
||||
}
|
||||
draw(hasDoor: boolean, direction: string) {
|
||||
const platformConsts = this.platformConsts;
|
||||
draw(hasDoor: boolean, direction: string, platformPos: IPointData) {
|
||||
this.doorGraphic.clear();
|
||||
if (hasDoor) {
|
||||
const doorConsts = platformConsts.doorGraphic as DoorConstsConfig;
|
||||
this.doorGraphic.draw(platformConsts);
|
||||
this.doorGraphic.position.set(
|
||||
0,
|
||||
-platformConsts.height / 2 - doorConsts.doorPlatformSpacing,
|
||||
);
|
||||
this.doorGraphic.draw();
|
||||
}
|
||||
const codeConsts = platformConsts.codeGraphic as CodeConstsConfig;
|
||||
this.codeGraphic.draw(platformConsts);
|
||||
this.codeGraphic.position.set(0, 0);
|
||||
const LozengeConsts = platformConsts.lozengeGraphic as LozengeConstsConfig;
|
||||
this.lozengeGraphic.draw(platformConsts);
|
||||
this.lozengeGraphic.position.set(
|
||||
0,
|
||||
-platformConsts.height / 2 -
|
||||
LozengeConsts.doorPlatformSpacing -
|
||||
platformConsts.height / 3,
|
||||
);
|
||||
this.codeGraphic.draw();
|
||||
this.lozengeGraphic.draw();
|
||||
if (direction == 'down') {
|
||||
this.doorGraphic.position.copyFrom(
|
||||
calculateMirrorPoint(new Point(0, 0), this.doorGraphic.position),
|
||||
);
|
||||
this.lozengeGraphic.position.copyFrom(
|
||||
calculateMirrorPoint(new Point(0, 0), this.lozengeGraphic.position),
|
||||
);
|
||||
const psChange = [
|
||||
this.codeGraphic.character,
|
||||
this.codeGraphic.runLevel,
|
||||
this.codeGraphic.stopTime,
|
||||
this.codeGraphic.runTime,
|
||||
];
|
||||
psChange.forEach((g) => {
|
||||
if (g) {
|
||||
g.position.copyFrom(
|
||||
calculateMirrorPoint(new Point(0, 0), g.position),
|
||||
);
|
||||
}
|
||||
});
|
||||
this.codeGraphic.circle.position.set(
|
||||
platformConsts.width / 2 +
|
||||
platformConsts.lineWidth / 2 +
|
||||
(codeConsts.besideSpacing * 4) / 3,
|
||||
(-platformConsts.height * 10) / 11,
|
||||
);
|
||||
this.doorGraphic.changePosition(platformPos);
|
||||
this.codeGraphic.changePosition(platformPos);
|
||||
this.lozengeGraphic.changePosition(platformPos);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -267,7 +287,7 @@ export abstract class JlPlatform extends JlGraphic {
|
|||
constructor(platformConsts: PlatformConstsConfig) {
|
||||
super(JlPlatform.Type);
|
||||
this.platformConsts = platformConsts;
|
||||
this.rectGraphic = new RectGraphic();
|
||||
this.rectGraphic = new RectGraphic(this.platformConsts);
|
||||
this.addChild(this.rectGraphic);
|
||||
}
|
||||
get datas() {
|
||||
|
|
@ -277,7 +297,7 @@ export abstract class JlPlatform extends JlGraphic {
|
|||
return this.datas.code;
|
||||
}
|
||||
draw(): void {
|
||||
this.rectGraphic.draw(this.platformConsts);
|
||||
this.rectGraphic.draw();
|
||||
}
|
||||
buildCommonRelation() {
|
||||
const stationas = this.queryStore.queryByType<JlStation>(JlStation.Type);
|
||||
|
|
|
|||
Loading…
Reference in New Issue