2020-06-19

king

2020-06-19 cd42d41344f0f780e0c0ac0a3625aeb78160f9dd

 src/mob/mobshell/card.jsx

@@ -10,16 +10,15 @@
const Login = asyncComponent(() => import('@/mob/login'))

const Card = ({ id, card, moveCard, findCard, editCard, delCard, hasDrop, doubleClickCard }) => {
  const originalIndex = null
  // const originalIndex = findCard(id).index
  const originalIndex = findCard(id).index
  const [{ isDragging }, drag] = useDrag({
    item: { type: 'action', id, originalIndex },
    item: { type: 'mob', id, originalIndex },
    collect: monitor => ({
      isDragging: monitor.isDragging(),
    }),
  })
  const [, drop] = useDrop({
    accept: 'action',
    accept: 'mob',
    canDrop: () => true,
    drop: (item) => {
      if (!item.hasOwnProperty('originalIndex')) {
@@ -34,10 +33,15 @@
      }
    },
  })
  const opacity = isDragging ? 0.3 : 1

  console.log(card)
  const style = isDragging ? { opacity: 0.3} : { opacity: 1}
  if (card.type === 'login') {
    style.height = '100%'
  }

  return (
    <div ref={node => drag(drop(node))} style={{ opacity: opacity, height: '100%'}}>
    <div ref={node => drag(drop(node))} style={style}>
      <Login />
      {/* <div className="page-card">
        <Button