estel/playtool-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
dbf190597b58a3e5c1201573b600b4824412264d
playtool-demo/.kiro/specs/workflow-drag-drop-fix/tasks.md
estel dbf190597b 节点初步完成
2025-08-22 14:03:18 +08:00

2.3 KiB
Raw Blame History

Implementation Plan

  • 1. Fix vuedraggable group configuration for cross-panel transfers

    • Update right panel draggable configuration to use proper group settings with clone functionality
    • Update left panel draggable configuration to accept nodes from right panel
    • Ensure group names are consistent between both panels
    • Requirements: 1.1, 1.2, 3.1, 3.2

  • 2. Improve node cloning function for unique ID generation

    • Enhance cloneNode function to generate more robust unique IDs using timestamp and random string
    • Implement deep cloning of node configurations to prevent reference issues
    • Add validation to ensure cloned nodes maintain all required properties
    • Requirements: 1.4, 3.3

  • 3. Fix draggable list binding and event handling

    • Correct the list binding for right panel draggable to prevent modification of original nodes
    • Update workflow change handler to properly process added nodes
    • Add validation for dropped nodes to ensure data integrity
    • Requirements: 1.2, 1.3, 2.2

  • 4. Add visual feedback and drag state indicators

    • Implement drag state visual feedback with appropriate cursor changes
    • Add drop zone highlighting for better user experience
    • Enhance drag operation visual indicators
    • Requirements: 4.1, 4.2, 4.3, 4.4

  • 5. Test and validate drag and drop functionality

    • Test dragging nodes from right panel to left panel
    • Verify node reordering within left panel works correctly
    • Validate that original nodes remain unchanged in right panel
    • Test configuration preservation and editing functionality
    • Requirements: 1.1, 1.2, 1.3, 1.5, 2.1, 2.2, 3.1, 3.2, 3.3

  • 6. Fix workflow node drag and drop reordering

    • Enable proper drag and drop functionality for reordering nodes within the workflow panel
    • Configure vuedraggable with correct options for internal sorting
    • Add proper event handlers for drag operations
    • Remove unused drag event handlers to fix linting issues
    • Requirements: 1.2, 1.3, 2.2

  • 7. Implement independent scrolling for left and right panels

    • Separate scroll containers for left workflow panel and right node library
    • Ensure left panel scrolling doesn't affect right panel and vice versa
    • Maintain proper layout and responsive behavior
    • Fix overflow handling for both panels
    • Requirements: 4.1, 4.2