列车、分隔符、应答器替换

src/drawApp/commonApp.ts

@@ -1,8 +1,10 @@
-import { TrainTemplate } from 'src/graphics/train/Train';
-import { TrainDraw } from 'src/graphics/train/TrainDrawAssistant';
 import { Signal, SignalTemplate } from 'src/graphics/signal/Signal';
-import { GraphicData, IDrawApp, ContextMenu, MenuItemOptions } from 'jl-graphic';
+import {
-import { TrainState } from './graphics/TrainInteraction';
+  GraphicData,
+  IDrawApp,
+  ContextMenu,
+  MenuItemOptions,
+} from 'jl-graphic';
 import {
   SignalData,
   DrawSignalInteraction,
@@ -57,7 +59,8 @@ import { SectionDraw } from 'src/graphics/section/SectionDrawAssistant';
 import { SectionData, SectionStates } from './graphics/SectionInteraction';
 import { toStorageTransform } from './graphics/GraphicDataBase';
 import { SeparatorDraw } from 'src/graphics/separator/SeparatorDrawAssistant';
-import { Separator, SeparatorTemplate } from 'src/graphics/separator/Separator';
+import { Separator } from 'src/graphics/separator/Separator';
+import { SeparatorTemplate } from 'rt-graphic-component/components/packages/Separator/Separator';
 import { SeparatorData } from './graphics/SeparatorInteraction';
 import { StopPositionDraw } from 'src/graphics/stopPosition/StopPositionDrawAssistant';
 import {
@@ -90,11 +93,9 @@ import {
 import { SpksSwitchDraw } from 'src/graphics/spksSwitch/SpksSwitchDrawAssistant';
 import { GatedBoxDraw } from 'src/graphics/gatedBox/GatedBoxDrawAssistant';
 // import { EsbButtonDraw } from 'src/graphics/esbButton/EsbButtonDrawAssistant';
-import { TransponderDraw } from 'src/graphics/transponder/TransponderDrawAssistant';
+import { Transponder } from 'src/graphics/transponder/Transponder';
-import {
+import { TransponderDraw } from 'rt-graphic-component/components/packages/Transponder/TransponderDrawAssistant';
-  Transponder,
+import { TransponderTemplate } from 'rt-graphic-component/components/packages/Transponder/Transponder';
-  TransponderTemplate,
-} from 'src/graphics/transponder/Transponder';
 import { TransponderData } from './graphics/TransponderInteraction';
 import { SlopeKiloMarkerDrawAssistant } from 'src/graphics/slopeKiloMarker/SlopeKiloMarkerDrawAssistant';
 import {
@@ -167,7 +168,6 @@ export function initCommonDrawApp(app: IDrawApp) {
     new StationTemplate(new StationData(), new StationState())
   );
   // new SignalDraw(app, new SignalTemplate(new SignalData(), new SignalState()));
-  new TrainDraw(app, new TrainTemplate(new TrainState()));
   new SectionDraw(
     app,
     new SectionTemplate(new SectionData(), new SectionStates())

src/drawApp/lineScene.ts

@@ -10,6 +10,7 @@ import {
 } from 'jl-graphic';
 import { TrainState } from './graphics/TrainInteraction';
 import { Train, TrainTemplate } from 'src/graphics/train/Train';
+// import { TrainTemplate } from 'rt-graphic-component/components/packages/Train/Train';
 import { TrainOperateInteraction } from './graphics/TrainInteraction';
 import {
   SignalData,
@@ -81,7 +82,8 @@ import {
   SectionLink,
   SectionLinkTemplate,
 } from 'src/graphics/sectionLink/SectionLink';
-import { Separator, SeparatorTemplate } from 'src/graphics/separator/Separator';
+import { Separator } from 'src/graphics/separator/Separator';
+import { SeparatorTemplate } from 'rt-graphic-component/components/packages/Separator/Separator';
 import { SeparatorData } from './graphics/SeparatorInteraction';
 import {
   SectionLinkData,
@@ -111,10 +113,8 @@ import {
   EsbButtonOperationInteraction,
   EsbButtonState,
 } from './graphics/EsbButtonInteraction';
-import {
+import { Transponder } from 'src/graphics/transponder/Transponder';
-  Transponder,
+import { TransponderTemplate } from 'rt-graphic-component/components/packages/Transponder/Transponder';
-  TransponderTemplate,
-} from 'src/graphics/transponder/Transponder';
 import { TransponderData } from './graphics/TransponderInteraction';
 import {
   SlopeKiloMarker,

src/graphics/separator/Separator.ts

@@ -1,5 +1,5 @@
-import { Color, Graphics } from 'pixi.js';
+import { GraphicData } from 'jl-graphic';
-import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
+import { Separator as BjSeparator } from 'rt-graphic-component/components/packages/Separator/Separator';
 
 export interface ISeparatorData extends GraphicData {
   get code(): string; // 编号
@@ -18,79 +18,4 @@ export enum separatorTypeEnum {
   section = 'section', // 区段分隔符
 }
 
-export const SeparatorConsts = {
+export class Separator extends BjSeparator {}
-  height: 12,
-  lineWidth: 2,
-  lineColor: '0xFFFFFF',
-  circleColor: '0xEF0200',
-  radius: 5,
-};
-
-export class Separator extends JlGraphic {
-  static Type = 'Separator';
-  rectGraphic: Graphics = new Graphics();
-  circleGraphic: Graphics = new Graphics();
-  constructor() {
-    super(Separator.Type);
-    this.addChild(this.rectGraphic);
-    this.addChild(this.circleGraphic);
-  }
-  get datas(): ISeparatorData {
-    return this.getDatas<ISeparatorData>();
-  }
-  clear() {
-    this.rectGraphic.clear();
-    this.circleGraphic.clear();
-  }
-  doRepaint(): void {
-    this.clear();
-    const rectGraphic = this.rectGraphic;
-    if (!this.datas.separatorType) {
-      this.datas.separatorType = separatorTypeEnum.endA;
-    }
-    const typeArr = ['section', 'turnout'];
-    if (typeArr.includes(this.datas.separatorType)) {
-      rectGraphic.lineStyle(
-        SeparatorConsts.lineWidth,
-        new Color(SeparatorConsts.lineColor)
-      );
-      rectGraphic.moveTo(0, -SeparatorConsts.height / 2);
-      rectGraphic.lineTo(0, SeparatorConsts.height / 2);
-      if (this.datas.separatorType == 'turnout') {
-        this.circleGraphic.lineStyle(1, SeparatorConsts.circleColor);
-        this.circleGraphic.drawCircle(0, 0, SeparatorConsts.radius);
-      }
-    }
-    const endTypeArr = ['endA', 'endB'];
-    if (endTypeArr.includes(this.datas.separatorType)) {
-      let d = SeparatorConsts.radius;
-      if (this.datas.separatorType == 'endB') {
-        d = -d;
-      }
-      rectGraphic.lineStyle(
-        SeparatorConsts.lineWidth,
-        new Color(SeparatorConsts.lineColor)
-      );
-      rectGraphic.moveTo(0, 0);
-      rectGraphic.lineTo(-d, 0);
-      rectGraphic.lineTo(-d, -d);
-      rectGraphic.lineTo(-d * 3, -d);
-      rectGraphic.moveTo(-d, 0);
-      rectGraphic.lineTo(-d, d);
-      rectGraphic.lineTo(-d * 3, d);
-    }
-  }
-}
-
-export class SeparatorTemplate extends JlGraphicTemplate<Separator> {
-  constructor(dataTemplate: ISeparatorData) {
-    super(Separator.Type, {
-      dataTemplate,
-    });
-  }
-  new(): Separator {
-    const separator = new Separator();
-    separator.loadData(this.datas);
-    return separator;
-  }
-}

src/graphics/separator/SeparatorDrawAssistant.ts

@@ -1,54 +1,17 @@
-import { FederatedPointerEvent, IHitArea, Point } from 'pixi.js';
+import { Point } from 'pixi.js';
-import {
+import { GraphicIdGenerator, GraphicRelationParam, IDrawApp } from 'jl-graphic';
-  GraphicDrawAssistant,
-  GraphicIdGenerator,
-  GraphicInteractionPlugin,
-  GraphicRelationParam,
-  IDrawApp,
-  JlGraphic,
-  pointBox,
-} from 'jl-graphic';
 import { Section, SectionType } from '../section/Section';
-import {
+import { Separator, separatorTypeEnum } from './Separator';
-  ISeparatorData,
-  Separator,
-  SeparatorTemplate,
-  separatorTypeEnum,
-} from './Separator';
 import { SeparatorData } from 'src/drawApp/graphics/SeparatorInteraction';
 import { Turnout } from '../turnout/Turnout';
+import { SeparatorTemplate } from 'rt-graphic-component/components/packages/Separator/Separator';
+import { SeparatorDraw as BjSeparatorDraw } from 'rt-graphic-component/components/packages/Separator/SeparatorDrawAssistant';
 
-export class SeparatorDraw extends GraphicDrawAssistant<
+export class SeparatorDraw extends BjSeparatorDraw {
-  SeparatorTemplate,
-  ISeparatorData
-> {
-  SeparatorGraph: Separator;
   constructor(app: IDrawApp, template: SeparatorTemplate) {
-    super(app, template, 'sym_o_square', '分隔符Separator');
+    super(app, template);
-    this.SeparatorGraph = this.graphicTemplate.new();
-    this.container.addChild(this.SeparatorGraph);
-    SeparatorInteraction.init(app);
   }
 
-  bind(): void {
-    super.bind();
-    this.SeparatorGraph.loadData(this.graphicTemplate.datas);
-    this.SeparatorGraph.doRepaint();
-  }
-
-  onLeftDown(e: FederatedPointerEvent): void {
-    this.container.position.copyFrom(this.toCanvasCoordinates(e.global));
-    this.createAndStore(true);
-  }
-
-  redraw(p: Point): void {
-    this.container.position.copyFrom(p);
-  }
-
-  prepareData(data: ISeparatorData): boolean {
-    data.transform = this.container.saveTransform();
-    return true;
-  }
   oneGenerates() {
     const SeparatorAll = this.app.queryStore.queryByType<Separator>(
       Separator.Type
@@ -197,45 +160,3 @@ export class SeparatorDraw extends GraphicDrawAssistant<
     this.storeGraphic(separator);
   }
 }
-
-//碰撞检测
-export class SeparatorGraphicHitArea implements IHitArea {
-  separator: Separator;
-  constructor(separator: Separator) {
-    this.separator = separator;
-  }
-  contains(x: number, y: number): boolean {
-    let contains = false;
-    const p = new Point(x, y);
-    const r = this.separator.getLocalBounds();
-    contains = pointBox(p, r);
-    return contains;
-  }
-}
-
-export class SeparatorInteraction extends GraphicInteractionPlugin<Separator> {
-  static Name = 'Separator_transform';
-  constructor(app: IDrawApp) {
-    super(SeparatorInteraction.Name, app);
-  }
-  static init(app: IDrawApp) {
-    return new SeparatorInteraction(app);
-  }
-  filter(...grahpics: JlGraphic[]): Separator[] | undefined {
-    return grahpics
-      .filter((g) => g.type === Separator.Type)
-      .map((g) => g as Separator);
-  }
-  bind(g: Separator): void {
-    g.eventMode = 'static';
-    g.cursor = 'pointer';
-    g.scalable = true;
-    g.rotatable = true;
-    g.rectGraphic.hitArea = new SeparatorGraphicHitArea(g);
-  }
-  unbind(g: Separator): void {
-    g.eventMode = 'none';
-    g.scalable = false;
-    g.rotatable = false;
-  }
-}

src/graphics/train/Train.ts

@@ -1,12 +1,9 @@
-import { Color, Graphics, Container, Point, IPointData } from 'pixi.js';
+import { Point, IPointData } from 'pixi.js';
 import {
   GraphicData,
   GraphicIdGenerator,
   GraphicState,
-  JlGraphic,
   JlGraphicTemplate,
-  VectorText,
-  calculateMirrorPoint,
   distance,
 } from 'jl-graphic';
 import { Turnout } from '../turnout/Turnout';
@@ -14,6 +11,8 @@ import { DevicePort, Section } from '../section/Section';
 import { AxleCounting } from '../axleCounting/AxleCounting';
 import { getKmDistance } from 'src/drawApp/lineScene';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
+import { Train as BjTrain } from 'rt-graphic-component/components/packages/Train/Train';
+import { UpdateTrainConsts } from 'rt-graphic-component/components/packages/Train/TrainConfig';
 
 export interface ITrainData extends GraphicData {
   get code(): string; // 车号
@@ -149,264 +148,9 @@ export interface ITrainState extends GraphicState {
   set vobcInterruption(v: boolean);
 }
 
-interface bodyWH {
+export class Train extends BjTrain {
-  width: number; // 宽
+  constructor(data?: UpdateTrainConsts) {
-  height: number; // 高
+    super(data);
-}
-
-// 列车颜色
-export enum TrainColorEnum {
-  headColor = '0xFFCE4D', // 箭头颜色
-  bodyColor = '0x1F3D99', // 背景色
-  ITCbodyColor = '0x737373', // 点式背景色
-  codeColor = '0xffffff', // 车号颜色
-  borderColor = '0xffffff', // 边框的颜色
-  directionColor = '0x00FF00', // 方向箭头颜色
-}
-
-enum DiriveModelColorEnum { // 驾驶模式对应颜色
-  AM = '0xFF8000', // ATO自动驾驶
-  SM = '0xFFFF00', // ATP 监控下的人工驾驶模式
-  RM = '0xC2C2C2', // 限制人工驾驶模式
-  NRM = '0xFF0000', // 非限制人工驾驶模式
-  red = '0xF80103', // 红色表示通信中断
-}
-enum typeColorEnum { // 识别号BBB颜色
-  accuracy = '0x11EF3D', // 准点
-  early = '0x82F6FF', // 早点
-  late = '0xE00D02', // 晚点
-  schedule = '0xffffff', // 计划车
-  head = '0xffffff', // 头码车
-  manual = '0xffffff', // 人工车
-  special = '0xFFFF73', // 特殊车
-}
-
-enum statusTextColor {
-  扣 = '0xFFFF00', // H扣车
-  跳 = '0x00CCFF', // S跳停
-  门 = '0x00FF00', // D开门
-  警 = '0xDA0000', // A报警
-  '>>' = '0xFFFF00', // 列车重叠，点击可切换列车
-}
-
-export const trainConsts = {
-  codeWidth: 120,
-  codeHeight: 40,
-  codePadding: 5,
-  borderWidth: 1,
-  codeFontSize: 22,
-  textFontSize: 16, // 状态字母大小
-  textMarginY: 5, // 状态字母与列车距离
-  statusTextList: ['扣', '跳', '门', '警', '>>'],
-  marginX: 2, // 图形x轴边距
-  pauseW: 4, // 停止框宽度
-};
-
-export class TrainHead extends Container {
-  arrow: Graphics; // 运行方向
-  pause: Graphics; // 车头
-  train: Train;
-  constructor(train: Train) {
-    super();
-    this.arrow = new Graphics();
-    this.pause = new Graphics();
-    this.addChild(this.arrow);
-    this.addChild(this.pause);
-    this.train = train;
-  }
-  clear() {
-    this.arrow.clear();
-    this.pause.clear();
-  }
-  doRepaint() {
-    const states = this.train.states;
-    this.clear();
-    const bodyWH = this.train.trainbody.getBodyWH();
-    const marginX = trainConsts.marginX;
-    const pauseW = trainConsts.pauseW;
-    const codeWidth = bodyWH ? bodyWH.width : trainConsts.codeWidth;
-    const codeHeight = bodyWH ? bodyWH.height : trainConsts.codeHeight;
-    let arrowPoint = [
-      -codeHeight * 0.4 - marginX - pauseW - marginX - codeWidth / 2,
-      0,
-      -marginX - pauseW - marginX - codeWidth / 2,
-      codeHeight / 2,
-      -marginX - pauseW - marginX - codeWidth / 2,
-      -codeHeight / 2,
-    ];
-    let pausePoint = [
-      -marginX - pauseW / 2 - codeWidth / 2,
-      -codeHeight / 2,
-      -marginX - pauseW / 2 - codeWidth / 2,
-      codeHeight / 2,
-    ];
-    // 道岔时运行x轴是否在增大决定箭头方向
-    // 区段时是否从A到B决定箭头方向
-    if (
-      (states.devicePort && this.train.isSyntropy) ||
-      (!states.devicePort && states.pointTo)
-    ) {
-      const aP: Array<number> = [];
-      arrowPoint.forEach((item, index) => {
-        if (index % 2 == 1) {
-          const p = new Point(arrowPoint[index - 1], item);
-          const newP = calculateMirrorPoint(new Point(0, 0), p);
-          aP.push(newP.x, newP.y);
-        }
-      });
-      arrowPoint = aP;
-    }
-    if (
-      (states.devicePort && this.train.isSyntropy) ||
-      (!states.devicePort && states.pointTo)
-    ) {
-      const pP: Array<number> = [];
-      pausePoint.forEach((item, index) => {
-        if (index % 2 == 1) {
-          const p = new Point(pausePoint[index - 1], item);
-          const newP = calculateMirrorPoint(new Point(0, 0), p);
-          pP.push(newP.x, newP.y);
-        }
-      });
-      pausePoint = pP;
-    }
-    const aColor = DiriveModelColorEnum.AM;
-    const pColor = DiriveModelColorEnum.AM;
-    this.pause.lineStyle(pauseW, pColor, 1);
-    this.pause.moveTo(pausePoint[0], pausePoint[1]);
-    this.pause.lineTo(pausePoint[2], pausePoint[3]);
-    const arrow = this.arrow;
-    arrow.beginFill(aColor, 1);
-    arrow.drawPolygon(arrowPoint);
-    arrow.endFill();
-    if (states.speed != 0) {
-      this.arrow.visible = true;
-    } else {
-      this.arrow.visible = false;
-    }
-    if (states.tc1Active || states.tc2Active) {
-      this.pause.visible = true;
-    } else {
-      this.pause.visible = false;
-    }
-  }
-}
-
-export class TrainBody extends Container {
-  codeRact: Graphics;
-  codeAGraph: VectorText = new VectorText(''); //识别号AA
-  codeBGraph: VectorText = new VectorText(''); //识别号BBB
-  train: Train;
-  constructor(train: Train) {
-    super();
-    this.codeRact = new Graphics();
-    this.addChild(this.codeRact);
-    this.addChild(this.codeAGraph);
-    this.addChild(this.codeBGraph);
-    this.codeAGraph.setVectorFontSize(trainConsts.codeFontSize);
-    this.codeBGraph.setVectorFontSize(trainConsts.codeFontSize);
-    this.train = train;
-  }
-  clear() {
-    this.codeRact.clear();
-  }
-  getBodyWH(): bodyWH {
-    const bodyAWH = this.codeAGraph.getLocalBounds();
-    const bodyBWH = this.codeBGraph.getLocalBounds();
-    return {
-      width: bodyAWH.width + bodyBWH.width + trainConsts.codePadding * 2,
-      height: bodyAWH.height + trainConsts.codePadding * 2,
-    };
-  }
-
-  doRepaint(): void {
-    this.clear();
-    const states = this.train.states;
-    const codeAGraph = this.codeAGraph;
-    const codeBGraph = this.codeBGraph;
-    const codeRact = this.codeRact;
-    const codeA = states?.code;
-    const fillAColor = typeColorEnum.schedule;
-    codeAGraph.text = codeA || '';
-    codeAGraph.anchor.set(0.5);
-    codeBGraph.anchor.set(0.5);
-    const styleA = {
-      fill: fillAColor,
-      fontSize: trainConsts.codeFontSize,
-    };
-    codeAGraph.style = styleA;
-    // const bodyAWH = codeAGraph.getLocalBounds();
-    // const bodyBWH = codeBGraph.getLocalBounds();
-    // codeAGraph.position.set(-bodyBWH.width / 2, 0);
-    // codeBGraph.position.set(bodyAWH.width / 2, 0);
-    // codeAGraph.updateOnScaled();
-    // codeBGraph.updateOnScaled();
-    const { width: codeWidth, height: codeHeight } = this.getBodyWH();
-    codeRact.lineStyle(
-      trainConsts.borderWidth,
-      new Color(TrainColorEnum.borderColor)
-    );
-    const bgColor = TrainColorEnum.ITCbodyColor;
-    codeRact.beginFill(new Color(bgColor));
-    codeRact.drawRect(-codeWidth / 2, -codeHeight / 2, codeWidth, codeHeight);
-    codeRact.endFill();
-  }
-}
-
-class StatusText extends Container {
-  sText: VectorText = new VectorText('');
-  constructor() {
-    super();
-    this.addChild(this.sText);
-  }
-  doRepaint(text: string, bodyWH: bodyWH): void {
-    this.sText.text = text;
-    this.sText.anchor.set(0.5);
-    const c = (statusTextColor as never)[text] || statusTextColor.门;
-    const style = {
-      fill: c,
-      fontSize: trainConsts.textFontSize,
-    };
-    this.sText.style = style;
-    const { width: codeWidth, height: codeHeight } = bodyWH;
-    const { width: textHWidth, height: textHeight } =
-      this.sText.getLocalBounds();
-    const num = trainConsts.statusTextList.length;
-    let index = trainConsts.statusTextList.findIndex((item) => {
-      return item == text;
-    });
-    if (index < 0) {
-      index = (num - 1) / 2; // 中间
-    }
-    const textMargin = (codeWidth - textHWidth * num) / (num - 1);
-    this.sText.position.set(
-      -codeWidth / 2 + (textHWidth * (index * 2 + 1)) / 2 + textMargin * index,
-      -codeHeight / 2 - textHeight / 2 - trainConsts.textMarginY
-    );
-  }
-  clear(): void {
-    this.sText.text = '';
-  }
-}
-
-export class Train extends JlGraphic {
-  static Type = 'Train';
-
-  trainHead: TrainHead;
-  trainbody: TrainBody;
-  statusTextMap: Map<string, StatusText> = new Map();
-  isSyntropy: boolean; //判断x坐标是否在增大
-  constructor() {
-    super(Train.Type);
-    this.trainbody = new TrainBody(this);
-    this.trainHead = new TrainHead(this);
-    this.addChild(this.trainHead);
-    this.addChild(this.trainbody);
-    this.isSyntropy = false;
-  }
-
-  get datas(): ITrainData {
-    return this.getDatas<ITrainData>();
   }
 
   get states(): ITrainState {
@@ -421,6 +165,7 @@ export class Train extends JlGraphic {
     let allLength = 0;
     let points: IPointData[] = [];
     let dev: Turnout | Section | undefined;
+    let isSyntropy = false;
     if (this.states.devicePort) {
       dev = this.queryStore.queryById<Turnout>(this.states.headDeviceId);
       if (!dev) {
@@ -471,12 +216,12 @@ export class Train extends JlGraphic {
       const portP = points[points.length - 1];
       const j = 10;
       if (Math.abs(portP.x) < j) {
-        this.isSyntropy = this.states.runDirection;
+        isSyntropy = this.states.runDirection;
       } else {
         if (this.states.pointTo) {
-          this.isSyntropy = 0 > portP.x;
+          isSyntropy = 0 > portP.x;
         } else {
-          this.isSyntropy = portP.x > 0;
+          isSyntropy = portP.x > 0;
         }
       }
     } else {
@@ -517,9 +262,11 @@ export class Train extends JlGraphic {
         allLength = getKmDistance(BKm, AKm);
         const portS = points[0];
         const portE = points[points.length - 1];
-        this.isSyntropy = portE.x > portS.x;
+        isSyntropy = portE.x > portS.x;
       }
     }
+    this.setCodeAText(this.code);
+    this.isRightRoTop = isSyntropy;
     this.trainbody.doRepaint();
     this.trainHead.doRepaint();
     if (allLength == 0) {
@@ -564,35 +311,16 @@ export class Train extends JlGraphic {
     this.position.set(p.x, p.y);
     this.rotation = angle;
   }
-
-  showStatus(s: string) {
-    if (this.statusTextMap.has(s)) {
-      return;
-    }
-    const bodyWH = this.trainbody.getBodyWH();
-    const textD = new StatusText();
-    textD.doRepaint(s, bodyWH);
-    this.addChild(textD);
-    this.statusTextMap.set(s, textD);
-  }
-  hideStatus(s: string) {
-    if (!this.statusTextMap.has(s)) {
-      return;
-    }
-    const textD = this.statusTextMap.get(s);
-    if (textD) {
-      textD.clear();
-      this.statusTextMap.delete(s);
-    }
-  }
 }
 
 export class TrainTemplate extends JlGraphicTemplate<Train> {
-  constructor(stateTemplate: ITrainState) {
+  updataConsts: UpdateTrainConsts | undefined;
+  constructor(stateTemplate: ITrainState, data?: UpdateTrainConsts) {
     super(Train.Type, { stateTemplate });
+    this.updataConsts = data;
   }
   new(): Train {
-    const train = new Train();
+    const train = new Train(this.updataConsts);
     train.id = GraphicIdGenerator.next();
     train.loadState(this.states);
     return train;

src/graphics/train/TrainDrawAssistant.ts

@@ -1,71 +0,0 @@
-import { Point, FederatedPointerEvent } from 'pixi.js';
-import {
-  GraphicDrawAssistant,
-  GraphicInteractionPlugin,
-  IDrawApp,
-  JlGraphic,
-} from 'jl-graphic';
-
-import { ITrainData, Train, TrainTemplate } from './Train';
-
-export interface ITrainDrawOptions {
-  newData: () => ITrainData;
-}
-
-export class TrainDraw extends GraphicDrawAssistant<TrainTemplate, ITrainData> {
-  _Train: Train | null = null;
-
-  constructor(app: IDrawApp, template: TrainTemplate) {
-    super(app, template, 'directions_bus_filled', '列车Train');
-    trainInteraction.init(app);
-  }
-
-  public get Train(): Train {
-    if (!this._Train) {
-      this._Train = this.graphicTemplate.new();
-      this.Train.loadData(this.graphicTemplate.datas);
-      this.container.addChild(this.Train);
-    }
-    return this._Train;
-  }
-
-  redraw(p: Point): void {
-    this.Train.doRepaint();
-    this.container.position.set(p.x, p.y);
-  }
-  onRightClick(): void {
-    this.createAndStore(true);
-  }
-  onLeftDown(e: FederatedPointerEvent): void {
-    this.container.position.copyFrom(this.toCanvasCoordinates(e.global));
-    this.createAndStore(true);
-  }
-  prepareData(data: ITrainData): boolean {
-    data.transform = this.container.saveTransform();
-    return true;
-  }
-}
-
-export class trainInteraction extends GraphicInteractionPlugin<Train> {
-  static Name = 'train_transform';
-  constructor(app: IDrawApp) {
-    super(trainInteraction.Name, app);
-  }
-  static init(app: IDrawApp) {
-    return new trainInteraction(app);
-  }
-  filter(...grahpics: JlGraphic[]): Train[] | undefined {
-    return grahpics.filter((g) => g.type === Train.Type).map((g) => g as Train);
-  }
-  bind(g: Train): void {
-    g.eventMode = 'static';
-    g.cursor = 'pointer';
-    g.scalable = true;
-    g.rotatable = true;
-  }
-  unbind(g: Train): void {
-    g.eventMode = 'none';
-    g.scalable = false;
-    g.rotatable = false;
-  }
-}

src/graphics/transponder/Transponder.ts

@@ -1,12 +1,5 @@
-import { Container, Graphics, Point } from 'pixi.js';
+import { Point } from 'pixi.js';
-import {
+import { GraphicData, GraphicRelationParam, linePoint } from 'jl-graphic';
-  GraphicData,
-  GraphicRelationParam,
-  JlGraphic,
-  JlGraphicTemplate,
-  VectorText,
-  linePoint,
-} from 'jl-graphic';
 import { KilometerSystem } from '../signal/Signal';
 import {
   IRelatedRefData,
@@ -20,6 +13,7 @@ import {
   SectionType,
 } from '../section/Section';
 import { Turnout, TurnoutConsts } from '../turnout/Turnout';
+import { Transponder as BjTransponder } from 'rt-graphic-component/components/packages/Transponder/Transponder';
 
 export interface ITransponderData extends GraphicData {
   get code(): string; // 编号
@@ -47,169 +41,10 @@ export enum TransponderTypeEnum {
   IB, // 预告应答器
 }
 
-export const TransponderConsts = {
+export class Transponder extends BjTransponder {
-  height: 12,
-  lineWidth: 2,
-  lineColor: '0xFFFFFF',
-  wblineColor: '0xFF0000',
-  textFontSize: 12,
-  textMarginY: 5, // 名称与应答器的距离
-  vblineColor: '0xFF00FF',
-  iblineColor: '0x0000FF',
-};
-export const transponderTypePoints = {
-  [TransponderTypeEnum[TransponderTypeEnum.FB]]: [
-    [-TransponderConsts.height / 2, -TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, -TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, TransponderConsts.height / 2],
-    [-TransponderConsts.height / 2, TransponderConsts.height / 2],
-    [
-      -TransponderConsts.height / 2,
-      -TransponderConsts.height / 2 - TransponderConsts.lineWidth / 2,
-    ],
-    [-TransponderConsts.height / 2, -TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, -TransponderConsts.height / 2],
-    [-TransponderConsts.height / 2, TransponderConsts.height / 2],
-  ],
-  [TransponderTypeEnum[TransponderTypeEnum.WB]]: [
-    [-TransponderConsts.height / 2, -TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, -TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, TransponderConsts.height / 2],
-    [-TransponderConsts.height / 2, TransponderConsts.height / 2],
-    [
-      -TransponderConsts.height / 2,
-      -TransponderConsts.height / 2 - TransponderConsts.lineWidth / 2,
-    ],
-    [0, -TransponderConsts.height / 2],
-    [0, TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, 0],
-    [-TransponderConsts.height / 2, 0],
-  ],
-  [TransponderTypeEnum[TransponderTypeEnum.DB]]: [
-    [-TransponderConsts.height, -TransponderConsts.height / 2],
-    [TransponderConsts.height, -TransponderConsts.height / 2],
-    [TransponderConsts.height, TransponderConsts.height / 2],
-    [-TransponderConsts.height, TransponderConsts.height / 2],
-    [
-      -TransponderConsts.height,
-      -TransponderConsts.height / 2 - TransponderConsts.lineWidth / 2,
-    ],
-    [-TransponderConsts.height, -TransponderConsts.height / 2],
-    [TransponderConsts.height, TransponderConsts.height / 2],
-    [TransponderConsts.height, -TransponderConsts.height / 2],
-    [-TransponderConsts.height, TransponderConsts.height / 2],
-  ],
-  [TransponderTypeEnum[TransponderTypeEnum.VB]]: [
-    [-TransponderConsts.height / 2, -TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, -TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, TransponderConsts.height / 2],
-    [-TransponderConsts.height / 2, TransponderConsts.height / 2],
-    [
-      -TransponderConsts.height / 2,
-      -TransponderConsts.height / 2 - TransponderConsts.lineWidth / 2,
-    ],
-  ],
-  [TransponderTypeEnum[TransponderTypeEnum.IB]]: [
-    [-TransponderConsts.height / 2, -TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, -TransponderConsts.height / 2],
-    [TransponderConsts.height / 2, TransponderConsts.height / 2],
-    [-TransponderConsts.height / 2, TransponderConsts.height / 2],
-    [
-      -TransponderConsts.height / 2,
-      -TransponderConsts.height / 2 - TransponderConsts.lineWidth / 2,
-    ],
-    [0, -TransponderConsts.height / 2],
-    [-TransponderConsts.height / 2, 0],
-    [-TransponderConsts.height / 2, TransponderConsts.height / 2],
-    [
-      TransponderConsts.height / 2,
-      -TransponderConsts.height / 2 + TransponderConsts.lineWidth / 2,
-    ],
-    [TransponderConsts.height / 2, 0],
-    [0, TransponderConsts.height / 2],
-  ],
-};
-
-export class TransponderCode extends Container {
-  codeText: VectorText = new VectorText('');
-  name = 'transponderCode';
-  constructor() {
-    super();
-    this.addChild(this.codeText);
-  }
-  clear() {
-    this.codeText.text = '';
-  }
-  paint(datas: ITransponderData) {
-    this.codeText.text = datas.code;
-    this.codeText.anchor.set(0.5);
-  }
-}
-
-export class Transponder extends JlGraphic {
-  static Type = 'Transponder';
-  polygonGraphic: Graphics = new Graphics();
-  labelGraphic: TransponderCode = new TransponderCode();
-  constructor() {
-    super(Transponder.Type);
-    this.addChild(this.polygonGraphic);
-    this.addChild(this.labelGraphic);
-  }
   get datas(): ITransponderData {
     return this.getDatas<ITransponderData>();
   }
-  clear() {
-    this.polygonGraphic.clear();
-    this.labelGraphic.clear();
-  }
-  doRepaint(): void {
-    this.clear();
-    const polygonGraphic = this.polygonGraphic;
-    const type = TransponderTypeEnum[this.datas.type];
-    const ps = transponderTypePoints[type];
-    let lineColor = TransponderConsts.lineColor;
-    if (type == 'WB') {
-      lineColor = TransponderConsts.wblineColor;
-    } else if (type == 'VB') {
-      lineColor = TransponderConsts.vblineColor;
-    } else if (type == 'IB') {
-      lineColor = TransponderConsts.iblineColor;
-    }
-    polygonGraphic.lineStyle(TransponderConsts.lineWidth, lineColor);
-    polygonGraphic.beginFill(TransponderConsts.lineColor, 0.00001); // 填充透明色（用于碰撞检测）
-    const indexArr = [0, 5, 7];
-    ps.forEach((item, index) => {
-      if (indexArr.includes(index)) {
-        polygonGraphic.moveTo(item[0], item[1]);
-      } else {
-        polygonGraphic.lineTo(item[0], item[1]);
-      }
-    });
-    polygonGraphic.endFill;
-    this.labelGraphic.paint(this.datas);
-    const style = {
-      fill: lineColor,
-      fontSize: TransponderConsts.textFontSize,
-    };
-    this.labelGraphic.codeText.style = style;
-    const codeTransform = this.datas?.childTransforms?.find(
-      (item) => item.name === 'transponderCode'
-    );
-    if (codeTransform) {
-      const position = codeTransform?.transform.position;
-      const rotation = codeTransform?.transform?.rotation;
-      this.labelGraphic.position.set(position?.x, position?.y);
-      this.labelGraphic.rotation = rotation || 0;
-    } else {
-      const { height: polygonHeight } = this.polygonGraphic.getLocalBounds();
-      const { height: textHeight } = this.labelGraphic.getLocalBounds();
-      this.labelGraphic.position.set(
-        0,
-        polygonHeight / 2 + textHeight / 2 + TransponderConsts.textMarginY
-      );
-    }
-  }
   buildRelation() {
     this.relationManage.deleteRelationOfGraphic(this);
     const { x, y } = this.position;
@@ -309,16 +144,3 @@ export class Transponder extends JlGraphic {
     }
   }
 }
-
-export class TransponderTemplate extends JlGraphicTemplate<Transponder> {
-  constructor(dataTemplate: ITransponderData) {
-    super(Transponder.Type, {
-      dataTemplate,
-    });
-  }
-  new(): Transponder {
-    const transponder = new Transponder();
-    transponder.loadData(this.datas);
-    return transponder;
-  }
-}

src/graphics/transponder/TransponderDrawAssistant.ts

@@ -1,158 +0,0 @@
-import { DisplayObject, FederatedPointerEvent, Point } from 'pixi.js';
-import {
-  AbsorbableLine,
-  AbsorbablePosition,
-  GraphicDrawAssistant,
-  GraphicInteractionPlugin,
-  GraphicTransformEvent,
-  IDrawApp,
-  JlGraphic,
-} from 'jl-graphic';
-import {
-  ITransponderData,
-  Transponder,
-  TransponderTemplate,
-} from './Transponder';
-
-export class TransponderDraw extends GraphicDrawAssistant<
-  TransponderTemplate,
-  ITransponderData
-> {
-  TransponderGraph: Transponder;
-  constructor(app: IDrawApp, template: TransponderTemplate) {
-    super(app, template, 'border_all', '应答器Transponder');
-    this.TransponderGraph = this.graphicTemplate.new();
-    this.container.addChild(this.TransponderGraph);
-    TransponderInteraction.init(app);
-  }
-
-  bind(): void {
-    super.bind();
-    this.TransponderGraph.loadData(this.graphicTemplate.datas);
-    this.TransponderGraph.doRepaint();
-  }
-
-  onLeftDown(e: FederatedPointerEvent): void {
-    this.container.position.copyFrom(this.toCanvasCoordinates(e.global));
-    this.createAndStore(true);
-  }
-
-  redraw(p: Point): void {
-    this.container.position.copyFrom(p);
-  }
-
-  prepareData(data: ITransponderData): boolean {
-    data.transform = this.container.saveTransform();
-    return true;
-  }
-}
-
-export class TransponderInteraction extends GraphicInteractionPlugin<Transponder> {
-  static Name = 'Transponder_transform';
-  constructor(app: IDrawApp) {
-    super(TransponderInteraction.Name, app);
-  }
-  static init(app: IDrawApp) {
-    return new TransponderInteraction(app);
-  }
-  filter(...grahpics: JlGraphic[]): Transponder[] | undefined {
-    return grahpics
-      .filter((g) => g.type === Transponder.Type)
-      .map((g) => g as Transponder);
-  }
-  bind(g: Transponder): void {
-    g.polygonGraphic.eventMode = 'static';
-    g.polygonGraphic.cursor = 'pointer';
-    g.polygonGraphic.scalable = true;
-    g.on('transformstart', this.transformstart, this);
-    g.labelGraphic.on('transformstart', this.codetransformstart, this);
-    g.labelGraphic.draggable = true;
-    g.labelGraphic.selectable = true;
-    g.labelGraphic.rotatable = true;
-    g.labelGraphic.transformSave = true;
-    g.labelGraphic.eventMode = 'static';
-  }
-  unbind(g: Transponder): void {
-    g.polygonGraphic.eventMode = 'none';
-    g.polygonGraphic.scalable = false;
-    g.polygonGraphic.rotatable = false;
-    g.off('transformstart', this.transformstart, this);
-    g.labelGraphic.off('transformstart', this.codetransformstart, this);
-    g.labelGraphic.draggable = false;
-    g.labelGraphic.selectable = false;
-    g.labelGraphic.rotatable = false;
-    g.labelGraphic.transformSave = false;
-    g.labelGraphic.eventMode = 'none';
-  }
-  transformstart(e: GraphicTransformEvent) {
-    const target = e.target as DisplayObject;
-    const transponder = target.getGraphic() as Transponder;
-    transponder.getGraphicApp().setOptions({
-      absorbablePositions: buildAbsorbablePositions(transponder),
-    });
-  }
-  codetransformstart(e: GraphicTransformEvent) {
-    const target = e.target as DisplayObject;
-    const transponder = target.getGraphic() as Transponder;
-    transponder.getGraphicApp().setOptions({
-      absorbablePositions: buildCodeAbsorbablePositions(transponder),
-    });
-  }
-}
-
-/**
- * 构建吸附线
- * @param transponder
- */
-function buildAbsorbablePositions(
-  transponder: Transponder
-): AbsorbablePosition[] {
-  const aps: AbsorbablePosition[] = [];
-  const transponders = transponder.queryStore.queryByType<Transponder>(
-    Transponder.Type
-  );
-  const canvas = transponder.getCanvas();
-  transponders.forEach((item) => {
-    if (item.id === transponder.id) {
-      return;
-    }
-    const ala = new AbsorbableLine(
-      new Point(item.x, 0),
-      new Point(item.x, canvas.height)
-    );
-    const alb = new AbsorbableLine(
-      new Point(0, item.y),
-      new Point(canvas.width, item.y)
-    );
-    aps.push(ala);
-    aps.push(alb);
-  });
-  return aps;
-}
-
-/**
- * 名称构建吸附线
- * @param transponder
- */
-function buildCodeAbsorbablePositions(
-  transponder: Transponder
-): AbsorbablePosition[] {
-  const aps: AbsorbablePosition[] = [];
-  const transponders = transponder.queryStore.queryByType<Transponder>(
-    Transponder.Type
-  );
-  const canvas = transponder.getCanvas();
-  transponders.forEach((item) => {
-    const ala = new AbsorbableLine(
-      new Point(item.x, 0),
-      new Point(item.x, canvas.height)
-    );
-    const alb = new AbsorbableLine(
-      new Point(0, item.y),
-      new Point(canvas.width, item.y)
-    );
-    aps.push(ala);
-    aps.push(alb);
-  });
-  return aps;
-}

yarn.lock

@@ -326,18 +326,6 @@
     eventemitter3 "^4.0.0"
     url "^0.11.0"
 
-"@pkgr/utils@^2.4.2":
-  version "2.4.2"
-  resolved "https://registry.npmmirror.com/@pkgr/utils/-/utils-2.4.2.tgz#9e638bbe9a6a6f165580dc943f138fd3309a2cbc"
-  integrity sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==
-  dependencies:
-    cross-spawn "^7.0.3"
-    fast-glob "^3.3.0"
-    is-glob "^4.0.3"
-    open "^9.1.0"
-    picocolors "^1.0.0"
-    tslib "^2.6.0"
-
 "@quasar/app-vite@^1.0.0":
   version "1.7.1"
   resolved "https://registry.npmmirror.com/@quasar/app-vite/-/app-vite-1.7.1.tgz#2e114a703b4673ddb710a68bf3433bd221a59ae7"
@@ -395,13 +383,6 @@
   resolved "https://registry.npmmirror.com/@quasar/vite-plugin/-/vite-plugin-1.6.0.tgz#3b8f82656b14782fafe66b30dfac0775b87ab9dd"
   integrity sha512-LmbV76G1CwWZbrEQhqyZpkRQTJyO3xpW55aXY1zWN+JhyUeG77CcMCEWteBVnJ6I6ehUPFDC9ONd2+WlwH6rNQ==
 
-"@rollup/plugin-alias@^5.1.0":
-  version "5.1.0"
-  resolved "https://registry.npmmirror.com/@rollup/plugin-alias/-/plugin-alias-5.1.0.tgz#99a94accc4ff9a3483be5baeedd5d7da3b597e93"
-  integrity sha512-lpA3RZ9PdIG7qqhEfv79tBffNaoDuukFDrmhLqg9ifv99u/ehn+lOg30x2zmhf8AQqQUZaMk/B9fZraQ6/acDQ==
-  dependencies:
-    slash "^4.0.0"
-
 "@rollup/pluginutils@^4.1.2":
   version "4.2.1"
   resolved "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
@@ -953,11 +934,6 @@ base64-js@^1.3.1:
   resolved "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
-big-integer@^1.6.44:
-  version "1.6.52"
-  resolved "https://registry.npmmirror.com/big-integer/-/big-integer-1.6.52.tgz#60a887f3047614a8e1bffe5d7173490a97dc8c85"
-  integrity sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==
-
 binary-extensions@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
@@ -1004,13 +980,6 @@ boolbase@^1.0.0:
   resolved "https://registry.npmmirror.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
 
-bplist-parser@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.npmmirror.com/bplist-parser/-/bplist-parser-0.2.0.tgz#43a9d183e5bf9d545200ceac3e712f79ebbe8d0e"
-  integrity sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==
-  dependencies:
-    big-integer "^1.6.44"
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -1069,13 +1038,6 @@ buffer@^6.0.3:
     base64-js "^1.3.1"
     ieee754 "^1.2.1"
 
-bundle-name@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmmirror.com/bundle-name/-/bundle-name-3.0.0.tgz#ba59bcc9ac785fb67ccdbf104a2bf60c099f0e1a"
-  integrity sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==
-  dependencies:
-    run-applescript "^5.0.0"
-
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.npmmirror.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -1345,24 +1307,6 @@ deep-is@^0.1.3:
   resolved "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
-default-browser-id@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmmirror.com/default-browser-id/-/default-browser-id-3.0.0.tgz#bee7bbbef1f4e75d31f98f4d3f1556a14cea790c"
-  integrity sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==
-  dependencies:
-    bplist-parser "^0.2.0"
-    untildify "^4.0.0"
-
-default-browser@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmmirror.com/default-browser/-/default-browser-4.0.0.tgz#53c9894f8810bf86696de117a6ce9085a3cbc7da"
-  integrity sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==
-  dependencies:
-    bundle-name "^3.0.0"
-    default-browser-id "^3.0.0"
-    execa "^7.1.1"
-    titleize "^3.0.0"
-
 default-passive-events@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/default-passive-events/-/default-passive-events-2.0.0.tgz#79b1aa67becbaab38b718469b5480fef92eda649"
@@ -1389,11 +1333,6 @@ define-lazy-prop@^2.0.0:
   resolved "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
   integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
 
-define-lazy-prop@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz#dbb19adfb746d7fc6d734a06b72f4a00d021255f"
-  integrity sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==
-
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
@@ -1755,19 +1694,6 @@ eslint-config-prettier@^8.1.0:
   resolved "https://registry.npmmirror.com/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz#3a06a662130807e2502fc3ff8b4143d8a0658e11"
   integrity sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==
 
-eslint-config-prettier@^9.1.0:
-  version "9.1.0"
-  resolved "https://registry.npmmirror.com/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz#31af3d94578645966c082fcb71a5846d3c94867f"
-  integrity sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==
-
-eslint-plugin-prettier@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.npmmirror.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.0.1.tgz#a3b399f04378f79f066379f544e42d6b73f11515"
-  integrity sha512-m3u5RnR56asrwV/lDC4GHorlW75DsFfmUcjfCYylTUs85dBRnB7VM6xG8eCMJdeDRnppzmxZVf1GEPJvl1JmNg==
-  dependencies:
-    prettier-linter-helpers "^1.0.0"
-    synckit "^0.8.5"
-
 eslint-plugin-vue@^9.0.0:
   version "9.19.2"
   resolved "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-9.19.2.tgz#7ab83a001a1ac8bccae013c5b9cb5d2c644fb376"
@@ -1802,7 +1728,7 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4
   resolved "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint@^8.10.0, eslint@^8.55.0:
+eslint@^8.10.0:
   version "8.55.0"
   resolved "https://registry.npmmirror.com/eslint/-/eslint-8.55.0.tgz#078cb7b847d66f2c254ea1794fa395bf8e7e03f8"
   integrity sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==
@@ -1909,36 +1835,6 @@ events@^3.3.0:
   resolved "https://registry.npmmirror.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
   integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
-execa@^5.0.0:
-  version "5.1.1"
-  resolved "https://registry.npmmirror.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
-  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.0"
-    human-signals "^2.1.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.1"
-    onetime "^5.1.2"
-    signal-exit "^3.0.3"
-    strip-final-newline "^2.0.0"
-
-execa@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.npmmirror.com/execa/-/execa-7.2.0.tgz#657e75ba984f42a70f38928cedc87d6f2d4fe4e9"
-  integrity sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.1"
-    human-signals "^4.3.0"
-    is-stream "^3.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^5.1.0"
-    onetime "^6.0.0"
-    signal-exit "^3.0.7"
-    strip-final-newline "^3.0.0"
-
 express@^4.17.3:
   version "4.18.2"
   resolved "https://registry.npmmirror.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59"
@@ -1990,11 +1886,6 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-diff@^1.1.2:
-  version "1.3.0"
-  resolved "https://registry.npmmirror.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
-  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
-
 fast-glob@3.2.12:
   version "3.2.12"
   resolved "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
@@ -2006,7 +1897,7 @@ fast-glob@3.2.12:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
-fast-glob@^3.2.9, fast-glob@^3.3.0:
+fast-glob@^3.2.9:
   version "3.3.2"
   resolved "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
   integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
@@ -2176,11 +2067,6 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@
     has-symbols "^1.0.3"
     hasown "^2.0.0"
 
-get-stream@^6.0.0, get-stream@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.npmmirror.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
-  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
-
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
@@ -2325,16 +2211,6 @@ http-errors@2.0.0:
     statuses "2.0.1"
     toidentifier "1.0.1"
 
-human-signals@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.npmmirror.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
-  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
-
-human-signals@^4.3.0:
-  version "4.3.1"
-  resolved "https://registry.npmmirror.com/human-signals/-/human-signals-4.3.1.tgz#ab7f811e851fca97ffbd2c1fe9a958964de321b2"
-  integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==
-
 iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
@@ -2428,11 +2304,6 @@ is-docker@^2.0.0, is-docker@^2.1.1:
   resolved "https://registry.npmmirror.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
   integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
 
-is-docker@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmmirror.com/is-docker/-/is-docker-3.0.0.tgz#90093aa3106277d8a77a5910dbae71747e15a200"
-  integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
-
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
@@ -2450,13 +2321,6 @@ is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
-is-inside-container@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmmirror.com/is-inside-container/-/is-inside-container-1.0.0.tgz#e81fba699662eb31dbdaf26766a61d4814717ea4"
-  integrity sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==
-  dependencies:
-    is-docker "^3.0.0"
-
 is-interactive@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
@@ -2484,16 +2348,6 @@ is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
-is-stream@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.npmmirror.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
-  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
-
-is-stream@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmmirror.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
-  integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
-
 is-unicode-supported@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmmirror.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
@@ -2531,17 +2385,13 @@ isobject@^3.0.1:
   resolved "https://registry.npmmirror.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
   integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
 
-"jl-graphic@git+https://git.code.tencent.com/jl-framework/graphic-pixi.git#v0.1.0":
+"jl-graphic@git+https://git.code.tencent.com/jl-framework/graphic-pixi.git#v0.1.3":
-  version "0.0.1"
+  version "0.1.3"
-  resolved "git+https://git.code.tencent.com/jl-framework/graphic-pixi.git#95de26aad236a7ed2bed23bf82d1c28cbcc7bc73"
+  resolved "git+https://git.code.tencent.com/jl-framework/graphic-pixi.git#100ddafc75ffa2fc646ad26359682e0f083511e3"
   dependencies:
     "@pixi/graphics-extras" "^7.3.2"
     "@pixi/utils" "^7.3.2"
-    "@rollup/plugin-alias" "^5.1.0"
     "@stomp/stompjs" "^7.0.0"
-    eslint "^8.55.0"
-    eslint-config-prettier "^9.1.0"
-    eslint-plugin-prettier "^5.0.1"
     mqtt "^5.2.1"
     pixi-viewport "^5.0.1"
     pixi.js "^7.3.2"
@@ -2713,11 +2563,6 @@ merge-descriptors@1.0.1:
   resolved "https://registry.npmmirror.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
   integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
 
-merge-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmmirror.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
-  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
-
 merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
   resolved "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
@@ -2758,11 +2603,6 @@ mimic-fn@^2.1.0:
   resolved "https://registry.npmmirror.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
   integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
-mimic-fn@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmmirror.com/mimic-fn/-/mimic-fn-4.0.0.tgz#60a90550d5cb0b239cca65d893b1a53b29871ecc"
-  integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
-
 minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
@@ -2876,20 +2716,6 @@ normalize-range@^0.1.2:
   resolved "https://registry.npmmirror.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
-npm-run-path@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
-  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
-  dependencies:
-    path-key "^3.0.0"
-
-npm-run-path@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-5.1.0.tgz#bc62f7f3f6952d9894bd08944ba011a6ee7b7e00"
-  integrity sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==
-  dependencies:
-    path-key "^4.0.0"
-
 nth-check@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
@@ -2929,20 +2755,13 @@ once@^1.3.0, once@^1.4.0:
   dependencies:
     wrappy "1"
 
-onetime@^5.1.0, onetime@^5.1.2:
+onetime@^5.1.0:
   version "5.1.2"
   resolved "https://registry.npmmirror.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
   integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
   dependencies:
     mimic-fn "^2.1.0"
 
-onetime@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.npmmirror.com/onetime/-/onetime-6.0.0.tgz#7c24c18ed1fd2e9bca4bd26806a33613c77d34b4"
-  integrity sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==
-  dependencies:
-    mimic-fn "^4.0.0"
-
 open@^8.4.0:
   version "8.4.2"
   resolved "https://registry.npmmirror.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
@@ -2952,16 +2771,6 @@ open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
-open@^9.1.0:
-  version "9.1.0"
-  resolved "https://registry.npmmirror.com/open/-/open-9.1.0.tgz#684934359c90ad25742f5a26151970ff8c6c80b6"
-  integrity sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==
-  dependencies:
-    default-browser "^4.0.0"
-    define-lazy-prop "^3.0.0"
-    is-inside-container "^1.0.0"
-    is-wsl "^2.2.0"
-
 optionator@^0.9.3:
   version "0.9.3"
   resolved "https://registry.npmmirror.com/optionator/-/optionator-0.9.3.tgz#007397d44ed1872fdc6ed31360190f81814e2c64"
@@ -3037,16 +2846,11 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
 
-path-key@^3.0.0, path-key@^3.1.0:
+path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.npmmirror.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
-path-key@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmmirror.com/path-key/-/path-key-4.0.0.tgz#295588dc3aee64154f877adb9d780b81c554bf18"
-  integrity sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==
-
 path-parse@^1.0.7:
   version "1.0.7"
   resolved "https://registry.npmmirror.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
@@ -3148,13 +2952,6 @@ prelude-ls@^1.2.1:
   resolved "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prettier-linter-helpers@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmmirror.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
-  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
-  dependencies:
-    fast-diff "^1.1.2"
-
 prettier@^2.5.1:
   version "2.8.8"
   resolved "https://registry.npmmirror.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
@@ -3377,12 +3174,11 @@ rollup-plugin-visualizer@^5.5.4:
   optionalDependencies:
     fsevents "~2.3.2"
 
-run-applescript@^5.0.0:
+"rt-graphic-component@git+https://git.code.tencent.com/jl-framework/rt-graphic-component.git#v0.0.9":
-  version "5.0.0"
+  version "0.0.1"
-  resolved "https://registry.npmmirror.com/run-applescript/-/run-applescript-5.0.0.tgz#e11e1c932e055d5c6b40d98374e0268d9b11899c"
+  resolved "git+https://git.code.tencent.com/jl-framework/rt-graphic-component.git#3d104163f67ebe6d598882c87e565cf060bf835c"
-  integrity sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==
   dependencies:
-    execa "^5.0.0"
+    jl-graphic "git+https://git.code.tencent.com/jl-framework/graphic-pixi.git#v0.1.3"
 
 run-async@^2.4.0:
   version "2.4.1"
@@ -3518,7 +3314,7 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
-signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
+signal-exit@^3.0.2:
   version "3.0.7"
   resolved "https://registry.npmmirror.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -3528,11 +3324,6 @@ slash@^3.0.0:
   resolved "https://registry.npmmirror.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
-slash@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmmirror.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
-  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
-
 slice-ansi@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmmirror.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
@@ -3602,16 +3393,6 @@ strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   dependencies:
     ansi-regex "^5.0.1"
 
-strip-final-newline@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmmirror.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
-  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
-
-strip-final-newline@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmmirror.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz#52894c313fbff318835280aed60ff71ebf12b8fd"
-  integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
-
 strip-json-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
@@ -3629,14 +3410,6 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-synckit@^0.8.5:
-  version "0.8.6"
-  resolved "https://registry.npmmirror.com/synckit/-/synckit-0.8.6.tgz#b69b7fbce3917c2673cbdc0d87fb324db4a5b409"
-  integrity sha512-laHF2savN6sMeHCjLRkheIU4wo3Zg9Ln5YOjOo7sZ5dVQW8yF5pPE5SIw1dsPhq3TRp1jisKRCdPhfs/1WMqDA==
-  dependencies:
-    "@pkgr/utils" "^2.4.2"
-    tslib "^2.6.2"
-
 table@^6.8.0:
   version "6.8.1"
   resolved "https://registry.npmmirror.com/table/-/table-6.8.1.tgz#ea2b71359fe03b017a5fbc296204471158080bdf"
@@ -3669,11 +3442,6 @@ through@^2.3.6:
   resolved "https://registry.npmmirror.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
-titleize@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmmirror.com/titleize/-/titleize-3.0.0.tgz#71c12eb7fdd2558aa8a44b0be83b8a76694acd53"
-  integrity sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==
-
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.npmmirror.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
@@ -3708,7 +3476,7 @@ tslib@^1.8.1:
   resolved "https://registry.npmmirror.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.1.0, tslib@^2.6.0, tslib@^2.6.2:
+tslib@^2.1.0, tslib@^2.6.2:
   version "2.6.2"
   resolved "https://registry.npmmirror.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
@@ -3775,11 +3543,6 @@ unpipe@1.0.0, unpipe@~1.0.0:
   resolved "https://registry.npmmirror.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
   integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
 
-untildify@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmmirror.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
-  integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
-
 update-browserslist-db@^1.0.13:
   version "1.0.13"
   resolved "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4"