| | |
|---|
| | | }) |
|---|
| | | const [, drop] = useDrop({ |
|---|
| | | accept: ItemTypes.CARD, |
|---|
| | | canDrop: () => false, |
|---|
| | | hover({ id: draggedId }) { |
|---|
| | | canDrop: () => true, |
|---|
| | | drop({ id: draggedId }) { |
|---|
| | | if (draggedId !== id) { |
|---|
| | | const { index: overIndex } = findCard(id) |
|---|
| | | moveCard(draggedId, overIndex) |
|---|
| | |
|---|
| | | <div className="side-card" style={{ opacity }}> |
|---|
| | | <div ref={node => drag(drop(node))}> |
|---|
| | | {card.PageParam && card.PageParam.Icon && <Icon type={card.PageParam.Icon} />} |
|---|
| | | {card.text} |
|---|
| | | {card.MenuName} |
|---|
| | | </div> |
|---|
| | | {/* 自定义模板，在新页面编辑 */} |
|---|
| | | {!card.forbidden && card.type !== 'CustomPage' ? <Icon className="edit" type="edit" onClick={edit} /> : null} |
|---|
