@vue-dnd-kit/core 0.0.25-beta → 0.0.27-beta

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 (21) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +252 -252
  3. package/dist/composables/useDnDStore.d.ts +2324 -65
  4. package/dist/composables/useDragContainer.d.ts +624 -73
  5. package/dist/composables/useDraggable.d.ts +80 -50
  6. package/dist/composables/useDroppable.d.ts +89 -90
  7. package/dist/composables/usePointer.d.ts +5 -6
  8. package/dist/composables/useSelection.d.ts +12 -13
  9. package/dist/composables/useSensor.d.ts +5 -6
  10. package/dist/index.d.ts +3 -5
  11. package/dist/managers/useElementManager.d.ts +18 -17
  12. package/dist/managers/useInteractionManager.d.ts +4 -4
  13. package/dist/managers/useZoneManager.d.ts +7 -8
  14. package/dist/types/index.d.ts +170 -170
  15. package/dist/utils/dom.d.ts +1 -1
  16. package/dist/utils/geometry.d.ts +14 -15
  17. package/dist/utils/namespaces.d.ts +2 -2
  18. package/dist/vue-dnd-kit-core.cjs.js +1 -1
  19. package/dist/vue-dnd-kit-core.es.js +338 -260
  20. package/dist/vue-shims.d.ts +5 -5
  21. package/package.json +72 -70
package/dist/composables/useDragContainer.d.ts CHANGED
@@ -1,73 +1,624 @@
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<import('..').IDraggingElement[], import('..').IDraggingElement[]>;
71
- pointerPosition: import('..').IPointerPosition;
72
- isDragging: import('vue').Ref<boolean, boolean>;
73
- };
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: Element | HTMLElement | 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
+ isVisible: boolean;
324
+ data: any;
325
+ events: {
326
+ onHover?: ((store: import('..').IDnDStore) => void) | undefined;
327
+ onLeave?: ((store: import('..').IDnDStore) => void) | undefined;
328
+ onEnd?: ((store: import('..').IDnDStore) => void) | undefined;
329
+ };
330
+ }[], import('..').IDraggingElement[] | {
331
+ initialHTML: string;
332
+ initialRect?: {
333
+ height: number;
334
+ width: number;
335
+ x: number;
336
+ y: number;
337
+ readonly bottom: number;
338
+ readonly left: number;
339
+ readonly right: number;
340
+ readonly top: number;
341
+ toJSON: () => any;
342
+ } | undefined;
343
+ node: Element | HTMLElement | null;
344
+ groups: string[];
345
+ layer: import('vue').FunctionalComponent<any, {}, any, {}> | {
346
+ new (...args: any[]): any;
347
+ __isFragment?: undefined;
348
+ __isTeleport?: undefined;
349
+ __isSuspense?: undefined;
350
+ } | {
351
+ [x: string]: any;
352
+ setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
353
+ attrs: {
354
+ [x: string]: unknown;
355
+ };
356
+ slots: Readonly<{
357
+ [name: string]: import('vue').Slot<any> | undefined;
358
+ }>;
359
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
360
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
361
+ }) => any) | undefined;
362
+ name?: string | undefined;
363
+ template?: string | object | undefined;
364
+ render?: Function | undefined;
365
+ components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>> | undefined;
366
+ directives?: Record<string, import('vue').Directive<any, any, string, string>> | undefined;
367
+ inheritAttrs?: boolean | undefined;
368
+ emits?: any;
369
+ slots?: {} | undefined;
370
+ expose?: string[] | undefined;
371
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
372
+ compilerOptions?: {
373
+ isCustomElement?: ((tag: string) => boolean) | undefined;
374
+ whitespace?: "preserve" | "condense" | undefined;
375
+ comments?: boolean | undefined;
376
+ delimiters?: [string, string] | undefined;
377
+ } | undefined;
378
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
379
+ __isFragment?: undefined;
380
+ __isTeleport?: undefined;
381
+ __isSuspense?: undefined;
382
+ __defaults?: {} | undefined;
383
+ compatConfig?: {
384
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
385
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
386
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
387
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
388
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
389
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
390
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
391
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
392
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
393
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
394
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
395
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
396
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
397
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
398
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
399
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
400
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
401
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
402
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
403
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
404
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
405
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
406
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
407
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
408
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
409
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
410
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
411
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
412
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
413
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
414
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
415
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
416
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
417
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
418
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
419
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
420
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
421
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
422
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
423
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
424
+ FILTERS?: boolean | "suppress-warning" | undefined;
425
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
426
+ MODE?: 2 | 3 | ((comp: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | null) => 2 | 3) | undefined;
427
+ } | undefined;
428
+ data?: ((this: any, vm: any) => any) | undefined;
429
+ computed?: import('vue').ComputedOptions | undefined;
430
+ methods?: import('vue').MethodOptions | undefined;
431
+ watch?: {
432
+ [x: string]: (string | import('vue').WatchCallback<any, any> | ({
433
+ handler: string | import('vue').WatchCallback<any, any>;
434
+ } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback<any, any> | ({
435
+ handler: string | import('vue').WatchCallback<any, any>;
436
+ } & import('vue').WatchOptions<boolean>))[];
437
+ } | undefined;
438
+ provide?: import('vue').ComponentProvideOptions | undefined;
439
+ inject?: {} | string[] | undefined;
440
+ filters?: Record<string, Function> | undefined;
441
+ mixins?: any[] | undefined;
442
+ extends?: any;
443
+ beforeCreate?: (() => void) | undefined;
444
+ created?: (() => void) | undefined;
445
+ beforeMount?: (() => void) | undefined;
446
+ mounted?: (() => void) | undefined;
447
+ beforeUpdate?: (() => void) | undefined;
448
+ updated?: (() => void) | undefined;
449
+ activated?: (() => void) | undefined;
450
+ deactivated?: (() => void) | undefined;
451
+ beforeDestroy?: (() => void) | undefined;
452
+ beforeUnmount?: (() => void) | undefined;
453
+ destroyed?: (() => void) | undefined;
454
+ unmounted?: (() => void) | undefined;
455
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | undefined;
456
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | undefined;
457
+ 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;
458
+ delimiters?: [string, string] | undefined;
459
+ __differentiator?: string | number | symbol | undefined;
460
+ __isBuiltIn?: boolean | undefined;
461
+ __file?: string | undefined;
462
+ __name?: string | undefined;
463
+ } | null;
464
+ defaultLayer: import('vue').FunctionalComponent<any, {}, any, {}> | {
465
+ new (...args: any[]): any;
466
+ __isFragment?: undefined;
467
+ __isTeleport?: undefined;
468
+ __isSuspense?: undefined;
469
+ } | {
470
+ [x: string]: any;
471
+ setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
472
+ attrs: {
473
+ [x: string]: unknown;
474
+ };
475
+ slots: Readonly<{
476
+ [name: string]: import('vue').Slot<any> | undefined;
477
+ }>;
478
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
479
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
480
+ }) => any) | undefined;
481
+ name?: string | undefined;
482
+ template?: string | object | undefined;
483
+ render?: Function | undefined;
484
+ components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>> | undefined;
485
+ directives?: Record<string, import('vue').Directive<any, any, string, string>> | undefined;
486
+ inheritAttrs?: boolean | undefined;
487
+ emits?: any;
488
+ slots?: {} | undefined;
489
+ expose?: string[] | undefined;
490
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
491
+ compilerOptions?: {
492
+ isCustomElement?: ((tag: string) => boolean) | undefined;
493
+ whitespace?: "preserve" | "condense" | undefined;
494
+ comments?: boolean | undefined;
495
+ delimiters?: [string, string] | undefined;
496
+ } | undefined;
497
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
498
+ __isFragment?: undefined;
499
+ __isTeleport?: undefined;
500
+ __isSuspense?: undefined;
501
+ __defaults?: {} | undefined;
502
+ compatConfig?: {
503
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
504
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
505
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
506
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
507
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
508
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
509
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
510
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
511
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
512
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
513
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
514
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
515
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
516
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
517
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
518
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
519
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
520
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
521
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
522
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
523
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
524
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
525
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
526
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
527
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
528
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
529
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
530
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
531
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
532
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
533
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
534
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
535
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
536
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
537
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
538
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
539
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
540
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
541
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
542
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
543
+ FILTERS?: boolean | "suppress-warning" | undefined;
544
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
545
+ MODE?: 2 | 3 | ((comp: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | null) => 2 | 3) | undefined;
546
+ } | undefined;
547
+ data?: ((this: any, vm: any) => any) | undefined;
548
+ computed?: import('vue').ComputedOptions | undefined;
549
+ methods?: import('vue').MethodOptions | undefined;
550
+ watch?: {
551
+ [x: string]: (string | import('vue').WatchCallback<any, any> | ({
552
+ handler: string | import('vue').WatchCallback<any, any>;
553
+ } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback<any, any> | ({
554
+ handler: string | import('vue').WatchCallback<any, any>;
555
+ } & import('vue').WatchOptions<boolean>))[];
556
+ } | undefined;
557
+ provide?: import('vue').ComponentProvideOptions | undefined;
558
+ inject?: {} | string[] | undefined;
559
+ filters?: Record<string, Function> | undefined;
560
+ mixins?: any[] | undefined;
561
+ extends?: any;
562
+ beforeCreate?: (() => void) | undefined;
563
+ created?: (() => void) | undefined;
564
+ beforeMount?: (() => void) | undefined;
565
+ mounted?: (() => void) | undefined;
566
+ beforeUpdate?: (() => void) | undefined;
567
+ updated?: (() => void) | undefined;
568
+ activated?: (() => void) | undefined;
569
+ deactivated?: (() => void) | undefined;
570
+ beforeDestroy?: (() => void) | undefined;
571
+ beforeUnmount?: (() => void) | undefined;
572
+ destroyed?: (() => void) | undefined;
573
+ unmounted?: (() => void) | undefined;
574
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | undefined;
575
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | undefined;
576
+ 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;
577
+ delimiters?: [string, string] | undefined;
578
+ __differentiator?: string | number | symbol | undefined;
579
+ __isBuiltIn?: boolean | undefined;
580
+ __file?: string | undefined;
581
+ __name?: string | undefined;
582
+ } | null;
583
+ isVisible: boolean;
584
+ data: any;
585
+ events: {
586
+ onHover?: ((store: import('..').IDnDStore) => void) | undefined;
587
+ onLeave?: ((store: import('..').IDnDStore) => void) | undefined;
588
+ onEnd?: ((store: import('..').IDnDStore) => void) | undefined;
589
+ };
590
+ }[]>;
591
+ pointerPosition: {
592
+ current: import('vue').Ref<{
593
+ x: number;
594
+ y: number;
595
+ } | null, import('..').IPoint | {
596
+ x: number;
597
+ y: number;
598
+ } | null>;
599
+ start: import('vue').Ref<{
600
+ x: number;
601
+ y: number;
602
+ } | null, import('..').IPoint | {
603
+ x: number;
604
+ y: number;
605
+ } | null>;
606
+ offset: {
607
+ percent: import('vue').Ref<{
608
+ x: number;
609
+ y: number;
610
+ } | null, import('..').IPoint | {
611
+ x: number;
612
+ y: number;
613
+ } | null>;
614
+ pixel: import('vue').Ref<{
615
+ x: number;
616
+ y: number;
617
+ } | null, import('..').IPoint | {
618
+ x: number;
619
+ y: number;
620
+ } | null>;
621
+ };
622
+ };
623
+ isDragging: import('vue').ComputedRef<boolean>;
624
+ };