@vue-dnd-kit/core 0.0.10
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 +1 -0
- package/dist/components/DefaultOverlay.vue.d.ts +2 -0
- package/dist/components/DragOverlay.vue.d.ts +2 -0
- package/dist/composables/useDnDStore.d.ts +64 -0
- package/dist/composables/useDragContainer.d.ts +73 -0
- package/dist/composables/useDraggable.d.ts +50 -0
- package/dist/composables/useDroppable.d.ts +90 -0
- package/dist/composables/usePointer.d.ts +6 -0
- package/dist/composables/useSelection.d.ts +13 -0
- package/dist/composables/useSensor.d.ts +6 -0
- package/dist/index.cjs.js +22 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.esm.js +2701 -0
- package/dist/managers/useElementManager.d.ts +17 -0
- package/dist/managers/useInteractionManager.d.ts +4 -0
- package/dist/managers/useZoneManager.d.ts +8 -0
- package/dist/utils/dom.d.ts +1 -0
- package/dist/utils/geometry.d.ts +15 -0
- package/dist/utils/namespaces.d.ts +2 -0
- package/package.json +51 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { IUseDragOptions } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* Hook for managing draggable elements and their interactions.
|
|
4
|
+
* Provides methods for registering, unregistering elements,
|
|
5
|
+
* checking if an element is being dragged, and determining if it can be dropped.
|
|
6
|
+
*
|
|
7
|
+
* @param options - Optional configuration object for element management
|
|
8
|
+
* @returns Object containing element management state and methods
|
|
9
|
+
*/
|
|
10
|
+
export declare const useElementManager: (options?: IUseDragOptions) => {
|
|
11
|
+
elementRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
|
|
12
|
+
registerElement: () => void;
|
|
13
|
+
unregisterElement: () => void;
|
|
14
|
+
isDragging: import("vue").ComputedRef<boolean>;
|
|
15
|
+
isOvered: import("vue").ComputedRef<boolean>;
|
|
16
|
+
isAllowed: import("vue").ComputedRef<boolean>;
|
|
17
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IUseDropOptions } from '../types';
|
|
2
|
+
export declare const useZoneManager: (options?: IUseDropOptions) => {
|
|
3
|
+
elementRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
|
|
4
|
+
registerZone: () => void;
|
|
5
|
+
unregisterZone: () => void;
|
|
6
|
+
isOvered: import("vue").ComputedRef<boolean>;
|
|
7
|
+
isAllowed: import("vue").ComputedRef<boolean>;
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const isDescendant: (element: HTMLElement | null, container: HTMLElement) => boolean;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { IBoundingBox, IPoint } from '../types';
|
|
2
|
+
export declare const checkCollision: (boxA: IBoundingBox, boxB: IBoundingBox) => boolean;
|
|
3
|
+
export declare const getBoundingBox: (element: HTMLElement | null) => IBoundingBox;
|
|
4
|
+
export declare const getCenter: (box: IBoundingBox) => IPoint;
|
|
5
|
+
export declare const getOffset: (element: HTMLElement | null, pointer: IPoint) => {
|
|
6
|
+
pixel: {
|
|
7
|
+
x: number;
|
|
8
|
+
y: number;
|
|
9
|
+
};
|
|
10
|
+
percent: {
|
|
11
|
+
x: number;
|
|
12
|
+
y: number;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export declare const getDistance: (pointA: IPoint, pointB: IPoint) => number;
|
package/package.json
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@vue-dnd-kit/core",
|
|
3
|
+
"version": "0.0.10",
|
|
4
|
+
"description": "Core functionality for Vue DnD Kit - a lightweight Vue 3 library for building performant and accessible drag and drop interfaces",
|
|
5
|
+
"author": "ZiZIGY",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "git+https://github.com/zizigy/vue-dnd-kit.git",
|
|
10
|
+
"directory": "packages/core"
|
|
11
|
+
},
|
|
12
|
+
"scripts": {
|
|
13
|
+
"start": "vite build --watch",
|
|
14
|
+
"build": "vite build",
|
|
15
|
+
"test": "vitest run",
|
|
16
|
+
"lint": "eslint src --ext .ts,.vue",
|
|
17
|
+
"prepublish": "npm run build"
|
|
18
|
+
},
|
|
19
|
+
"main": "dist/index.js",
|
|
20
|
+
"module": "dist/index.esm.js",
|
|
21
|
+
"types": "dist/index.d.ts",
|
|
22
|
+
"exports": {
|
|
23
|
+
".": {
|
|
24
|
+
"types": "./dist/index.d.ts",
|
|
25
|
+
"import": "./dist/index.esm.js",
|
|
26
|
+
"require": "./dist/index.js"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"files": [
|
|
30
|
+
"README.md",
|
|
31
|
+
"CHANGELOG.md",
|
|
32
|
+
"LICENSE",
|
|
33
|
+
"dist"
|
|
34
|
+
],
|
|
35
|
+
"peerDependencies": {
|
|
36
|
+
"vue": "^3.5.13"
|
|
37
|
+
},
|
|
38
|
+
"devDependencies": {
|
|
39
|
+
"@vitejs/plugin-vue": "^4.2.3",
|
|
40
|
+
"eslint": "^8.38.0",
|
|
41
|
+
"typescript": "^4.9.5",
|
|
42
|
+
"vite": "^6.0.5",
|
|
43
|
+
"vite-plugin-dts": "^4.5.0",
|
|
44
|
+
"vitepress": "^1.6.3",
|
|
45
|
+
"vue": "^3.5.13"
|
|
46
|
+
},
|
|
47
|
+
"publishConfig": {
|
|
48
|
+
"access": "public",
|
|
49
|
+
"registry": "https://registry.npmjs.org/"
|
|
50
|
+
}
|
|
51
|
+
}
|