|  |  | 
 |  |  | import shuttle from '/public/img/map/shuttle.svg' | 
 |  |  | import agv from '/public/img/map/agv.svg' | 
 |  |  | import shelf from '/public/img/map/shelf.png' | 
 |  |  | import conveyor from '/public/img/map/conveyor.png' | 
 |  |  | import point from '/public/img/map/point.svg' | 
 |  |  |  | 
 |  |  | const Device = (props) => { | 
 |  |  | 
 |  |  |     const onDragStart = (e, type) => { | 
 |  |  |         setDragging(true); | 
 |  |  |         setDragSpriteType(type); | 
 |  |  |         const sprite = PIXI.Sprite.from(e.target); | 
 |  |  |         const sprite = Utils.generateSprite(type); | 
 |  |  |         setDragSprite(sprite); | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  | 
 |  |  |                     </Col> | 
 |  |  |                     <Col className={styles.mapCol} span={8} > | 
 |  |  |                         <Image | 
 |  |  |                             src={shelf} | 
 |  |  |                             src={conveyor} | 
 |  |  |                             width='35px' | 
 |  |  |                             preview={false} | 
 |  |  |                             draggable="true" | 
 |  |  |                             onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.SHELF)} | 
 |  |  |                             onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.CONVEYOR)} | 
 |  |  |                         /> | 
 |  |  |                         <div className={styles.title}> | 
 |  |  |                             <FormattedMessage id='map.sensor.type.shelf' defaultMessage='货架' /> | 
 |  |  |                             <FormattedMessage id='map.sensor.type.conveyor' defaultMessage='输送线' /> | 
 |  |  |                         </div> | 
 |  |  |                     </Col> | 
 |  |  |                     <Col className={styles.mapCol} span={8} > |