2020-10-11

king

2020-10-11 5902ba5c3ff85efc78c95364196cd6ab5d2d1601

 src/menu/components/card/cardcellcomponent/dragaction/card.jsx

@@ -9,7 +9,7 @@
import demo4 from '@/assets/img/demo4.jpg'
import demo5 from '@/assets/img/demo5.jpg'

const Card = ({ id, cardIds, card, moveCard, findCard, editCard, delCard }) => {
const Card = ({ id, cardIds, card, moveCard, findCard, editCard, delCard, changeStyle }) => {
  const originalIndex = findCard(id).index
  const [{ isDragging }, drag] = useDrag({
    item: { type: 'action', id, originalIndex },
@@ -32,18 +32,9 @@
  })

  let _style = {opacity: isDragging ? 0 : 1}

  _style.textAlign = card.align
  _style.color = card.color
  
  if (card.padding) {
    _style.padding = card.padding
  }
  if (card.fontSize) {
    _style.fontSize = card.fontSize + 'px'
  }
  if (card.fontWeight) {
    _style.fontWeight = card.fontWeight
  if (card.style) {
    _style = {...card.style, opacity: isDragging ? 0 : 1}
  }

  const getContent = () => {
@@ -102,7 +93,7 @@
      <div className="mk-popover-control">
        <Icon className="edit" title="edit" type="edit" onClick={() => editCard(id)} />
        <Icon className="close" title="close" type="close" onClick={() => delCard(id)} />
        {/* <Icon className="style" title="调整样式" onClick={this.changeStyle} type="font-colors" /> */}
        <Icon className="style" title="调整样式" onClick={() => changeStyle(id)} type="font-colors" />
      </div>
    } trigger="hover">
      <div ref={node => drag(drop(node))} className={'ant-col card-cell ant-col-' + card.width} style={_style}>