@vue-dnd-kit/core 0.5.5 → 0.5.6

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.
Files changed (28) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +252 -274
  3. package/dist/index.d.ts +2535 -9
  4. package/dist/vue-dnd-kit-core.cjs.js +2 -1
  5. package/dist/vue-dnd-kit-core.cjs.js.map +1 -0
  6. package/dist/vue-dnd-kit-core.es.js +317 -471
  7. package/dist/vue-dnd-kit-core.es.js.map +1 -0
  8. package/package.json +73 -73
  9. package/dist/composables/useDnDStore.d.ts +0 -2347
  10. package/dist/composables/useDragContainer.d.ts +0 -606
  11. package/dist/composables/useDraggable.d.ts +0 -17
  12. package/dist/composables/useDroppable.d.ts +0 -91
  13. package/dist/composables/useKeyboard.d.ts +0 -10
  14. package/dist/composables/usePointer.d.ts +0 -7
  15. package/dist/composables/useSelection.d.ts +0 -9
  16. package/dist/composables/useSensor.d.ts +0 -8
  17. package/dist/managers/useElementManager.d.ts +0 -10
  18. package/dist/managers/useEventManager.d.ts +0 -6
  19. package/dist/managers/useZoneManager.d.ts +0 -9
  20. package/dist/plugin.d.ts +0 -13
  21. package/dist/types/index.d.ts +0 -143
  22. package/dist/utils/dom.d.ts +0 -1
  23. package/dist/utils/events.d.ts +0 -1
  24. package/dist/utils/geometry.d.ts +0 -17
  25. package/dist/utils/namespaces.d.ts +0 -2
  26. package/dist/utils/operations.d.ts +0 -14
  27. package/dist/utils/sensor.d.ts +0 -3
  28. package/dist/vue-shims.d.ts +0 -5
package/dist/composables/useDragContainer.d.ts DELETED
@@ -1,606 +0,0 @@
1
- /**
2
- * Hook for creating custom drag container with overlay management.
3
- * Provides functionality for controlling drag visualization and element positioning.
4
- *
5
- * This hook is typically used to create custom drag overlays, layers,
6
- * and control how dragged elements are displayed during drag operations.
7
- *
8
- * @example
9
- * ```vue
10
- * <script setup lang="ts">
11
- * import { computed } from 'vue';
12
- * import { useDragContainer } from '../composables/useDragContainer';
13
- *
14
- * const { elementRef, pointerPosition, isDragging, draggingElements } =
15
- * useDragContainer();
16
- *
17
- * const computedStyle = computed(() => ({
18
- * transform: `translate3d(${
19
- * (pointerPosition.current.value?.x ?? 0) -
20
- * (pointerPosition.offset.pixel.value?.x ?? 0)
21
- * }px, ${
22
- * (pointerPosition.current.value?.y ?? 0) -
23
- * (pointerPosition.offset.pixel.value?.y ?? 0)
24
- * }px, 0)`,
25
- * }));
26
- *</script>
27
- *
28
- *<template>
29
- * <Teleport to="body">
30
- * <div
31
- * v-if="isDragging"
32
- * ref="elementRef"
33
- * :style="computedStyle"
34
- * class="default-drag-overlay"
35
- * >
36
- * <div
37
- * v-for="(element, index) in draggingElements"
38
- * :key="index"
39
- * v-html="element.initialHTML"
40
- * :style="{
41
- * width: `${element.initialRect?.width}px`,
42
- * height: `${element.initialRect?.height}px`,
43
- * }"
44
- * />
45
- * </div>
46
- * </Teleport>
47
- *</template>
48
- *
49
- *<style scoped>
50
- * .default-drag-overlay {
51
- * position: fixed;
52
- * top: 0;
53
- * left: 0;
54
- * background-color: rgba(0, 0, 0, 0.5);
55
- * transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
56
- * z-index: 1000;
57
- * }
58
- *</style>
59
- *
60
- * ```
61
- *
62
- * @returns {Object} Container controls and state
63
- * @property {Ref<HTMLElement | null>} elementRef - Reference to be bound to container element
64
- * @property {Ref<IDragElement[]>} draggingElements - Currently dragged elements
65
- * @property {IPointerPosition} pointerPosition - Current pointer coordinates and offsets
66
- * @property {Ref<boolean>} isDragging - Whether drag operation is in progress
67
- */
68
- export declare const useDragContainer: () => {
69
- elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
70
- draggingElements: import('vue').Ref<{
71
- initialHTML: string;
72
- initialRect?: {
73
- height: number;
74
- width: number;
75
- x: number;
76
- y: number;
77
- readonly bottom: number;
78
- readonly left: number;
79
- readonly right: number;
80
- readonly top: number;
81
- toJSON: () => any;
82
- } | undefined;
83
- node: HTMLElement | Element | null;
84
- groups: string[];
85
- layer: import('vue').FunctionalComponent<any, {}, any, {}> | {
86
- new (...args: any[]): any;
87
- __isFragment?: undefined;
88
- __isTeleport?: undefined;
89
- __isSuspense?: undefined;
90
- } | {
91
- [x: string]: any;
92
- setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
93
- attrs: {
94
- [x: string]: unknown;
95
- };
96
- slots: Readonly<{
97
- [name: string]: import('vue').Slot<any> | undefined;
98
- }>;
99
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
100
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
101
- }) => any) | undefined;
102
- name?: string | undefined;
103
- template?: string | object | undefined;
104
- render?: Function | undefined;
105
- components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>> | undefined;
106
- directives?: Record<string, import('vue').Directive<any, any, string, string>> | undefined;
107
- inheritAttrs?: boolean | undefined;
108
- emits?: any;
109
- slots?: {} | undefined;
110
- expose?: string[] | undefined;
111
- serverPrefetch?: (() => void | Promise<any>) | undefined;
112
- compilerOptions?: {
113
- isCustomElement?: ((tag: string) => boolean) | undefined;
114
- whitespace?: "preserve" | "condense" | undefined;
115
- comments?: boolean | undefined;
116
- delimiters?: [string, string] | undefined;
117
- } | undefined;
118
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
119
- __isFragment?: undefined;
120
- __isTeleport?: undefined;
121
- __isSuspense?: undefined;
122
- __defaults?: {} | undefined;
123
- compatConfig?: {
124
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
125
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
126
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
127
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
128
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
129
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
130
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
131
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
132
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
133
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
134
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
135
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
136
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
137
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
138
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
139
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
140
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
141
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
142
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
143
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
144
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
145
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
146
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
147
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
148
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
149
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
150
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
151
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
152
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
153
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
154
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
155
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
156
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
157
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
158
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
159
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
160
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
161
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
162
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
163
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
164
- FILTERS?: boolean | "suppress-warning" | undefined;
165
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
166
- MODE?: 2 | 3 | ((comp: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | null) => 2 | 3) | undefined;
167
- } | undefined;
168
- data?: ((this: any, vm: any) => any) | undefined;
169
- computed?: import('vue').ComputedOptions | undefined;
170
- methods?: import('vue').MethodOptions | undefined;
171
- watch?: {
172
- [x: string]: (string | import('vue').WatchCallback<any, any> | ({
173
- handler: string | import('vue').WatchCallback<any, any>;
174
- } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback<any, any> | ({
175
- handler: string | import('vue').WatchCallback<any, any>;
176
- } & import('vue').WatchOptions<boolean>))[];
177
- } | undefined;
178
- provide?: import('vue').ComponentProvideOptions | undefined;
179
- inject?: {} | string[] | undefined;
180
- filters?: Record<string, Function> | undefined;
181
- mixins?: any[] | undefined;
182
- extends?: any;
183
- beforeCreate?: (() => void) | undefined;
184
- created?: (() => void) | undefined;
185
- beforeMount?: (() => void) | undefined;
186
- mounted?: (() => void) | undefined;
187
- beforeUpdate?: (() => void) | undefined;
188
- updated?: (() => void) | undefined;
189
- activated?: (() => void) | undefined;
190
- deactivated?: (() => void) | undefined;
191
- beforeDestroy?: (() => void) | undefined;
192
- beforeUnmount?: (() => void) | undefined;
193
- destroyed?: (() => void) | undefined;
194
- unmounted?: (() => void) | undefined;
195
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | undefined;
196
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | undefined;
197
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
198
- delimiters?: [string, string] | undefined;
199
- __differentiator?: string | number | symbol | undefined;
200
- __isBuiltIn?: boolean | undefined;
201
- __file?: string | undefined;
202
- __name?: string | undefined;
203
- } | null;
204
- defaultLayer: import('vue').FunctionalComponent<any, {}, any, {}> | {
205
- new (...args: any[]): any;
206
- __isFragment?: undefined;
207
- __isTeleport?: undefined;
208
- __isSuspense?: undefined;
209
- } | {
210
- [x: string]: any;
211
- setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
212
- attrs: {
213
- [x: string]: unknown;
214
- };
215
- slots: Readonly<{
216
- [name: string]: import('vue').Slot<any> | undefined;
217
- }>;
218
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
219
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
220
- }) => any) | undefined;
221
- name?: string | undefined;
222
- template?: string | object | undefined;
223
- render?: Function | undefined;
224
- components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>> | undefined;
225
- directives?: Record<string, import('vue').Directive<any, any, string, string>> | undefined;
226
- inheritAttrs?: boolean | undefined;
227
- emits?: any;
228
- slots?: {} | undefined;
229
- expose?: string[] | undefined;
230
- serverPrefetch?: (() => void | Promise<any>) | undefined;
231
- compilerOptions?: {
232
- isCustomElement?: ((tag: string) => boolean) | undefined;
233
- whitespace?: "preserve" | "condense" | undefined;
234
- comments?: boolean | undefined;
235
- delimiters?: [string, string] | undefined;
236
- } | undefined;
237
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
238
- __isFragment?: undefined;
239
- __isTeleport?: undefined;
240
- __isSuspense?: undefined;
241
- __defaults?: {} | undefined;
242
- compatConfig?: {
243
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
244
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
245
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
246
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
247
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
248
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
249
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
250
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
251
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
252
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
253
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
254
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
255
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
256
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
257
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
258
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
259
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
260
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
261
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
262
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
263
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
264
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
265
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
266
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
267
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
268
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
269
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
270
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
271
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
272
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
273
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
274
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
275
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
276
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
277
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
278
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
279
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
280
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
281
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
282
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
283
- FILTERS?: boolean | "suppress-warning" | undefined;
284
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
285
- MODE?: 2 | 3 | ((comp: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | null) => 2 | 3) | undefined;
286
- } | undefined;
287
- data?: ((this: any, vm: any) => any) | undefined;
288
- computed?: import('vue').ComputedOptions | undefined;
289
- methods?: import('vue').MethodOptions | undefined;
290
- watch?: {
291
- [x: string]: (string | import('vue').WatchCallback<any, any> | ({
292
- handler: string | import('vue').WatchCallback<any, any>;
293
- } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback<any, any> | ({
294
- handler: string | import('vue').WatchCallback<any, any>;
295
- } & import('vue').WatchOptions<boolean>))[];
296
- } | undefined;
297
- provide?: import('vue').ComponentProvideOptions | undefined;
298
- inject?: {} | string[] | undefined;
299
- filters?: Record<string, Function> | undefined;
300
- mixins?: any[] | undefined;
301
- extends?: any;
302
- beforeCreate?: (() => void) | undefined;
303
- created?: (() => void) | undefined;
304
- beforeMount?: (() => void) | undefined;
305
- mounted?: (() => void) | undefined;
306
- beforeUpdate?: (() => void) | undefined;
307
- updated?: (() => void) | undefined;
308
- activated?: (() => void) | undefined;
309
- deactivated?: (() => void) | undefined;
310
- beforeDestroy?: (() => void) | undefined;
311
- beforeUnmount?: (() => void) | undefined;
312
- destroyed?: (() => void) | undefined;
313
- unmounted?: (() => void) | undefined;
314
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | undefined;
315
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | undefined;
316
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
317
- delimiters?: [string, string] | undefined;
318
- __differentiator?: string | number | symbol | undefined;
319
- __isBuiltIn?: boolean | undefined;
320
- __file?: string | undefined;
321
- __name?: string | undefined;
322
- } | null;
323
- data: {
324
- [x: string]: any;
325
- source?: any[] | undefined;
326
- index?: number | undefined;
327
- } | null;
328
- events: {
329
- onHover?: ((store: import('..').IDnDStore) => void) | undefined;
330
- onLeave?: ((store: import('..').IDnDStore) => void) | undefined;
331
- onEnd?: ((store: import('..').IDnDStore) => void) | undefined;
332
- };
333
- }[], import('..').IDraggingElement[] | {
334
- initialHTML: string;
335
- initialRect?: {
336
- height: number;
337
- width: number;
338
- x: number;
339
- y: number;
340
- readonly bottom: number;
341
- readonly left: number;
342
- readonly right: number;
343
- readonly top: number;
344
- toJSON: () => any;
345
- } | undefined;
346
- node: HTMLElement | Element | null;
347
- groups: string[];
348
- layer: import('vue').FunctionalComponent<any, {}, any, {}> | {
349
- new (...args: any[]): any;
350
- __isFragment?: undefined;
351
- __isTeleport?: undefined;
352
- __isSuspense?: undefined;
353
- } | {
354
- [x: string]: any;
355
- setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
356
- attrs: {
357
- [x: string]: unknown;
358
- };
359
- slots: Readonly<{
360
- [name: string]: import('vue').Slot<any> | undefined;
361
- }>;
362
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
363
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
364
- }) => any) | undefined;
365
- name?: string | undefined;
366
- template?: string | object | undefined;
367
- render?: Function | undefined;
368
- components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>> | undefined;
369
- directives?: Record<string, import('vue').Directive<any, any, string, string>> | undefined;
370
- inheritAttrs?: boolean | undefined;
371
- emits?: any;
372
- slots?: {} | undefined;
373
- expose?: string[] | undefined;
374
- serverPrefetch?: (() => void | Promise<any>) | undefined;
375
- compilerOptions?: {
376
- isCustomElement?: ((tag: string) => boolean) | undefined;
377
- whitespace?: "preserve" | "condense" | undefined;
378
- comments?: boolean | undefined;
379
- delimiters?: [string, string] | undefined;
380
- } | undefined;
381
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
382
- __isFragment?: undefined;
383
- __isTeleport?: undefined;
384
- __isSuspense?: undefined;
385
- __defaults?: {} | undefined;
386
- compatConfig?: {
387
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
388
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
389
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
390
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
391
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
392
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
393
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
394
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
395
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
396
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
397
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
398
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
399
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
400
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
401
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
402
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
403
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
404
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
405
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
406
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
407
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
408
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
409
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
410
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
411
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
412
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
413
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
414
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
415
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
416
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
417
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
418
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
419
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
420
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
421
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
422
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
423
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
424
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
425
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
426
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
427
- FILTERS?: boolean | "suppress-warning" | undefined;
428
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
429
- MODE?: 2 | 3 | ((comp: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | null) => 2 | 3) | undefined;
430
- } | undefined;
431
- data?: ((this: any, vm: any) => any) | undefined;
432
- computed?: import('vue').ComputedOptions | undefined;
433
- methods?: import('vue').MethodOptions | undefined;
434
- watch?: {
435
- [x: string]: (string | import('vue').WatchCallback<any, any> | ({
436
- handler: string | import('vue').WatchCallback<any, any>;
437
- } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback<any, any> | ({
438
- handler: string | import('vue').WatchCallback<any, any>;
439
- } & import('vue').WatchOptions<boolean>))[];
440
- } | undefined;
441
- provide?: import('vue').ComponentProvideOptions | undefined;
442
- inject?: {} | string[] | undefined;
443
- filters?: Record<string, Function> | undefined;
444
- mixins?: any[] | undefined;
445
- extends?: any;
446
- beforeCreate?: (() => void) | undefined;
447
- created?: (() => void) | undefined;
448
- beforeMount?: (() => void) | undefined;
449
- mounted?: (() => void) | undefined;
450
- beforeUpdate?: (() => void) | undefined;
451
- updated?: (() => void) | undefined;
452
- activated?: (() => void) | undefined;
453
- deactivated?: (() => void) | undefined;
454
- beforeDestroy?: (() => void) | undefined;
455
- beforeUnmount?: (() => void) | undefined;
456
- destroyed?: (() => void) | undefined;
457
- unmounted?: (() => void) | undefined;
458
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | undefined;
459
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | undefined;
460
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
461
- delimiters?: [string, string] | undefined;
462
- __differentiator?: string | number | symbol | undefined;
463
- __isBuiltIn?: boolean | undefined;
464
- __file?: string | undefined;
465
- __name?: string | undefined;
466
- } | null;
467
- defaultLayer: import('vue').FunctionalComponent<any, {}, any, {}> | {
468
- new (...args: any[]): any;
469
- __isFragment?: undefined;
470
- __isTeleport?: undefined;
471
- __isSuspense?: undefined;
472
- } | {
473
- [x: string]: any;
474
- setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
475
- attrs: {
476
- [x: string]: unknown;
477
- };
478
- slots: Readonly<{
479
- [name: string]: import('vue').Slot<any> | undefined;
480
- }>;
481
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
482
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
483
- }) => any) | undefined;
484
- name?: string | undefined;
485
- template?: string | object | undefined;
486
- render?: Function | undefined;
487
- components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>> | undefined;
488
- directives?: Record<string, import('vue').Directive<any, any, string, string>> | undefined;
489
- inheritAttrs?: boolean | undefined;
490
- emits?: any;
491
- slots?: {} | undefined;
492
- expose?: string[] | undefined;
493
- serverPrefetch?: (() => void | Promise<any>) | undefined;
494
- compilerOptions?: {
495
- isCustomElement?: ((tag: string) => boolean) | undefined;
496
- whitespace?: "preserve" | "condense" | undefined;
497
- comments?: boolean | undefined;
498
- delimiters?: [string, string] | undefined;
499
- } | undefined;
500
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
501
- __isFragment?: undefined;
502
- __isTeleport?: undefined;
503
- __isSuspense?: undefined;
504
- __defaults?: {} | undefined;
505
- compatConfig?: {
506
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
507
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
508
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
509
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
510
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
511
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
512
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
513
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
514
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
515
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
516
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
517
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
518
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
519
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
520
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
521
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
522
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
523
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
524
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
525
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
526
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
527
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
528
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
529
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
530
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
531
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
532
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
533
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
534
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
535
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
536
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
537
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
538
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
539
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
540
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
541
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
542
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
543
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
544
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
545
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
546
- FILTERS?: boolean | "suppress-warning" | undefined;
547
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
548
- MODE?: 2 | 3 | ((comp: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | null) => 2 | 3) | undefined;
549
- } | undefined;
550
- data?: ((this: any, vm: any) => any) | undefined;
551
- computed?: import('vue').ComputedOptions | undefined;
552
- methods?: import('vue').MethodOptions | undefined;
553
- watch?: {
554
- [x: string]: (string | import('vue').WatchCallback<any, any> | ({
555
- handler: string | import('vue').WatchCallback<any, any>;
556
- } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback<any, any> | ({
557
- handler: string | import('vue').WatchCallback<any, any>;
558
- } & import('vue').WatchOptions<boolean>))[];
559
- } | undefined;
560
- provide?: import('vue').ComponentProvideOptions | undefined;
561
- inject?: {} | string[] | undefined;
562
- filters?: Record<string, Function> | undefined;
563
- mixins?: any[] | undefined;
564
- extends?: any;
565
- beforeCreate?: (() => void) | undefined;
566
- created?: (() => void) | undefined;
567
- beforeMount?: (() => void) | undefined;
568
- mounted?: (() => void) | undefined;
569
- beforeUpdate?: (() => void) | undefined;
570
- updated?: (() => void) | undefined;
571
- activated?: (() => void) | undefined;
572
- deactivated?: (() => void) | undefined;
573
- beforeDestroy?: (() => void) | undefined;
574
- beforeUnmount?: (() => void) | undefined;
575
- destroyed?: (() => void) | undefined;
576
- unmounted?: (() => void) | undefined;
577
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | undefined;
578
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | undefined;
579
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
580
- delimiters?: [string, string] | undefined;
581
- __differentiator?: string | number | symbol | undefined;
582
- __isBuiltIn?: boolean | undefined;
583
- __file?: string | undefined;
584
- __name?: string | undefined;
585
- } | null;
586
- data: {
587
- [x: string]: any;
588
- source?: any[] | undefined;
589
- index?: number | undefined;
590
- } | null;
591
- events: {
592
- onHover?: ((store: import('..').IDnDStore) => void) | undefined;
593
- onLeave?: ((store: import('..').IDnDStore) => void) | undefined;
594
- onEnd?: ((store: import('..').IDnDStore) => void) | undefined;
595
- };
596
- }[]>;
597
- pointerPosition: {
598
- current: import('vue').ShallowRef<import('..').IPoint | null, import('..').IPoint | null>;
599
- start: import('vue').ShallowRef<import('..').IPoint | null, import('..').IPoint | null>;
600
- offset: {
601
- percent: import('vue').ShallowRef<import('..').IPoint | null, import('..').IPoint | null>;
602
- pixel: import('vue').ShallowRef<import('..').IPoint | null, import('..').IPoint | null>;
603
- };
604
- };
605
- isDragging: import('vue').ComputedRef<boolean>;
606
- };
package/dist/composables/useDraggable.d.ts DELETED
@@ -1,17 +0,0 @@
1
- import { IUseDragOptions } from "../types";
2
-
3
- export declare const useDraggable: (options?: IUseDragOptions) => {
4
- pointerPosition: {
5
- current: import('vue').ShallowRef<import('../types').IPoint | null, import('../types').IPoint | null>;
6
- start: import('vue').ShallowRef<import('../types').IPoint | null, import('../types').IPoint | null>;
7
- offset: {
8
- percent: import('vue').ShallowRef<import('../types').IPoint | null, import('../types').IPoint | null>;
9
- pixel: import('vue').ShallowRef<import('../types').IPoint | null, import('../types').IPoint | null>;
10
- };
11
- };
12
- elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
13
- isDragging: import('vue').ComputedRef<boolean>;
14
- isOvered: import('vue').ComputedRef<boolean>;
15
- isAllowed: import('vue').ComputedRef<boolean>;
16
- handleDragStart: (event: PointerEvent | KeyboardEvent) => void;
17
- };