|  |  | 
 |  |  |     AGV: "AGV", | 
 |  |  | }) | 
 |  |  |  | 
 |  |  | export const SHELF_TYPE = Object.freeze({ | 
 |  |  |     STORE: 0, | 
 |  |  |     TRACK: 3, | 
 |  |  |     DISABLE: 1, | 
 |  |  | }) | 
 |  |  |  | 
 |  |  | export const getRealPosition = (x, y, mapContainer) => { | 
 |  |  |     const rect = app.view.getBoundingClientRect(); | 
 |  |  |     return { | 
 |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | // sprite be movable from sprite click event | 
 |  |  | export const beMovable = (sprite, setDidClickSprite) => { | 
 |  |  | export const beMovable = (sprite) => { | 
 |  |  |     sprite.off('pointerup'); | 
 |  |  |     sprite.off('pointermove'); | 
 |  |  |     sprite.off('pointerdown'); | 
 |  |  | 
 |  |  |     let dragTarget; | 
 |  |  |     function onDragStart(event) { | 
 |  |  |         if (event.button === 0) { | 
 |  |  |             setDidClickSprite(true); | 
 |  |  |             dragTarget = event.currentTarget; | 
 |  |  |             mapContainer.parent.off('pointermove'); | 
 |  |  |             mapContainer.parent.on('pointermove', onDragMove, dragTarget); | 
 |  |  | 
 |  |  |  | 
 |  |  |     function onDragEnd() { | 
 |  |  |         if (dragTarget) { | 
 |  |  |             setDidClickSprite(false); | 
 |  |  |             this.parent.off('pointermove'); | 
 |  |  |             this.parent.off('pointerup'); | 
 |  |  |             dragTarget.alpha = 1; | 
 |  |  | 
 |  |  |     copiedSprite.rotation = sprite.rotation; | 
 |  |  |     copiedSprite.data = deepCopy(sprite.data); | 
 |  |  |     copiedSprite.data.uuid = generateID(); | 
 |  |  |     showSheflType(copiedSprite); | 
 |  |  |     return copiedSprite; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |                 // dynamical data | 
 |  |  |                 Object.assign(sprite.data, item.property); | 
 |  |  |  | 
 |  |  |                 showSheflType(sprite); | 
 |  |  |                 // graph | 
 |  |  |                 sprite.position.set(item.positionX, item.positionY); | 
 |  |  |                 sprite.scale.set(item.scaleX, item.scaleY); | 
 |  |  |                 sprite.rotation = rotationParseNum(item.rotation); | 
 |  |  |  | 
 |  |  |                 // sprite.tint = '#000'; | 
 |  |  |                 mapContainer.addChild(sprite); | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  | 
 |  |  |         closeIcon: false, | 
 |  |  |         onClick: () => { } | 
 |  |  |     }); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | export const showSheflType = (sprite) => { | 
 |  |  |     let showColor; | 
 |  |  |     switch (sprite.data.shelfType) { | 
 |  |  |         case SHELF_TYPE.STORE: | 
 |  |  |             break; | 
 |  |  |         case SHELF_TYPE.TRACK: | 
 |  |  |             showColor = '#faf6e9'; | 
 |  |  |             break; | 
 |  |  |         case SHELF_TYPE.DISABLE: | 
 |  |  |             showColor = '#ffc8c8'; | 
 |  |  |             break; | 
 |  |  |         default: | 
 |  |  |             break; | 
 |  |  |     } | 
 |  |  |     if (showColor) { | 
 |  |  |         sprite.tint = showColor; | 
 |  |  |     } | 
 |  |  |     return showColor; | 
 |  |  | } |