@vue-dnd-kit/core 1.0.1 → 1.1.1

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 (6) hide show
  1. package/dist/index.d.ts +558 -84
  2. package/dist/vue-dnd-kit-core.cjs.js +1 -1
  3. package/dist/vue-dnd-kit-core.cjs.js.map +1 -1
  4. package/dist/vue-dnd-kit-core.es.js +83 -72
  5. package/dist/vue-dnd-kit-core.es.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -324,6 +324,8 @@ export declare const useDnDStore: () => {
324
324
  onHover?: ((store: IDnDStore_2) => void) | undefined;
325
325
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
326
326
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
327
+ onStart?: ((store: IDnDStore_2) => void) | undefined;
328
+ onMove?: ((store: IDnDStore_2) => void) | undefined;
327
329
  };
328
330
  }> & Omit<Map<HTMLElement | Element, IDraggingElement_2>, keyof Map<any, any>>, Map<HTMLElement | Element, IDraggingElement_2> | (Map<HTMLElement | Element, {
329
331
  initialHTML: string;
@@ -588,6 +590,8 @@ export declare const useDnDStore: () => {
588
590
  onHover?: ((store: IDnDStore_2) => void) | undefined;
589
591
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
590
592
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
593
+ onStart?: ((store: IDnDStore_2) => void) | undefined;
594
+ onMove?: ((store: IDnDStore_2) => void) | undefined;
591
595
  };
592
596
  }> & Omit<Map<HTMLElement | Element, IDraggingElement_2>, keyof Map<any, any>>)>;
593
597
  isDragging: ComputedRef<boolean>;
@@ -1077,6 +1081,8 @@ export declare const useDnDStore: () => {
1077
1081
  onHover?: ((store: IDnDStore_2) => void) | undefined;
1078
1082
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
1079
1083
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
1084
+ onStart?: ((store: IDnDStore_2) => void) | undefined;
1085
+ onMove?: ((store: IDnDStore_2) => void) | undefined;
1080
1086
  };
1081
1087
  }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>, Map<HTMLElement | Element, IDragElement_2> | (Map<HTMLElement | Element, {
1082
1088
  id: string | number;
@@ -1329,6 +1335,8 @@ export declare const useDnDStore: () => {
1329
1335
  onHover?: ((store: IDnDStore_2) => void) | undefined;
1330
1336
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
1331
1337
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
1338
+ onStart?: ((store: IDnDStore_2) => void) | undefined;
1339
+ onMove?: ((store: IDnDStore_2) => void) | undefined;
1332
1340
  };
1333
1341
  }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>)>;
1334
1342
  selectedElementsMap: Ref<Map<HTMLElement | Element, {
@@ -1582,6 +1590,8 @@ export declare const useDnDStore: () => {
1582
1590
  onHover?: ((store: IDnDStore_2) => void) | undefined;
1583
1591
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
1584
1592
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
1593
+ onStart?: ((store: IDnDStore_2) => void) | undefined;
1594
+ onMove?: ((store: IDnDStore_2) => void) | undefined;
1585
1595
  };
1586
1596
  }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>, Map<HTMLElement | Element, IDragElement_2> | (Map<HTMLElement | Element, {
1587
1597
  id: string | number;
@@ -1834,6 +1844,8 @@ export declare const useDnDStore: () => {
1834
1844
  onHover?: ((store: IDnDStore_2) => void) | undefined;
1835
1845
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
1836
1846
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
1847
+ onStart?: ((store: IDnDStore_2) => void) | undefined;
1848
+ onMove?: ((store: IDnDStore_2) => void) | undefined;
1837
1849
  };
1838
1850
  }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>)>;
1839
1851
  zonesMap: Ref<Map<HTMLElement | Element, {
@@ -1889,6 +1901,552 @@ export declare const useDnDStore: () => {
1889
1901
  handleDropZoneIntersection: (action: 'add' | 'remove', element: HTMLElement | Element) => void;
1890
1902
  };
1891
1903
 
1904
+ export declare const useDragContainer: () => {
1905
+ elementRef: Ref<HTMLElement | null, HTMLElement | null>;
1906
+ draggingElements: Ref<Map<HTMLElement | Element, {
1907
+ initialHTML: string;
1908
+ initialRect?: {
1909
+ height: number;
1910
+ width: number;
1911
+ x: number;
1912
+ y: number;
1913
+ readonly bottom: number;
1914
+ readonly left: number;
1915
+ readonly right: number;
1916
+ readonly top: number;
1917
+ toJSON: () => any;
1918
+ } | undefined;
1919
+ id: string | number;
1920
+ node: HTMLElement | Element | null;
1921
+ groups: string[];
1922
+ layer: FunctionalComponent<any, {}, any, {}> | {
1923
+ new (...args: any[]): any;
1924
+ __isFragment?: undefined;
1925
+ __isTeleport?: undefined;
1926
+ __isSuspense?: undefined;
1927
+ } | {
1928
+ [x: string]: any;
1929
+ setup?: ((this: void, props: LooseRequired<any>, ctx: {
1930
+ attrs: {
1931
+ [x: string]: unknown;
1932
+ };
1933
+ slots: Readonly<{
1934
+ [name: string]: Slot<any> | undefined;
1935
+ }>;
1936
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
1937
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
1938
+ }) => any) | undefined;
1939
+ name?: string | undefined;
1940
+ template?: string | object | undefined;
1941
+ render?: Function | undefined;
1942
+ components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
1943
+ directives?: Record<string, Directive<any, any, string, string>> | undefined;
1944
+ inheritAttrs?: boolean | undefined;
1945
+ emits?: any;
1946
+ slots?: {} | undefined;
1947
+ expose?: string[] | undefined;
1948
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
1949
+ compilerOptions?: {
1950
+ isCustomElement?: ((tag: string) => boolean) | undefined;
1951
+ whitespace?: "preserve" | "condense" | undefined;
1952
+ comments?: boolean | undefined;
1953
+ delimiters?: [string, string] | undefined;
1954
+ } | undefined;
1955
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
1956
+ __isFragment?: undefined;
1957
+ __isTeleport?: undefined;
1958
+ __isSuspense?: undefined;
1959
+ __defaults?: {} | undefined;
1960
+ compatConfig?: {
1961
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
1962
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
1963
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
1964
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
1965
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
1966
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
1967
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
1968
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
1969
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
1970
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
1971
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
1972
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
1973
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
1974
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
1975
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
1976
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
1977
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
1978
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
1979
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
1980
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
1981
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
1982
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
1983
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
1984
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
1985
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
1986
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
1987
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
1988
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
1989
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
1990
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
1991
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
1992
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
1993
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
1994
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
1995
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
1996
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
1997
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
1998
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
1999
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
2000
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
2001
+ FILTERS?: boolean | "suppress-warning" | undefined;
2002
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
2003
+ MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
2004
+ } | undefined;
2005
+ data?: ((this: any, vm: any) => any) | undefined;
2006
+ computed?: ComputedOptions | undefined;
2007
+ methods?: MethodOptions | undefined;
2008
+ watch?: {
2009
+ [x: string]: (string | WatchCallback<any, any> | ({
2010
+ handler: string | WatchCallback<any, any>;
2011
+ } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
2012
+ handler: string | WatchCallback<any, any>;
2013
+ } & WatchOptions<boolean>))[];
2014
+ } | undefined;
2015
+ provide?: ComponentProvideOptions | undefined;
2016
+ inject?: {} | string[] | undefined;
2017
+ filters?: Record<string, Function> | undefined;
2018
+ mixins?: any[] | undefined;
2019
+ extends?: any;
2020
+ beforeCreate?: (() => void) | undefined;
2021
+ created?: (() => void) | undefined;
2022
+ beforeMount?: (() => void) | undefined;
2023
+ mounted?: (() => void) | undefined;
2024
+ beforeUpdate?: (() => void) | undefined;
2025
+ updated?: (() => void) | undefined;
2026
+ activated?: (() => void) | undefined;
2027
+ deactivated?: (() => void) | undefined;
2028
+ beforeDestroy?: (() => void) | undefined;
2029
+ beforeUnmount?: (() => void) | undefined;
2030
+ destroyed?: (() => void) | undefined;
2031
+ unmounted?: (() => void) | undefined;
2032
+ renderTracked?: ((e: DebuggerEvent) => void) | undefined;
2033
+ renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
2034
+ errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
2035
+ delimiters?: [string, string] | undefined;
2036
+ __differentiator?: string | number | symbol | undefined;
2037
+ __isBuiltIn?: boolean | undefined;
2038
+ __file?: string | undefined;
2039
+ __name?: string | undefined;
2040
+ } | null;
2041
+ defaultLayer: FunctionalComponent<any, {}, any, {}> | {
2042
+ new (...args: any[]): any;
2043
+ __isFragment?: undefined;
2044
+ __isTeleport?: undefined;
2045
+ __isSuspense?: undefined;
2046
+ } | {
2047
+ [x: string]: any;
2048
+ setup?: ((this: void, props: LooseRequired<any>, ctx: {
2049
+ attrs: {
2050
+ [x: string]: unknown;
2051
+ };
2052
+ slots: Readonly<{
2053
+ [name: string]: Slot<any> | undefined;
2054
+ }>;
2055
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
2056
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
2057
+ }) => any) | undefined;
2058
+ name?: string | undefined;
2059
+ template?: string | object | undefined;
2060
+ render?: Function | undefined;
2061
+ components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
2062
+ directives?: Record<string, Directive<any, any, string, string>> | undefined;
2063
+ inheritAttrs?: boolean | undefined;
2064
+ emits?: any;
2065
+ slots?: {} | undefined;
2066
+ expose?: string[] | undefined;
2067
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
2068
+ compilerOptions?: {
2069
+ isCustomElement?: ((tag: string) => boolean) | undefined;
2070
+ whitespace?: "preserve" | "condense" | undefined;
2071
+ comments?: boolean | undefined;
2072
+ delimiters?: [string, string] | undefined;
2073
+ } | undefined;
2074
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
2075
+ __isFragment?: undefined;
2076
+ __isTeleport?: undefined;
2077
+ __isSuspense?: undefined;
2078
+ __defaults?: {} | undefined;
2079
+ compatConfig?: {
2080
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
2081
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
2082
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
2083
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
2084
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
2085
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
2086
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
2087
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
2088
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
2089
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
2090
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
2091
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
2092
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
2093
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
2094
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
2095
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
2096
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
2097
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
2098
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
2099
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
2100
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
2101
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
2102
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
2103
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
2104
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
2105
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
2106
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
2107
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
2108
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
2109
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
2110
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
2111
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
2112
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
2113
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
2114
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
2115
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
2116
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
2117
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
2118
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
2119
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
2120
+ FILTERS?: boolean | "suppress-warning" | undefined;
2121
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
2122
+ MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
2123
+ } | undefined;
2124
+ data?: ((this: any, vm: any) => any) | undefined;
2125
+ computed?: ComputedOptions | undefined;
2126
+ methods?: MethodOptions | undefined;
2127
+ watch?: {
2128
+ [x: string]: (string | WatchCallback<any, any> | ({
2129
+ handler: string | WatchCallback<any, any>;
2130
+ } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
2131
+ handler: string | WatchCallback<any, any>;
2132
+ } & WatchOptions<boolean>))[];
2133
+ } | undefined;
2134
+ provide?: ComponentProvideOptions | undefined;
2135
+ inject?: {} | string[] | undefined;
2136
+ filters?: Record<string, Function> | undefined;
2137
+ mixins?: any[] | undefined;
2138
+ extends?: any;
2139
+ beforeCreate?: (() => void) | undefined;
2140
+ created?: (() => void) | undefined;
2141
+ beforeMount?: (() => void) | undefined;
2142
+ mounted?: (() => void) | undefined;
2143
+ beforeUpdate?: (() => void) | undefined;
2144
+ updated?: (() => void) | undefined;
2145
+ activated?: (() => void) | undefined;
2146
+ deactivated?: (() => void) | undefined;
2147
+ beforeDestroy?: (() => void) | undefined;
2148
+ beforeUnmount?: (() => void) | undefined;
2149
+ destroyed?: (() => void) | undefined;
2150
+ unmounted?: (() => void) | undefined;
2151
+ renderTracked?: ((e: DebuggerEvent) => void) | undefined;
2152
+ renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
2153
+ errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
2154
+ delimiters?: [string, string] | undefined;
2155
+ __differentiator?: string | number | symbol | undefined;
2156
+ __isBuiltIn?: boolean | undefined;
2157
+ __file?: string | undefined;
2158
+ __name?: string | undefined;
2159
+ } | null;
2160
+ data: {
2161
+ [x: string]: any;
2162
+ source?: any[] | undefined;
2163
+ index?: number | undefined;
2164
+ } | null;
2165
+ events: {
2166
+ onHover?: ((store: IDnDStore) => void) | undefined;
2167
+ onLeave?: ((store: IDnDStore) => void) | undefined;
2168
+ onEnd?: ((store: IDnDStore) => void) | undefined;
2169
+ onStart?: ((store: IDnDStore) => void) | undefined;
2170
+ onMove?: ((store: IDnDStore) => void) | undefined;
2171
+ };
2172
+ }> & Omit<Map<HTMLElement | Element, IDraggingElement>, keyof Map<any, any>>, Map<HTMLElement | Element, IDraggingElement> | (Map<HTMLElement | Element, {
2173
+ initialHTML: string;
2174
+ initialRect?: {
2175
+ height: number;
2176
+ width: number;
2177
+ x: number;
2178
+ y: number;
2179
+ readonly bottom: number;
2180
+ readonly left: number;
2181
+ readonly right: number;
2182
+ readonly top: number;
2183
+ toJSON: () => any;
2184
+ } | undefined;
2185
+ id: string | number;
2186
+ node: HTMLElement | Element | null;
2187
+ groups: string[];
2188
+ layer: FunctionalComponent<any, {}, any, {}> | {
2189
+ new (...args: any[]): any;
2190
+ __isFragment?: undefined;
2191
+ __isTeleport?: undefined;
2192
+ __isSuspense?: undefined;
2193
+ } | {
2194
+ [x: string]: any;
2195
+ setup?: ((this: void, props: LooseRequired<any>, ctx: {
2196
+ attrs: {
2197
+ [x: string]: unknown;
2198
+ };
2199
+ slots: Readonly<{
2200
+ [name: string]: Slot<any> | undefined;
2201
+ }>;
2202
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
2203
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
2204
+ }) => any) | undefined;
2205
+ name?: string | undefined;
2206
+ template?: string | object | undefined;
2207
+ render?: Function | undefined;
2208
+ components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
2209
+ directives?: Record<string, Directive<any, any, string, string>> | undefined;
2210
+ inheritAttrs?: boolean | undefined;
2211
+ emits?: any;
2212
+ slots?: {} | undefined;
2213
+ expose?: string[] | undefined;
2214
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
2215
+ compilerOptions?: {
2216
+ isCustomElement?: ((tag: string) => boolean) | undefined;
2217
+ whitespace?: "preserve" | "condense" | undefined;
2218
+ comments?: boolean | undefined;
2219
+ delimiters?: [string, string] | undefined;
2220
+ } | undefined;
2221
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
2222
+ __isFragment?: undefined;
2223
+ __isTeleport?: undefined;
2224
+ __isSuspense?: undefined;
2225
+ __defaults?: {} | undefined;
2226
+ compatConfig?: {
2227
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
2228
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
2229
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
2230
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
2231
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
2232
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
2233
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
2234
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
2235
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
2236
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
2237
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
2238
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
2239
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
2240
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
2241
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
2242
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
2243
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
2244
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
2245
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
2246
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
2247
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
2248
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
2249
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
2250
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
2251
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
2252
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
2253
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
2254
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
2255
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
2256
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
2257
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
2258
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
2259
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
2260
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
2261
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
2262
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
2263
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
2264
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
2265
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
2266
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
2267
+ FILTERS?: boolean | "suppress-warning" | undefined;
2268
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
2269
+ MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
2270
+ } | undefined;
2271
+ data?: ((this: any, vm: any) => any) | undefined;
2272
+ computed?: ComputedOptions | undefined;
2273
+ methods?: MethodOptions | undefined;
2274
+ watch?: {
2275
+ [x: string]: (string | WatchCallback<any, any> | ({
2276
+ handler: string | WatchCallback<any, any>;
2277
+ } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
2278
+ handler: string | WatchCallback<any, any>;
2279
+ } & WatchOptions<boolean>))[];
2280
+ } | undefined;
2281
+ provide?: ComponentProvideOptions | undefined;
2282
+ inject?: {} | string[] | undefined;
2283
+ filters?: Record<string, Function> | undefined;
2284
+ mixins?: any[] | undefined;
2285
+ extends?: any;
2286
+ beforeCreate?: (() => void) | undefined;
2287
+ created?: (() => void) | undefined;
2288
+ beforeMount?: (() => void) | undefined;
2289
+ mounted?: (() => void) | undefined;
2290
+ beforeUpdate?: (() => void) | undefined;
2291
+ updated?: (() => void) | undefined;
2292
+ activated?: (() => void) | undefined;
2293
+ deactivated?: (() => void) | undefined;
2294
+ beforeDestroy?: (() => void) | undefined;
2295
+ beforeUnmount?: (() => void) | undefined;
2296
+ destroyed?: (() => void) | undefined;
2297
+ unmounted?: (() => void) | undefined;
2298
+ renderTracked?: ((e: DebuggerEvent) => void) | undefined;
2299
+ renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
2300
+ errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
2301
+ delimiters?: [string, string] | undefined;
2302
+ __differentiator?: string | number | symbol | undefined;
2303
+ __isBuiltIn?: boolean | undefined;
2304
+ __file?: string | undefined;
2305
+ __name?: string | undefined;
2306
+ } | null;
2307
+ defaultLayer: FunctionalComponent<any, {}, any, {}> | {
2308
+ new (...args: any[]): any;
2309
+ __isFragment?: undefined;
2310
+ __isTeleport?: undefined;
2311
+ __isSuspense?: undefined;
2312
+ } | {
2313
+ [x: string]: any;
2314
+ setup?: ((this: void, props: LooseRequired<any>, ctx: {
2315
+ attrs: {
2316
+ [x: string]: unknown;
2317
+ };
2318
+ slots: Readonly<{
2319
+ [name: string]: Slot<any> | undefined;
2320
+ }>;
2321
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
2322
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
2323
+ }) => any) | undefined;
2324
+ name?: string | undefined;
2325
+ template?: string | object | undefined;
2326
+ render?: Function | undefined;
2327
+ components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
2328
+ directives?: Record<string, Directive<any, any, string, string>> | undefined;
2329
+ inheritAttrs?: boolean | undefined;
2330
+ emits?: any;
2331
+ slots?: {} | undefined;
2332
+ expose?: string[] | undefined;
2333
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
2334
+ compilerOptions?: {
2335
+ isCustomElement?: ((tag: string) => boolean) | undefined;
2336
+ whitespace?: "preserve" | "condense" | undefined;
2337
+ comments?: boolean | undefined;
2338
+ delimiters?: [string, string] | undefined;
2339
+ } | undefined;
2340
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
2341
+ __isFragment?: undefined;
2342
+ __isTeleport?: undefined;
2343
+ __isSuspense?: undefined;
2344
+ __defaults?: {} | undefined;
2345
+ compatConfig?: {
2346
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
2347
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
2348
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
2349
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
2350
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
2351
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
2352
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
2353
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
2354
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
2355
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
2356
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
2357
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
2358
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
2359
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
2360
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
2361
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
2362
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
2363
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
2364
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
2365
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
2366
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
2367
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
2368
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
2369
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
2370
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
2371
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
2372
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
2373
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
2374
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
2375
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
2376
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
2377
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
2378
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
2379
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
2380
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
2381
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
2382
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
2383
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
2384
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
2385
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
2386
+ FILTERS?: boolean | "suppress-warning" | undefined;
2387
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
2388
+ MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
2389
+ } | undefined;
2390
+ data?: ((this: any, vm: any) => any) | undefined;
2391
+ computed?: ComputedOptions | undefined;
2392
+ methods?: MethodOptions | undefined;
2393
+ watch?: {
2394
+ [x: string]: (string | WatchCallback<any, any> | ({
2395
+ handler: string | WatchCallback<any, any>;
2396
+ } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
2397
+ handler: string | WatchCallback<any, any>;
2398
+ } & WatchOptions<boolean>))[];
2399
+ } | undefined;
2400
+ provide?: ComponentProvideOptions | undefined;
2401
+ inject?: {} | string[] | undefined;
2402
+ filters?: Record<string, Function> | undefined;
2403
+ mixins?: any[] | undefined;
2404
+ extends?: any;
2405
+ beforeCreate?: (() => void) | undefined;
2406
+ created?: (() => void) | undefined;
2407
+ beforeMount?: (() => void) | undefined;
2408
+ mounted?: (() => void) | undefined;
2409
+ beforeUpdate?: (() => void) | undefined;
2410
+ updated?: (() => void) | undefined;
2411
+ activated?: (() => void) | undefined;
2412
+ deactivated?: (() => void) | undefined;
2413
+ beforeDestroy?: (() => void) | undefined;
2414
+ beforeUnmount?: (() => void) | undefined;
2415
+ destroyed?: (() => void) | undefined;
2416
+ unmounted?: (() => void) | undefined;
2417
+ renderTracked?: ((e: DebuggerEvent) => void) | undefined;
2418
+ renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
2419
+ errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
2420
+ delimiters?: [string, string] | undefined;
2421
+ __differentiator?: string | number | symbol | undefined;
2422
+ __isBuiltIn?: boolean | undefined;
2423
+ __file?: string | undefined;
2424
+ __name?: string | undefined;
2425
+ } | null;
2426
+ data: {
2427
+ [x: string]: any;
2428
+ source?: any[] | undefined;
2429
+ index?: number | undefined;
2430
+ } | null;
2431
+ events: {
2432
+ onHover?: ((store: IDnDStore) => void) | undefined;
2433
+ onLeave?: ((store: IDnDStore) => void) | undefined;
2434
+ onEnd?: ((store: IDnDStore) => void) | undefined;
2435
+ onStart?: ((store: IDnDStore) => void) | undefined;
2436
+ onMove?: ((store: IDnDStore) => void) | undefined;
2437
+ };
2438
+ }> & Omit<Map<HTMLElement | Element, IDraggingElement>, keyof Map<any, any>>)>;
2439
+ pointerPosition: {
2440
+ start: ShallowRef< IPoint | null, IPoint | null>;
2441
+ current: ShallowRef< IPoint | null, IPoint | null>;
2442
+ offset: {
2443
+ percent: ShallowRef< IPoint | null, IPoint | null>;
2444
+ pixel: ShallowRef< IPoint | null, IPoint | null>;
2445
+ };
2446
+ };
2447
+ isDragging: ComputedRef<boolean>;
2448
+ };
2449
+
1892
2450
  export declare const useDraggable: (options?: IUseDragOptions) => {
1893
2451
  pointerPosition: {
1894
2452
  start: ShallowRef< IPoint_2 | null, IPoint_2 | null>;
@@ -1906,90 +2464,6 @@ export declare const useDraggable: (options?: IUseDragOptions) => {
1906
2464
  id: ShallowRef<string | number, string | number>;
1907
2465
  };
1908
2466
 
1909
- /**
1910
- * Hook for creating drop zones that can accept dragged elements.
1911
- * Manages drop zone registration and interaction states.
1912
- *
1913
- * @param options - Configuration options for drop zone
1914
- * @param options.groups - Groups that this zone accepts. Elements can only be
1915
- * dropped if they share at least one group with the zone
1916
- * @param options.events - Event handlers for drop zone lifecycle
1917
- * @param options.events.onDrop - Called when compatible element is dropped
1918
- * @param options.events.onHover - Called when compatible element hovers
1919
- * @param options.events.onLeave - Called when element leaves zone
1920
- * @param options.data - Custom data accessible in event handlers
1921
- *
1922
- * @returns Object containing:
1923
- * - elementRef: Reference to be bound to drop zone element
1924
- * - isOvered: Whether zone is currently being hovered by dragged element
1925
- * - isAllowed: Whether currently dragged element can be dropped (groups match)
1926
- *
1927
- * @example
1928
- * ```vue
1929
- * <template>
1930
- * <div
1931
- * ref="elementRef"
1932
- * :class="{
1933
- * 'drop-zone': true,
1934
- * 'zone-hovered': isOvered,
1935
- * 'drop-allowed': isAllowed && isOvered,
1936
- * 'drop-forbidden': !isAllowed && isOvered
1937
- * }"
1938
- * >
1939
- * <slot />
1940
- * </div>
1941
- * </template>
1942
- *
1943
- * <script setup lang="ts">
1944
- * const { elementRef, isOvered, isAllowed } = useDrop({
1945
- * // Зона принимает только элементы из группы 'items'
1946
- * groups: ['items'],
1947
- * events: {
1948
- * onDrop: (store) => {
1949
- * const droppedElements = store.draggingElements.value;
1950
- * console.log('Elements dropped!', droppedElements);
1951
- * },
1952
- * onHover: (store) => {
1953
- * // Подсветка зоны при наведении совместимого элемента
1954
- * if (isAllowed.value) {
1955
- * console.log('Compatible element hovering!');
1956
- * }
1957
- * },
1958
- * onLeave: () => {
1959
- * console.log('Element left drop zone');
1960
- * }
1961
- * },
1962
- * // Пользовательские данные доступны в обработчиках
1963
- * data: {
1964
- * zoneId: 'main-drop-zone',
1965
- * acceptLimit: 5
1966
- * }
1967
- * });
1968
- * </script>
1969
- *
1970
- * <style scoped>
1971
- * .drop-zone {
1972
- * border: 2px dashed #ccc;
1973
- * padding: 20px;
1974
- * transition: all 0.3s;
1975
- * }
1976
- *
1977
- * .zone-hovered {
1978
- * background: #f0f0f0;
1979
- * }
1980
- *
1981
- * .drop-allowed {
1982
- * border-color: #4CAF50;
1983
- * background: #E8F5E9;
1984
- * }
1985
- *
1986
- * .drop-forbidden {
1987
- * border-color: #F44336;
1988
- * background: #FFEBEE;
1989
- * }
1990
- * </style>
1991
- * ```
1992
- */
1993
2467
  export declare const useDroppable: (options?: IUseDropOptions) => {
1994
2468
  elementRef: Ref<HTMLElement | null, HTMLElement | null>;
1995
2469
  isOvered: ComputedRef<boolean>;