@dflex/draggable
Advanced tools
Comparing version 0.3.3 to 0.4.0
{ | ||
"name": "@dflex/draggable", | ||
"version": "0.3.3", | ||
"version": "0.4.0", | ||
"main": "dist/dflexDraggable.min.cjs.js", | ||
@@ -41,3 +41,3 @@ "umd:main": "dist/dflexDraggable.min.umd", | ||
}, | ||
"gitHead": "be30682e6007ea793dee2c80bcc2e587edab181e" | ||
"gitHead": "41b8998914fff78e00ad87ccb94adc1cd318e966" | ||
} |
@@ -10,2 +10,13 @@ # @dflex/draggable | ||
## Documentation | ||
Visit DFlex site for more <https://jalal246.github.io/dflex/> and to see live | ||
examples with the full code. | ||
## Installation | ||
```bash | ||
npm install @dflex/draggable | ||
``` | ||
<p align="center"> | ||
@@ -17,12 +28,14 @@ <img | ||
## Documentation | ||
## Features | ||
Visit DFlex site for more <https://jalal246.github.io/dflex/> and to see live examples with the full code. | ||
- You can add strictly draggable, moving only horizontal or vertical by yourself | ||
because you control dragging coordinations. | ||
## Installation | ||
- You can control the clickable area, simply because it's a mouse event. Could | ||
be on the entire element or a small button of the element. It's up to you. | ||
```bash | ||
npm install @dflex/draggable | ||
``` | ||
- You know when the dragging is going to start and end without adding additional API functions. | ||
- It can be nested dragging. Related to a list of elements or just one element It doesn't matter. It is always the same. | ||
## API | ||
@@ -77,3 +90,3 @@ | ||
dragValue: string; | ||
afterDragValue?: string; | ||
afterDragValue:? string; | ||
} | ||
@@ -117,19 +130,24 @@ ``` | ||
## Key points | ||
### Implementations | ||
- You can add strictly draggable, moving only horizontal or vertical by yourself | ||
because you control dragging coordinations. | ||
- [Full React example](https://github.com/jalal246/dflex/tree/master/packages/draggable/playgrounds/dflex-react-draggable) | ||
- You can control the clickable area, simply because it's a mouse event. Could | ||
be on the entire element or a small button of the element. It's up to you. | ||
- [Full Vue example](https://github.com/jalal246/dflex/tree/master/packages/draggable/playgrounds/dflex-vue-draggable) | ||
- You know when the dragging is going to start and end without adding additional API functions. | ||
## Project Content | ||
- It can be nested dragging. Related to a list of elements or just one element It doesn't matter. It is always the same. | ||
DFlex Draggable is part of project contains: | ||
### Implementations | ||
- [DOM Generator](https://github.com/jalal246/dflex/tree/master/packages/dom-gen) DOM | ||
relations generator algorithm. Generate relations between DOM elements based | ||
on element depth without a browser. | ||
- [Full React example](https://github.com/jalal246/dflex/tree/master/packages/draggable/playgrounds/dflex-react-draggable) | ||
- [DOM Store](https://github.com/jalal246/dflex/tree/master/packages/store) The | ||
only Store that allows you to traverse through the DOM tree using element id | ||
without reading from the browser. | ||
- [Full Vue example](https://github.com/jalal246/dflex/tree/master/packages/draggable/playgrounds/dflex-vue-draggable) | ||
- [Drag & Drop](https://github.com/jalal246/dflex/tree/master/packages/dnd) A | ||
Simple, lightweight Solution for a Drag & Drop App based on enhanced DOM store | ||
algorithm. You can achieve a drag and drop with three steps only with mouse | ||
event. | ||
@@ -136,0 +154,0 @@ ## Test |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
74546
167