@vue-dnd-kit/core 0.5.4 → 0.5.6

package/dist/composables/useDroppable.d.ts

@@ -1,91 +0,0 @@
-import { IUseDropOptions } from "../types";
-
-/**
- * Hook for creating drop zones that can accept dragged elements.
- * Manages drop zone registration and interaction states.
- *
- * @param options - Configuration options for drop zone
- * @param options.groups - Groups that this zone accepts. Elements can only be
- *                        dropped if they share at least one group with the zone
- * @param options.events - Event handlers for drop zone lifecycle
- * @param options.events.onDrop - Called when compatible element is dropped
- * @param options.events.onHover - Called when compatible element hovers
- * @param options.events.onLeave - Called when element leaves zone
- * @param options.data - Custom data accessible in event handlers
- *
- * @returns Object containing:
- * - elementRef: Reference to be bound to drop zone element
- * - isOvered: Whether zone is currently being hovered by dragged element
- * - isAllowed: Whether currently dragged element can be dropped (groups match)
- *
- * @example
- * ```vue
- * <template>
- *   <div
- *     ref="elementRef"
- *     :class="{
- *       'drop-zone': true,
- *       'zone-hovered': isOvered,
- *       'drop-allowed': isAllowed && isOvered,
- *       'drop-forbidden': !isAllowed && isOvered
- *     }"
- *   >
- *     <slot />
- *   </div>
- * </template>
- *
- * <script setup lang="ts">
- * const { elementRef, isOvered, isAllowed } = useDrop({
- *   // Зона принимает только элементы из группы 'items'
- *   groups: ['items'],
- *   events: {
- *     onDrop: (store) => {
- *       const droppedElements = store.draggingElements.value;
- *       console.log('Elements dropped!', droppedElements);
- *     },
- *     onHover: (store) => {
- *       // Подсветка зоны при наведении совместимого элемента
- *       if (isAllowed.value) {
- *         console.log('Compatible element hovering!');
- *       }
- *     },
- *     onLeave: () => {
- *       console.log('Element left drop zone');
- *     }
- *   },
- *   // Пользовательские данные доступны в обработчиках
- *   data: {
- *     zoneId: 'main-drop-zone',
- *     acceptLimit: 5
- *   }
- * });
- * </script>
- *
- * <style scoped>
- * .drop-zone {
- *   border: 2px dashed #ccc;
- *   padding: 20px;
- *   transition: all 0.3s;
- * }
- *
- * .zone-hovered {
- *   background: #f0f0f0;
- * }
- *
- * .drop-allowed {
- *   border-color: #4CAF50;
- *   background: #E8F5E9;
- * }
- *
- * .drop-forbidden {
- *   border-color: #F44336;
- *   background: #FFEBEE;
- * }
- * </style>
- * ```
- */
-export declare const useDroppable: (options?: IUseDropOptions) => {
-    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-    isOvered: import('vue').ComputedRef<boolean>;
-    isAllowed: import('vue').ComputedRef<boolean>;
-};

package/dist/composables/useKeyboard.d.ts

@@ -1,10 +0,0 @@
-import { Ref } from 'vue';
-
-export interface IKeyboardOptions {
-    moveStep?: number;
-}
-export declare const useKeyboard: (elementRef: Ref<HTMLElement | null>, options?: IKeyboardOptions) => {
-    onKeyboardStart: (event: KeyboardEvent) => void;
-    onKeyboardMove: () => void;
-    onKeyboardEnd: () => void;
-};

package/dist/composables/usePointer.d.ts

@@ -1,7 +0,0 @@
-import { Ref } from 'vue';
-
-export declare const usePointer: (elementRef: Ref<HTMLElement | null>) => {
-    onPointerStart: (event: PointerEvent) => void;
-    onPointerMove: (event: PointerEvent | WheelEvent) => void;
-    onPointerEnd: () => void;
-};

package/dist/composables/useSelection.d.ts

@@ -1,9 +0,0 @@
-import { Ref } from 'vue';
-
-export declare const useSelection: (elementRef: Ref<HTMLElement | null>) => {
-    handleUnselect: () => void;
-    handleSelect: () => void;
-    handleToggleSelect: () => void;
-    isSelected: import('vue').ComputedRef<boolean>;
-    isParentOfSelected: import('vue').ComputedRef<boolean>;
-};

package/dist/composables/useSensor.d.ts

@@ -1,8 +0,0 @@
-import { IUseDragOptions } from "../types";
-import { Ref } from 'vue';
-
-export declare const useSensor: (elementRef: Ref<HTMLElement | null>, options?: IUseDragOptions) => {
-    activate: (event: PointerEvent | KeyboardEvent) => void;
-    track: (event: PointerEvent | WheelEvent | KeyboardEvent) => void;
-    deactivate: (triggerEvents?: boolean) => void;
-};

package/dist/managers/useElementManager.d.ts

@@ -1,10 +0,0 @@
-import { IUseDragOptions } from "../types";
-
-export declare const useElementManager: (options?: IUseDragOptions) => {
-    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-    registerElement: () => void;
-    unregisterElement: () => void;
-    isDragging: import('vue').ComputedRef<boolean>;
-    isOvered: import('vue').ComputedRef<boolean>;
-    isAllowed: import('vue').ComputedRef<boolean>;
-};

package/dist/managers/useEventManager.d.ts

@@ -1,6 +0,0 @@
-import { Ref } from 'vue';
-import { IUseDragOptions } from "../types";
-
-export declare const useEventManager: () => {
-    handleDragStart: (event: PointerEvent | KeyboardEvent, elementRef: Ref<HTMLElement | null>, options?: IUseDragOptions) => void;
-};

package/dist/managers/useZoneManager.d.ts

@@ -1,9 +0,0 @@
-import { IUseDropOptions } from "../types";
-
-export declare const useZoneManager: (options?: IUseDropOptions) => {
-    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-    registerZone: () => void;
-    unregisterZone: () => void;
-    isOvered: import('vue').ComputedRef<boolean>;
-    isAllowed: import('vue').ComputedRef<boolean>;
-};

package/dist/plugin.d.ts

@@ -1,13 +0,0 @@
-import { App } from 'vue';
-
-export declare const VueDndKitPlugin: {
-    install(app: App): void;
-};
-declare module '@vue/runtime-core' {
-    interface App {
-        __VUE_DND_KIT_OVERLAY__?: {
-            container: HTMLElement;
-            vnode: any;
-        };
-    }
-}

package/dist/types/index.d.ts

@@ -1,143 +0,0 @@
-import { Component, ComputedRef, Ref, ShallowRef } from 'vue';
-
-
-export interface IDnDStore {
-  isDragging: Ref<boolean>;
-  activeContainer: IActiveContainer;
-  elements: Ref<IDragElement[]>;
-  selectedElements: Ref<IDragElement[]>;
-  draggingElements: Ref<IDraggingElement[]>;
-  zones: Ref<IDropZone[]>;
-  hovered: {
-    zone: Ref<IDropZone | null>;
-    element: Ref<IDragElement | null>;
-  };
-  pointerPosition: IPointerPosition;
-  keyboard: {
-    w: Ref<boolean>;
-    s: Ref<boolean>;
-    a: Ref<boolean>;
-    d: Ref<boolean>;
-    ctrl: Ref<boolean>;
-    shift: Ref<boolean>;
-    alt: Ref<boolean>;
-    meta: Ref<boolean>;
-  };
-}
-
-export interface IActiveContainer {
-  component: Ref<Component | null>;
-  ref: Ref<HTMLElement | null>;
-}
-
-export interface IPointerPosition {
-  start: Ref<IPoint | null>;
-  current: Ref<IPoint | null>;
-  offset: {
-    percent: Ref<IPoint | null>;
-    pixel: Ref<IPoint | null>;
-  };
-}
-
-export interface IDragElement {
-  node: HTMLElement | Element | null;
-  groups: string[];
-  layer: Component | null;
-  defaultLayer: Component | null;
-  data: {
-    source?: any[];
-    index?: number;
-    [key: string]: any;
-  } | null;
-  events: {
-    onHover?: (store: IDnDStore) => void;
-    onLeave?: (store: IDnDStore) => void;
-    onEnd?: (store: IDnDStore) => void;
-  };
-}
-
-const test: IDragElement['data'];
-
-export interface IDraggingElement extends IDragElement {
-  initialHTML: string;
-  initialRect?: DOMRect;
-}
-
-export interface IDropZone {
-  node: HTMLElement | Element | null;
-  groups: string[];
-  data?: {
-    source?: any[];
-    [key: string]: any;
-  };
-  events: {
-    onHover?: (store: IDnDStore) => void;
-    onLeave?: (store: IDnDStore) => void;
-    onDrop?: (store: IDnDStore) => void;
-  };
-}
-
-export interface IPoint {
-  x: number;
-  y: number;
-}
-
-export interface IUseDropOptions {
-  groups?: string[];
-  events?: {
-    onDrop?: (store: IDnDStore) => void;
-    onHover?: (store: IDnDStore) => void;
-    onLeave?: (store: IDnDStore) => void;
-  };
-  data?: {
-    source?: any[];
-    [key: string]: any;
-  };
-}
-export interface IUseDragOptions extends IUseSensorOptions {
-  groups?: string[];
-  events?: {
-    onEnd?: (store: IDnDStore) => void;
-    onStart?: (store: IDnDStore) => void;
-    onMove?: (store: IDnDStore) => void;
-    onHover?: (store: IDnDStore) => void;
-    onLeave?: (store: IDnDStore) => void;
-  };
-  keyboard?: {
-    moveStep?: number;
-  };
-  data?: {
-    source?: any[];
-    index?: number;
-    [key: string]: any;
-  };
-  layer?: Component | null;
-  container?: Component;
-}
-
-export type ISensor = (
-  store: IDnDStore
-) => HTMLElement | HTMLElement[] | Element | Element[] | null;
-
-export interface IBoundingBox {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-  bottom: number;
-  left: number;
-  right: number;
-  top: number;
-}
-
-export interface IUseSensorOptions {
-  sensor?: {
-    throttle?: number;
-    setup?: ISensor;
-  };
-}
-
-interface ICollisionDetectionResult {
-  element: IDragElement | null;
-  zone: IDropZone | null;
-}

package/dist/utils/dom.d.ts

@@ -1 +0,0 @@
-export declare const isDescendant: (element: HTMLElement | Element | null, container: HTMLElement | Element) => boolean;

package/dist/utils/events.d.ts

@@ -1 +0,0 @@
-export declare const preventEvent: (event: Event) => void;

package/dist/utils/geometry.d.ts

@@ -1,17 +0,0 @@
-import { IBoundingBox, IPoint } from "../types";
-
-export declare const checkCollision: (boxA: IBoundingBox, boxB: IBoundingBox) => boolean;
-export declare const getBoundingBox: (element: HTMLElement | null) => IBoundingBox;
-export declare const getCenter: (box: IBoundingBox) => IPoint;
-export declare const getOffset: (element: HTMLElement | null, pointer: IPoint) => {
-    pixel: {
-        x: number;
-        y: number;
-    };
-    percent: {
-        x: number;
-        y: number;
-    };
-};
-export declare const getDistance: (pointA: IPoint, pointB: IPoint) => number;
-export declare const getOverlapPercent: (boxA: IBoundingBox, boxB: IBoundingBox) => number;

package/dist/utils/namespaces.d.ts

@@ -1,2 +0,0 @@
-export declare const draggableDataName = "data-vue-dnd-kit-draggable";
-export declare const droppableDataName = "data-vue-dnd-kit-droppable";

package/dist/utils/operations.d.ts

@@ -1,14 +0,0 @@
-import { IDnDStore } from "../types";
-
-export declare class DnDOperations {
-    static remove: (source?: any[], index?: number) => any;
-    static insert: (target?: any[], index?: number, item?: any) => void;
-    static move: (source?: any[], sourceIndex?: number, target?: any[], targetIndex?: number) => void;
-    static swap: (source?: any[], sourceIndex?: number, target?: any[], targetIndex?: number) => void;
-    static copy: (source?: any[], index?: number, target?: any[], targetIndex?: number) => void;
-    static applyTransfer: (store: IDnDStore) => void;
-    static applyCopy: (store: IDnDStore) => void;
-    static applySwap: (store: IDnDStore) => void;
-    static applyRemove: (store: IDnDStore) => void;
-    static applyInsert: (store: IDnDStore, items: any[]) => void;
-}

package/dist/utils/sensor.d.ts

@@ -1,3 +0,0 @@
-import { IDnDStore } from "../types";
-
-export declare const defaultCollisionDetection: (store: IDnDStore) => HTMLElement[];

package/dist/vue-shims.d.ts

@@ -1,5 +0,0 @@
-declare module '*' {
-  import type { DefineComponent } from 'vue';
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}