king
2023-06-05 4e570c993e66a47ead0f83de76b63b0a2f8c5446
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import React from 'react'
import { useDrag } from 'react-dnd'
import { CloseCircleOutlined } from '@ant-design/icons'
import './index.scss'
 
const MobSourceElement = ({item, triggerDel}) => {
  const [, drag] = useDrag({ item })
  return (
    <div className={'menu-source-item ' + item.component + '-' + item.subtype}>
      <div className="property"><span>{item.title}</span>{item.config ? <CloseCircleOutlined onClick={() => triggerDel(item)}/> : null}</div>
      <img ref={drag} src={item.url} alt=""/>
    </div>
  )
}
export default MobSourceElement