From e2ac71fbc53b7119ae87c5a3b08cdcf830b497e2 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 06 三月 2020 18:52:03 +0800 Subject: [PATCH] 2020-03-06 --- src/views/printTemplate/dragelement/index.jsx | 37 ++++++------------------------------- 1 files changed, 6 insertions(+), 31 deletions(-) diff --git a/src/views/printTemplate/dragelement/index.jsx b/src/views/printTemplate/dragelement/index.jsx index 291bb24..242eb21 100644 --- a/src/views/printTemplate/dragelement/index.jsx +++ b/src/views/printTemplate/dragelement/index.jsx @@ -1,44 +1,19 @@ -import React, { useState } from 'react' +import React from 'react' import { useDrop } from 'react-dnd' -import { is, fromJS } from 'immutable' -import update from 'immutability-helper' -import { Col, Icon } from 'antd' -import Utils from '@/utils/utils.js' -import Card from './card' -import ItemTypes from './itemtypes' import './index.scss' -const Container = ({list, type }) => { - - const [cards, setCards] = useState(list) - const moveCard = (id, atIndex) => { - const { card, index } = findCard(id) - const _cards = update(cards, { $splice: [[index, 1], [atIndex, 0, card]] }) - handleList(type, _cards) - } - - if (!is(fromJS(cards), fromJS(list))) { - setCards(list) - } - - const findCard = id => { - const card = cards.filter(c => `${c.uuid}` === id)[0] - return { - card, - index: cards.indexOf(card), - } - } +const Container = ({dropcard}) => { const [, drop] = useDrop({ - accept: ItemTypes[type], + accept: 'print', drop(item) { - + dropcard(item) } }) return ( - <div ref={drop} className="ant-row"> - + <div ref={drop} className="print-area"> + <canvas id="darea"></canvas> </div> ) } -- Gitblit v1.8.0