@vue-dnd-kit/core 0.0.12 → 0.0.13
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 +100 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1 +1,100 @@
|
|
|
1
|
-
|
|
1
|
+
# Vue Drag & Drop Hooks Core
|
|
2
|
+
|
|
3
|
+
<p align="center">
|
|
4
|
+
<a href="https://zizigy.github.io/vue-dnd-hooks/">
|
|
5
|
+
<img src="https://raw.githubusercontent.com/ZiZiGY/vue-dnd-hooks/master/public/logo.svg" width="400" alt="Vue Drag & Drop Logo">
|
|
6
|
+
</a>
|
|
7
|
+
</p>
|
|
8
|
+
|
|
9
|
+
<p align="center">
|
|
10
|
+
Core package of the Vue Drag & Drop library with essential hooks and functionality.
|
|
11
|
+
</p>
|
|
12
|
+
|
|
13
|
+
<p align="center">
|
|
14
|
+
<a href="https://zizigy.github.io/vue-dnd-hooks/" target="_blank">
|
|
15
|
+
<img src="https://img.shields.io/badge/Documentation-Visit-blue?style=flat-square" alt="Documentation">
|
|
16
|
+
</a>
|
|
17
|
+
</p>
|
|
18
|
+
|
|
19
|
+
<p align="center">
|
|
20
|
+
Inspired by the popular <a href="https://dndkit.com/" target="_blank">React DnD Kit</a> library, adapted for Vue.js
|
|
21
|
+
</p>
|
|
22
|
+
|
|
23
|
+
## Core Features
|
|
24
|
+
|
|
25
|
+
### Basic Hooks
|
|
26
|
+
|
|
27
|
+
- 🎯 **Simple Composables API**
|
|
28
|
+
|
|
29
|
+
- Intuitive hooks-based approach
|
|
30
|
+
- Clean and declarative syntax
|
|
31
|
+
- Minimal boilerplate code
|
|
32
|
+
|
|
33
|
+
- 🎨 **Full Customization**
|
|
34
|
+
|
|
35
|
+
- Custom drag overlays
|
|
36
|
+
- Flexible styling system
|
|
37
|
+
- Animation support
|
|
38
|
+
- Custom drag handles
|
|
39
|
+
|
|
40
|
+
- 📱 **Advanced Input Support**
|
|
41
|
+
|
|
42
|
+
- Touch devices support
|
|
43
|
+
- Mouse events
|
|
44
|
+
- Multi-touch gestures
|
|
45
|
+
|
|
46
|
+
### Performance
|
|
47
|
+
|
|
48
|
+
- ⚡ **Optimized Rendering**
|
|
49
|
+
|
|
50
|
+
- Virtual DOM friendly
|
|
51
|
+
- Minimal re-renders
|
|
52
|
+
- Efficient DOM updates
|
|
53
|
+
- Memory leak prevention
|
|
54
|
+
|
|
55
|
+
- 🔄 **Smart Auto-scrolling**
|
|
56
|
+
|
|
57
|
+
- Smooth scroll animations
|
|
58
|
+
- Configurable thresholds
|
|
59
|
+
- Performance-optimized
|
|
60
|
+
- Works with nested scrollable containers
|
|
61
|
+
|
|
62
|
+
### Developer Experience
|
|
63
|
+
|
|
64
|
+
- 🔍 **TypeScript Ready**
|
|
65
|
+
|
|
66
|
+
- Full type coverage
|
|
67
|
+
- Type inference
|
|
68
|
+
- IDE autocompletion
|
|
69
|
+
- Type-safe events
|
|
70
|
+
|
|
71
|
+
- 📐 **Layout Features**
|
|
72
|
+
|
|
73
|
+
- Grid system support
|
|
74
|
+
- Flex layout compatible
|
|
75
|
+
- Responsive design ready
|
|
76
|
+
- Dynamic constraints
|
|
77
|
+
|
|
78
|
+
## Installation
|
|
79
|
+
|
|
80
|
+
Choose your preferred package manager:
|
|
81
|
+
|
|
82
|
+
```bash
|
|
83
|
+
npm install @vue-dnd-hooks/core
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
```bash
|
|
87
|
+
yarn add @vue-dnd-hooks/core
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
```bash
|
|
91
|
+
pnpm install @vue-dnd-hooks/core
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
## 📄 License
|
|
95
|
+
|
|
96
|
+
[MIT](LICENSE) © [ZiZiGY](https://github.com/ZiZiGY)
|
|
97
|
+
|
|
98
|
+
---
|
|
99
|
+
|
|
100
|
+
<p align="center">Made with ❤️ for the Vue.js community</p>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vue-dnd-kit/core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.13",
|
|
4
4
|
"description": "Core functionality for Vue DnD Kit - a lightweight Vue 3 library for building performant and accessible drag and drop interfaces",
|
|
5
5
|
"author": "ZiZIGY",
|
|
6
6
|
"license": "MIT",
|