@vue-dnd-kit/core 0.5.3 → 0.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
# Vue Drag & Drop Library - Core Package
|
|
2
2
|
|
|
3
3
|
[](https://github.com/zizigy/vue-dnd-kit)
|
|
4
|
-
|
|
4
|
+
|
|
5
|
+
> ⚠️ **Warning**: This project is in active development (beta). The API may change between minor versions. Not recommended for production use until version 1.0.0.
|
|
5
6
|
|
|
6
7
|
<p align="center">
|
|
7
8
|
<a href="https://zizigy.github.io/vue-dnd-hooks/">
|
|
@@ -24,14 +25,15 @@
|
|
|
24
25
|
</p>
|
|
25
26
|
|
|
26
27
|
## Project Status
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
28
|
+
|
|
29
|
+
This project is in active development. We're working toward a stable API, but until version 1.0.0, there may be breaking changes.
|
|
30
|
+
|
|
31
|
+
Roadmap:
|
|
32
|
+
|
|
33
|
+
- [x] Basic drag & drop functionality
|
|
34
|
+
- [x] Complete documentation
|
|
35
|
+
- [ ] Tests
|
|
36
|
+
- [ ] Stable API (version 1.0.0)
|
|
35
37
|
|
|
36
38
|
## Features
|
|
37
39
|
|
|
@@ -42,12 +44,14 @@
|
|
|
42
44
|
- Intuitive hooks-based approach
|
|
43
45
|
- Clean and declarative syntax
|
|
44
46
|
- Minimal boilerplate code
|
|
47
|
+
|
|
45
48
|
- 🎨 **Full Customization**
|
|
46
49
|
|
|
47
50
|
- Custom drag overlays
|
|
48
51
|
- Flexible styling system
|
|
49
52
|
- Animation support
|
|
50
53
|
- Custom drag handles
|
|
54
|
+
|
|
51
55
|
- 📱 **Advanced Input Support**
|
|
52
56
|
|
|
53
57
|
- Touch devices support
|
|
@@ -62,6 +66,7 @@
|
|
|
62
66
|
- Minimal re-renders
|
|
63
67
|
- Efficient DOM updates
|
|
64
68
|
- Memory leak prevention
|
|
69
|
+
|
|
65
70
|
- 🔄 **Smart Auto-scrolling**
|
|
66
71
|
|
|
67
72
|
- Smooth scroll animations
|
|
@@ -77,6 +82,7 @@
|
|
|
77
82
|
- Type inference
|
|
78
83
|
- IDE autocompletion
|
|
79
84
|
- Type-safe events
|
|
85
|
+
|
|
80
86
|
- 📐 **Layout Features**
|
|
81
87
|
|
|
82
88
|
- Grid system support
|
|
@@ -92,12 +98,14 @@
|
|
|
92
98
|
- Zone filtering
|
|
93
99
|
- Nested groups
|
|
94
100
|
- Dynamic group validation
|
|
101
|
+
|
|
95
102
|
- 📊 **Rich Events System**
|
|
96
103
|
|
|
97
104
|
- Comprehensive lifecycle events
|
|
98
105
|
- Custom event handlers
|
|
99
106
|
- Drag state tracking
|
|
100
107
|
- Position coordinates
|
|
108
|
+
|
|
101
109
|
- 🛡️ **Built-in Utilities**
|
|
102
110
|
|
|
103
111
|
- Geometry calculations
|
|
@@ -129,6 +137,20 @@ yarn add @vue-dnd-kit/core
|
|
|
129
137
|
pnpm install @vue-dnd-kit/core
|
|
130
138
|
```
|
|
131
139
|
|
|
140
|
+
## Setup
|
|
141
|
+
|
|
142
|
+
Register the plugin in your main.js/ts file:
|
|
143
|
+
|
|
144
|
+
```js
|
|
145
|
+
import { createApp } from 'vue';
|
|
146
|
+
import App from './App.vue';
|
|
147
|
+
import VueDnDKitPlugin from '@vue-dnd-kit/core';
|
|
148
|
+
|
|
149
|
+
const app = createApp(App);
|
|
150
|
+
app.use(VueDnDKitPlugin);
|
|
151
|
+
app.mount('#app');
|
|
152
|
+
```
|
|
153
|
+
|
|
132
154
|
## Basic Usage
|
|
133
155
|
|
|
134
156
|
### App.vue
|
package/package.json
CHANGED