2022-10-20

king

2022-10-20 6de5ea0a0c6f06e0321ae41846473118fb85de48

 src/menu/components/tabs/table-tabs/dragabletabs.jsx

@@ -19,6 +19,9 @@

    if (dragKey === hoverKey) {
      return;
    } else if (!dragKey) {
      monitor.getItem().added = true
      props.tabsDrop(hoverKey)
    }

    props.moveTabNode(dragKey, hoverKey)
@@ -35,10 +38,10 @@
  }
}

const WrapTabNode = DropTarget('DND_NODE', cardTarget, connect => ({
const WrapTabNode = DropTarget('menu', cardTarget, connect => ({
  connectDropTarget: connect.dropTarget(),
}))(
  DragSource('DND_NODE', cardSource, (connect, monitor) => ({
  DragSource('menu', cardSource, (connect, monitor) => ({
    connectDragSource: connect.dragSource(),
    isDragging: monitor.isDragging(),
  }))(TabNode)
@@ -62,6 +65,11 @@
    const dragIndex = newOrder.indexOf(dragKey)
    const hoverIndex = newOrder.indexOf(hoverKey)

    if (dragIndex === -1) {
      this.props.tabsDrop(hoverKey, dragKey)
      return
    }

    newOrder.splice(dragIndex, 1)
    newOrder.splice(hoverIndex, 0, dragKey)
    
@@ -74,7 +82,7 @@
  renderTabBar = (props, DefaultTabBar) => (
    <DefaultTabBar {...props}>
      {node => (
        <WrapTabNode key={node.key} index={node.key} moveTabNode={this.moveTabNode}>
        <WrapTabNode key={node.key} index={node.key} moveTabNode={this.moveTabNode} tabsDrop={this.props.tabsDrop}>
          {node}
        </WrapTabNode>
      )}
@@ -82,10 +90,7 @@
  )

  shouldComponentUpdate (nextProps, nextState) {
    return !is(fromJS(this.state), fromJS(nextState)) ||
      !is(fromJS(nextProps.children), fromJS(this.props.children)) ||
      nextProps.tabPosition !== this.props.tabPosition ||
      nextProps.type !== this.props.type
    return !is(fromJS(this.state), fromJS(nextState)) || !is(fromJS(nextProps.children), fromJS(this.props.children))
  }

  render() {