| | |
| | | import { useDrop } from 'react-dnd' |
| | | import { is, fromJS } from 'immutable' |
| | | import update from 'immutability-helper' |
| | | import { message } from 'antd' |
| | | import { message, Empty } from 'antd' |
| | | |
| | | import Utils from '@/utils/utils.js' |
| | | import Card from './card' |
| | | import './index.scss' |
| | | |
| | | const Container = ({config, handleList, editCard, deleteCard, doubleClickCard }) => { |
| | | const Container = ({config, editId, handleList, editCard, deleteCard, doubleClickCard }) => { |
| | | let target = null |
| | | |
| | | const [cards, setCards] = useState(config.components) |
| | |
| | | index: cards.indexOf(card), |
| | | } |
| | | } |
| | | |
| | | // const doubleClickBtn = id => { |
| | | // const { card } = findCard(id) |
| | | // doubleClickCard(card) |
| | | // } |
| | | |
| | | // const editCard = id => { |
| | | // const { card } = findCard(id) |
| | | // handleMenu(card) |
| | | // } |
| | | |
| | | // const delCard = id => { |
| | | // const { card } = findCard(id) |
| | | // deleteMenu(card) |
| | | // } |
| | | |
| | | const hasDrop = (item) => { |
| | | target = item |
| | |
| | | id={card.uuid} |
| | | key={card.uuid} |
| | | card={card} |
| | | editId={editId} |
| | | moveCard={moveCard} |
| | | editCard={editCard} |
| | | delCard={deleteCard} |
| | | findCard={findCard} |
| | | hasDrop={hasDrop} |
| | | // doubleClickCard={doubleClickBtn} |
| | | doubleClickCard={doubleClickCard} |
| | | /> |
| | | ))} |
| | | {/* {cards.length === 0 ? |
| | | <div className="common-drawarea-placeholder"> |
| | | {placeholder} |
| | | </div> : null |
| | | } */} |
| | | {cards.length === 0 ? |
| | | <Empty description="请添加组件" /> : null |
| | | } |
| | | </div> |
| | | ) |
| | | } |