|  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | export const beInsight = (sprite, setCurSprite) => { | 
 |  |  |     if (!sprite?.data?.type) { return } | 
 |  |  |  | 
 |  |  |     sprite.off('pointerup'); | 
 |  |  |     sprite.off('pointermove'); | 
 |  |  |     sprite.off('pointerdown'); | 
 |  |  | 
 |  |  |     sprite.on('pointerover', onSpriteMouseOver); | 
 |  |  |     sprite.on('pointermove', onSpriteMouseMove); | 
 |  |  |     sprite.on('pointerout', onSpriteMouseOut); | 
 |  |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | export const beMovable = (sprite) => { | 
 |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | export const beSettings = (sprite, setSpriteSettings) => { | 
 |  |  |     if (!sprite?.data?.type) { return } | 
 |  |  |  | 
 |  |  |     sprite.off('pointerup'); | 
 |  |  |     sprite.off('pointermove'); | 
 |  |  |     sprite.off('pointerdown'); | 
 |  |  | 
 |  |  |     sprite.on('pointerover', onSpriteMouseOver); | 
 |  |  |     sprite.on('pointermove', onSpriteMouseMove); | 
 |  |  |     sprite.on('pointerout', onSpriteMouseOut); | 
 |  |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | const createSpriteTooltip = (sprite) => { | 
 |  |  |     const style = new PIXI.TextStyle({ | 
 |  |  |         fontFamily: 'Microsoft YaHei', | 
 |  |  |         fontSize: 16, | 
 |  |  |         fill: '#ffffff', | 
 |  |  |         stroke: '#4a1850', | 
 |  |  |         strokeThickness: 2, | 
 |  |  |         dropShadow: true, | 
 |  |  |         dropShadowColor: '#000000', | 
 |  |  |         dropShadowBlur: 4, | 
 |  |  |         dropShadowAngle: Math.PI / 6, | 
 |  |  |         dropShadowDistance: 6, | 
 |  |  |         fontFamily: 'Roboto', | 
 |  |  |         fontSize: 12, | 
 |  |  |         fill: '#000000', | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  |     const text = new PIXI.Text(`编号: ${sprite.data.no}`, style); | 
 |  |  |  | 
 |  |  |     const text = new PIXI.Text(`${sprite.data?.type} ${sprite.data?.no}`, style); | 
 |  |  |     const background = new PIXI.Graphics(); | 
 |  |  |     background.beginFill(0x000000, 0.7); | 
 |  |  |     background.drawRoundedRect(0, 0, text.width + 20, text.height + 20, 10); | 
 |  |  |     // shadow | 
 |  |  |     background.beginFill(0x000000, 0.1); | 
 |  |  |     background.drawRoundedRect(4, 4, text.width + 6, text.height + 6, 4); | 
 |  |  |     background.endFill(); | 
 |  |  |     // background | 
 |  |  |     background.beginFill(0xffffff, 1); | 
 |  |  |     background.drawRoundedRect(0, 0, text.width + 8, text.height + 8, 4); | 
 |  |  |     background.endFill(); | 
 |  |  |  | 
 |  |  |     text.x = 10; | 
 |  |  |     text.y = 10; | 
 |  |  |     text.x = 5; | 
 |  |  |     text.y = 3; | 
 |  |  |     background.addChild(text); | 
 |  |  |  | 
 |  |  |     tooltip = new PIXI.Container(); | 
 |  |  |     tooltip.addChild(background); | 
 |  |  |     return tooltip; |