https://github.com/zheng-changfu/drag-drop

基于 Vue3 框架的拖拽库,可以拖拽一切
https://github.com/zheng-changfu/drag-drop

drag-drop plugin-architecture vue3-typescript

Last synced: 5 days ago
JSON representation

基于 Vue3 框架的拖拽库,可以拖拽一切

• Host: GitHub
• URL: https://github.com/zheng-changfu/drag-drop
• Owner: Zheng-Changfu
• Created: 2023-08-11T06:54:23.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-08-22T12:03:53.000Z (over 1 year ago)
• Last Synced: 2023-08-22T15:28:58.032Z (over 1 year ago)
• Topics: drag-drop, plugin-architecture, vue3-typescript
• Language: TypeScript
• Homepage:
• Size: 179 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Drag-Drop

## 描述

基于 `Vue3 框架`的拖拽库,可以拖拽一切

## 调试

1. git clone https://github.com/Zheng-Changfu/drag-drop.git

2. cd `[projectName]`

3. pnpm install

4. pnpm dev

## 插件集

| 插件描述 | 插件包名 |  是否支持跨Iframe | 是否完成 | 

| --- | --- | --- | --- |

| 鼠标跟随插件 | `@drag-drop/plugin-mouse-follow` | ✅ | ✅ | 

| 拖拽排序插件 | `@drag-drop/plugin-sort` | ✅ | ✅ | 

| 低代码 `outline` 插件 | `@drag-drop/plugin-outline` | ✅ | ✅ | 

| 自由拖拽插件 | `@drag-drop/plugin-draggable` | ✅ | ❌ | 

| 低代码流式布局`辅助线`插件 | `@drag-drop/plugin-auxiliaryLine` |✅ | ✅ | 

| 低代码自由布局`标尺线`插件 | `@drag-drop/plugin-rulerLine` | ✅ | ❌ | 

## 如何使用

开发中...