@vue-dnd-kit/core 2.1.3 → 2.1.5

package/README.md

@@ -1,74 +1,74 @@
-# Vue DnD Kit - Core Package
-
-[![Release](https://img.shields.io/badge/status-release-green.svg)](https://github.com/zizigy/vue-dnd-kit)
-[![npm version](https://img.shields.io/npm/v/@vue-dnd-kit/core.svg)](https://www.npmjs.com/package/@vue-dnd-kit/core)
-
-<p align="center">
-  <a href="https://zizigy.github.io/vue-dnd-kit/">
-    <img src="https://raw.githubusercontent.com/ZiZiGY/vue-dnd-kit/v2/public/logo.svg" width="400" alt="Vue Drag & Drop Logo">
-  </a>
-</p>
-
-<p align="center">
-  Core package of the Vue Drag & Drop library with composables and provider-based API.
-</p>
-
-<p align="center">
-  <a href="https://zizigy.github.io/vue-dnd-kit/" target="_blank">
-    <img src="https://img.shields.io/badge/Documentation-Visit-blue?style=flat-square" alt="Documentation">
-  </a>
-</p>
-
-<p align="center">
-  Inspired by <a href="https://dndkit.com/" target="_blank">React DnD Kit</a>, adapted for Vue.js
-</p>
-
----
-
-## About
-
-**Vue DnD Kit** — lightweight drag & drop library for Vue 3. Built around a provider (`DnDProvider`) and composables: `makeDraggable`, `makeDroppable`, `makeSelectionArea`, `makeConstraintArea`.
-
-- **Lightweight** — small bundle size, no extra dependencies (Vue as peer only)
-- **Flexible** — works with any layout and design system
-- **Accessible** — full keyboard support (start, move, cancel, drop)
-- **TypeScript** — fully typed
-
----
-
-## Features
-
-- **Composables API** — `makeDraggable`, `makeDroppable`, `makeSelectionArea`, `makeConstraintArea`
-- **Provider-based** — `DnDProvider` + `useDnDProvider` for state access
-- **Keyboard support** — Enter/Space for start and drop, arrows for movement, Escape to cancel
-- **Modifier keys** — drag only when modifier held (e.g. Ctrl)
-- **Custom overlay** — custom drag preview via slot or `render` option
-
----
-
-## Installation
-
-```bash
-npm install @vue-dnd-kit/core
-```
-
-```bash
-yarn add @vue-dnd-kit/core
-```
-
-```bash
-pnpm add @vue-dnd-kit/core
-```
-
-**Peer dependency:** Vue 3
-
----
-
-## License
-
-[MIT](LICENSE) © [ZiZiGY](https://github.com/ZiZiGY)
-
----
-
-<p align="center">🎉 Congratulations on the official release! 🎉</p>
-<p align="center">Made with ❤️ for the Vue.js community</p>
+# Vue DnD Kit - Core Package
+
+[![Release](https://img.shields.io/badge/status-release-green.svg)](https://github.com/zizigy/vue-dnd-kit)
+[![npm version](https://img.shields.io/npm/v/@vue-dnd-kit/core.svg)](https://www.npmjs.com/package/@vue-dnd-kit/core)
+
+<p align="center">
+  <a href="https://zizigy.github.io/vue-dnd-kit/">
+    <img src="https://raw.githubusercontent.com/ZiZiGY/vue-dnd-kit/v2/public/logo.svg" width="400" alt="Vue Drag & Drop Logo">
+  </a>
+</p>
+
+<p align="center">
+  Core package of the Vue Drag & Drop library with composables and provider-based API.
+</p>
+
+<p align="center">
+  <a href="https://zizigy.github.io/vue-dnd-kit/" target="_blank">
+    <img src="https://img.shields.io/badge/Documentation-Visit-blue?style=flat-square" alt="Documentation">
+  </a>
+</p>
+
+<p align="center">
+  Inspired by <a href="https://dndkit.com/" target="_blank">React DnD Kit</a>, adapted for Vue.js
+</p>
+
+---
+
+## About
+
+**Vue DnD Kit** — lightweight drag & drop library for Vue 3. Built around a provider (`DnDProvider`) and composables: `makeDraggable`, `makeDroppable`, `makeSelectionArea`, `makeConstraintArea`.
+
+- **Lightweight** — small bundle size, no extra dependencies (Vue as peer only)
+- **Flexible** — works with any layout and design system
+- **Accessible** — full keyboard support (start, move, cancel, drop)
+- **TypeScript** — fully typed
+
+---
+
+## Features
+
+- **Composables API** — `makeDraggable`, `makeDroppable`, `makeSelectionArea`, `makeConstraintArea`
+- **Provider-based** — `DnDProvider` + `useDnDProvider` for state access
+- **Keyboard support** — Enter/Space for start and drop, arrows for movement, Escape to cancel
+- **Modifier keys** — drag only when modifier held (e.g. Ctrl)
+- **Custom overlay** — custom drag preview via slot or `render` option
+
+---
+
+## Installation
+
+```bash
+npm install @vue-dnd-kit/core
+```
+
+```bash
+yarn add @vue-dnd-kit/core
+```
+
+```bash
+pnpm add @vue-dnd-kit/core
+```
+
+**Peer dependency:** Vue 3
+
+---
+
+## License
+
+[MIT](LICENSE) © [ZiZiGY](https://github.com/ZiZiGY)
+
+---
+
+<p align="center">🎉 Congratulations on the official release! 🎉</p>
+<p align="center">Made with ❤️ for the Vue.js community</p>

package/dist/external/components/DnDProvider.vue.d.ts

@@ -3,18 +3,18 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
-        overlay?(_: {
-            overlay: import('vue').Component;
+        preview?(_: {
+            preview: import('vue').Component;
         }): any;
     };
     refs: {
-        overlayRef: HTMLDivElement;
+        previewRef: HTMLDivElement;
     };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IDnDProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IDnDProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    overlayRef: HTMLDivElement;
+    previewRef: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/external/components/DragPreview.vue.d.ts

@@ -0,0 +1,81 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            draggingMap: Map<HTMLElement, {
+                initialHTML: string;
+                initialRect: {
+                    height: number;
+                    width: number;
+                    x: number;
+                    y: number;
+                    readonly bottom: number;
+                    readonly left: number;
+                    readonly right: number;
+                    readonly top: number;
+                    toJSON: () => any;
+                };
+                initialOuterHTML: string;
+                render?: Component;
+                events?: {
+                    onSelfDragStart?: ((event: import('..').IDragEvent) => void) | undefined;
+                    onSelfDragMove?: ((event: import('..').IDragEvent) => void) | undefined;
+                    onSelfDragEnd?: ((event: import('..').IDragEvent) => void) | undefined;
+                    onSelfDragCancel?: ((event: import('..').IDragEvent) => void) | undefined;
+                    onDragStart?: ((event: import('..').IDragEvent) => void) | undefined;
+                    onDragMove?: ((event: import('..').IDragEvent) => void) | undefined;
+                    onDragEnd?: ((event: import('..').IDragEvent) => void) | undefined;
+                    onDragCancel?: ((event: import('..').IDragEvent) => void) | undefined;
+                    onHover?: ((event: import('..').IDragEvent) => void) | undefined;
+                    onLeave?: ((event: import('..').IDragEvent) => void) | undefined;
+                } | undefined;
+                payload?: import('..').TDraggablePayload | undefined;
+                data?: (() => unknown) | undefined;
+                modifier?: {
+                    keys: string[];
+                    method: import('..').TModifierMethod;
+                } | undefined;
+                dragHandle?: string | undefined;
+                activation?: {
+                    distance?: number | {
+                        x?: number | undefined;
+                        y?: number | undefined;
+                        condition?: import('..').TCondition | undefined;
+                    } | undefined;
+                    delay?: number | undefined;
+                    condition?: import('..').TCondition | undefined;
+                } | undefined;
+                placementMargins?: {
+                    top?: number | undefined;
+                    right?: number | undefined;
+                    bottom?: number | undefined;
+                    left?: number | undefined;
+                } | undefined;
+                hoveredPlacement?: {
+                    top: boolean;
+                    right: boolean;
+                    bottom: boolean;
+                    left: boolean;
+                    center: boolean;
+                } | undefined;
+                disabled?: boolean | undefined;
+                groups?: string[] | undefined;
+            }> & Omit<Map<HTMLElement, import('..').IDraggingEntity>, keyof Map<any, any>>;
+        }): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    contentRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/external/index.d.ts

@@ -1,5 +1,6 @@
 import { default as DnDProvider } from './components/DnDProvider.vue';
-export { DnDProvider };
+import { default as DragPreview } from './components/DragPreview.vue';
+export { DnDProvider, DragPreview };
 export { makeDraggable } from './composables/makeDraggable';
 export { makeSelectionArea } from './composables/makeSelectionArea';
 export { makeConstraintArea } from './composables/makeConstraintArea';