@vue-dnd-kit/core 0.5.6 → 0.5.8

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 (7) hide show
  1. package/README.md +18 -10
  2. package/dist/index.d.ts +81 -596
  3. package/dist/vue-dnd-kit-core.cjs.js +1 -1
  4. package/dist/vue-dnd-kit-core.cjs.js.map +1 -1
  5. package/dist/vue-dnd-kit-core.es.js +475 -450
  6. package/dist/vue-dnd-kit-core.es.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -61,9 +61,23 @@ export { IDropZone }
61
61
  export { IPoint }
62
62
 
63
63
  export declare const useDnDStore: () => {
64
- isDragging: ComputedRef<boolean>;
65
- activeContainer: {
66
- component: Ref< FunctionalComponent<any, {}, any, {}> | {
64
+ draggingElements: Ref<Map<HTMLElement | Element, {
65
+ initialHTML: string;
66
+ initialRect?: {
67
+ height: number;
68
+ width: number;
69
+ x: number;
70
+ y: number;
71
+ readonly bottom: number;
72
+ readonly left: number;
73
+ readonly right: number;
74
+ readonly top: number;
75
+ toJSON: () => any;
76
+ } | undefined;
77
+ id: string | number;
78
+ node: HTMLElement | Element | null;
79
+ groups: string[];
80
+ layer: FunctionalComponent<any, {}, any, {}> | {
67
81
  new (...args: any[]): any;
68
82
  __isFragment?: undefined;
69
83
  __isTeleport?: undefined;
@@ -181,7 +195,13 @@ export declare const useDnDStore: () => {
181
195
  __isBuiltIn?: boolean | undefined;
182
196
  __file?: string | undefined;
183
197
  __name?: string | undefined;
184
- } | null, Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | {
198
+ } | null;
199
+ defaultLayer: FunctionalComponent<any, {}, any, {}> | {
200
+ new (...args: any[]): any;
201
+ __isFragment?: undefined;
202
+ __isTeleport?: undefined;
203
+ __isSuspense?: undefined;
204
+ } | {
185
205
  [x: string]: any;
186
206
  setup?: ((this: void, props: LooseRequired<any>, ctx: {
187
207
  attrs: {
@@ -294,10 +314,31 @@ export declare const useDnDStore: () => {
294
314
  __isBuiltIn?: boolean | undefined;
295
315
  __file?: string | undefined;
296
316
  __name?: string | undefined;
297
- } | null>;
298
- ref: ShallowRef<HTMLElement | null, HTMLElement | null>;
299
- };
300
- elements: Ref<{
317
+ } | null;
318
+ data: {
319
+ [x: string]: any;
320
+ source?: any[] | undefined;
321
+ index?: number | undefined;
322
+ } | null;
323
+ events: {
324
+ onHover?: ((store: IDnDStore_2) => void) | undefined;
325
+ onLeave?: ((store: IDnDStore_2) => void) | undefined;
326
+ onEnd?: ((store: IDnDStore_2) => void) | undefined;
327
+ };
328
+ }> & Omit<Map<HTMLElement | Element, IDraggingElement_2>, keyof Map<any, any>>, Map<HTMLElement | Element, IDraggingElement_2> | (Map<HTMLElement | Element, {
329
+ initialHTML: string;
330
+ initialRect?: {
331
+ height: number;
332
+ width: number;
333
+ x: number;
334
+ y: number;
335
+ readonly bottom: number;
336
+ readonly left: number;
337
+ readonly right: number;
338
+ readonly top: number;
339
+ toJSON: () => any;
340
+ } | undefined;
341
+ id: string | number;
301
342
  node: HTMLElement | Element | null;
302
343
  groups: string[];
303
344
  layer: FunctionalComponent<any, {}, any, {}> | {
@@ -548,10 +589,10 @@ export declare const useDnDStore: () => {
548
589
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
549
590
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
550
591
  };
551
- }[], IDragElement_2[] | {
552
- node: HTMLElement | Element | null;
553
- groups: string[];
554
- layer: FunctionalComponent<any, {}, any, {}> | {
592
+ }> & Omit<Map<HTMLElement | Element, IDraggingElement_2>, keyof Map<any, any>>)>;
593
+ isDragging: ComputedRef<boolean>;
594
+ activeContainer: {
595
+ component: Ref< FunctionalComponent<any, {}, any, {}> | {
555
596
  new (...args: any[]): any;
556
597
  __isFragment?: undefined;
557
598
  __isTeleport?: undefined;
@@ -669,13 +710,7 @@ export declare const useDnDStore: () => {
669
710
  __isBuiltIn?: boolean | undefined;
670
711
  __file?: string | undefined;
671
712
  __name?: string | undefined;
672
- } | null;
673
- defaultLayer: FunctionalComponent<any, {}, any, {}> | {
674
- new (...args: any[]): any;
675
- __isFragment?: undefined;
676
- __isTeleport?: undefined;
677
- __isSuspense?: undefined;
678
- } | {
713
+ } | null, Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | {
679
714
  [x: string]: any;
680
715
  setup?: ((this: void, props: LooseRequired<any>, ctx: {
681
716
  attrs: {
@@ -788,31 +823,11 @@ export declare const useDnDStore: () => {
788
823
  __isBuiltIn?: boolean | undefined;
789
824
  __file?: string | undefined;
790
825
  __name?: string | undefined;
791
- } | null;
792
- data: {
793
- [x: string]: any;
794
- source?: any[] | undefined;
795
- index?: number | undefined;
796
- } | null;
797
- events: {
798
- onHover?: ((store: IDnDStore_2) => void) | undefined;
799
- onLeave?: ((store: IDnDStore_2) => void) | undefined;
800
- onEnd?: ((store: IDnDStore_2) => void) | undefined;
801
- };
802
- }[]>;
803
- draggingElements: Ref<{
804
- initialHTML: string;
805
- initialRect?: {
806
- height: number;
807
- width: number;
808
- x: number;
809
- y: number;
810
- readonly bottom: number;
811
- readonly left: number;
812
- readonly right: number;
813
- readonly top: number;
814
- toJSON: () => any;
815
- } | undefined;
826
+ } | null>;
827
+ ref: ShallowRef<HTMLElement | null, HTMLElement | null>;
828
+ };
829
+ elementsMap: Ref<Map<HTMLElement | Element, {
830
+ id: string | number;
816
831
  node: HTMLElement | Element | null;
817
832
  groups: string[];
818
833
  layer: FunctionalComponent<any, {}, any, {}> | {
@@ -1063,19 +1078,8 @@ export declare const useDnDStore: () => {
1063
1078
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
1064
1079
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
1065
1080
  };
1066
- }[], IDraggingElement_2[] | {
1067
- initialHTML: string;
1068
- initialRect?: {
1069
- height: number;
1070
- width: number;
1071
- x: number;
1072
- y: number;
1073
- readonly bottom: number;
1074
- readonly left: number;
1075
- readonly right: number;
1076
- readonly top: number;
1077
- toJSON: () => any;
1078
- } | undefined;
1081
+ }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>, Map<HTMLElement | Element, IDragElement_2> | (Map<HTMLElement | Element, {
1082
+ id: string | number;
1079
1083
  node: HTMLElement | Element | null;
1080
1084
  groups: string[];
1081
1085
  layer: FunctionalComponent<any, {}, any, {}> | {
@@ -1326,8 +1330,9 @@ export declare const useDnDStore: () => {
1326
1330
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
1327
1331
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
1328
1332
  };
1329
- }[]>;
1330
- selectedElements: Ref<{
1333
+ }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>)>;
1334
+ selectedElementsMap: Ref<Map<HTMLElement | Element, {
1335
+ id: string | number;
1331
1336
  node: HTMLElement | Element | null;
1332
1337
  groups: string[];
1333
1338
  layer: FunctionalComponent<any, {}, any, {}> | {
@@ -1578,7 +1583,8 @@ export declare const useDnDStore: () => {
1578
1583
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
1579
1584
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
1580
1585
  };
1581
- }[], IDragElement_2[] | {
1586
+ }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>, Map<HTMLElement | Element, IDragElement_2> | (Map<HTMLElement | Element, {
1587
+ id: string | number;
1582
1588
  node: HTMLElement | Element | null;
1583
1589
  groups: string[];
1584
1590
  layer: FunctionalComponent<any, {}, any, {}> | {
@@ -1829,8 +1835,8 @@ export declare const useDnDStore: () => {
1829
1835
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
1830
1836
  onEnd?: ((store: IDnDStore_2) => void) | undefined;
1831
1837
  };
1832
- }[]>;
1833
- zones: Ref<{
1838
+ }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>)>;
1839
+ zonesMap: Ref<Map<HTMLElement | Element, {
1834
1840
  node: HTMLElement | Element | null;
1835
1841
  groups: string[];
1836
1842
  data?: {
@@ -1842,7 +1848,7 @@ export declare const useDnDStore: () => {
1842
1848
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
1843
1849
  onDrop?: ((store: IDnDStore_2) => void) | undefined;
1844
1850
  };
1845
- }[], IDropZone_2[] | {
1851
+ }> & Omit<Map<HTMLElement | Element, IDropZone_2>, keyof Map<any, any>>, Map<HTMLElement | Element, IDropZone_2> | (Map<HTMLElement | Element, {
1846
1852
  node: HTMLElement | Element | null;
1847
1853
  groups: string[];
1848
1854
  data?: {
@@ -1854,540 +1860,12 @@ export declare const useDnDStore: () => {
1854
1860
  onLeave?: ((store: IDnDStore_2) => void) | undefined;
1855
1861
  onDrop?: ((store: IDnDStore_2) => void) | undefined;
1856
1862
  };
1857
- }[]>;
1858
- hovered: {
1859
- zone: Ref<{
1860
- node: HTMLElement | Element | null;
1861
- groups: string[];
1862
- data?: {
1863
- [x: string]: any;
1864
- source?: any[] | undefined;
1865
- } | undefined;
1866
- events: {
1867
- onHover?: ((store: IDnDStore_2) => void) | undefined;
1868
- onLeave?: ((store: IDnDStore_2) => void) | undefined;
1869
- onDrop?: ((store: IDnDStore_2) => void) | undefined;
1870
- };
1871
- } | null, IDropZone_2 | {
1872
- node: HTMLElement | Element | null;
1873
- groups: string[];
1874
- data?: {
1875
- [x: string]: any;
1876
- source?: any[] | undefined;
1877
- } | undefined;
1878
- events: {
1879
- onHover?: ((store: IDnDStore_2) => void) | undefined;
1880
- onLeave?: ((store: IDnDStore_2) => void) | undefined;
1881
- onDrop?: ((store: IDnDStore_2) => void) | undefined;
1882
- };
1883
- } | null>;
1884
- element: Ref<{
1885
- node: HTMLElement | Element | null;
1886
- groups: string[];
1887
- layer: FunctionalComponent<any, {}, any, {}> | {
1888
- new (...args: any[]): any;
1889
- __isFragment?: undefined;
1890
- __isTeleport?: undefined;
1891
- __isSuspense?: undefined;
1892
- } | {
1893
- [x: string]: any;
1894
- setup?: ((this: void, props: LooseRequired<any>, ctx: {
1895
- attrs: {
1896
- [x: string]: unknown;
1897
- };
1898
- slots: Readonly<{
1899
- [name: string]: Slot<any> | undefined;
1900
- }>;
1901
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
1902
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
1903
- }) => any) | undefined;
1904
- name?: string | undefined;
1905
- template?: string | object | undefined;
1906
- render?: Function | undefined;
1907
- components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
1908
- directives?: Record<string, Directive<any, any, string, string>> | undefined;
1909
- inheritAttrs?: boolean | undefined;
1910
- emits?: any;
1911
- slots?: {} | undefined;
1912
- expose?: string[] | undefined;
1913
- serverPrefetch?: (() => void | Promise<any>) | undefined;
1914
- compilerOptions?: {
1915
- isCustomElement?: ((tag: string) => boolean) | undefined;
1916
- whitespace?: "preserve" | "condense" | undefined;
1917
- comments?: boolean | undefined;
1918
- delimiters?: [string, string] | undefined;
1919
- } | undefined;
1920
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
1921
- __isFragment?: undefined;
1922
- __isTeleport?: undefined;
1923
- __isSuspense?: undefined;
1924
- __defaults?: {} | undefined;
1925
- compatConfig?: {
1926
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
1927
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
1928
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
1929
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
1930
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
1931
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
1932
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
1933
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
1934
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
1935
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
1936
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
1937
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
1938
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
1939
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
1940
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
1941
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
1942
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
1943
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
1944
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
1945
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
1946
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
1947
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
1948
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
1949
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
1950
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
1951
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
1952
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
1953
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
1954
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
1955
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
1956
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
1957
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
1958
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
1959
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
1960
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
1961
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
1962
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
1963
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
1964
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
1965
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
1966
- FILTERS?: boolean | "suppress-warning" | undefined;
1967
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
1968
- MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
1969
- } | undefined;
1970
- data?: ((this: any, vm: any) => any) | undefined;
1971
- computed?: ComputedOptions | undefined;
1972
- methods?: MethodOptions | undefined;
1973
- watch?: {
1974
- [x: string]: (string | WatchCallback<any, any> | ({
1975
- handler: string | WatchCallback<any, any>;
1976
- } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
1977
- handler: string | WatchCallback<any, any>;
1978
- } & WatchOptions<boolean>))[];
1979
- } | undefined;
1980
- provide?: ComponentProvideOptions | undefined;
1981
- inject?: {} | string[] | undefined;
1982
- filters?: Record<string, Function> | undefined;
1983
- mixins?: any[] | undefined;
1984
- extends?: any;
1985
- beforeCreate?: (() => void) | undefined;
1986
- created?: (() => void) | undefined;
1987
- beforeMount?: (() => void) | undefined;
1988
- mounted?: (() => void) | undefined;
1989
- beforeUpdate?: (() => void) | undefined;
1990
- updated?: (() => void) | undefined;
1991
- activated?: (() => void) | undefined;
1992
- deactivated?: (() => void) | undefined;
1993
- beforeDestroy?: (() => void) | undefined;
1994
- beforeUnmount?: (() => void) | undefined;
1995
- destroyed?: (() => void) | undefined;
1996
- unmounted?: (() => void) | undefined;
1997
- renderTracked?: ((e: DebuggerEvent) => void) | undefined;
1998
- renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
1999
- 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;
2000
- delimiters?: [string, string] | undefined;
2001
- __differentiator?: string | number | symbol | undefined;
2002
- __isBuiltIn?: boolean | undefined;
2003
- __file?: string | undefined;
2004
- __name?: string | undefined;
2005
- } | null;
2006
- defaultLayer: FunctionalComponent<any, {}, any, {}> | {
2007
- new (...args: any[]): any;
2008
- __isFragment?: undefined;
2009
- __isTeleport?: undefined;
2010
- __isSuspense?: undefined;
2011
- } | {
2012
- [x: string]: any;
2013
- setup?: ((this: void, props: LooseRequired<any>, ctx: {
2014
- attrs: {
2015
- [x: string]: unknown;
2016
- };
2017
- slots: Readonly<{
2018
- [name: string]: Slot<any> | undefined;
2019
- }>;
2020
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
2021
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
2022
- }) => any) | undefined;
2023
- name?: string | undefined;
2024
- template?: string | object | undefined;
2025
- render?: Function | undefined;
2026
- components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
2027
- directives?: Record<string, Directive<any, any, string, string>> | undefined;
2028
- inheritAttrs?: boolean | undefined;
2029
- emits?: any;
2030
- slots?: {} | undefined;
2031
- expose?: string[] | undefined;
2032
- serverPrefetch?: (() => void | Promise<any>) | undefined;
2033
- compilerOptions?: {
2034
- isCustomElement?: ((tag: string) => boolean) | undefined;
2035
- whitespace?: "preserve" | "condense" | undefined;
2036
- comments?: boolean | undefined;
2037
- delimiters?: [string, string] | undefined;
2038
- } | undefined;
2039
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
2040
- __isFragment?: undefined;
2041
- __isTeleport?: undefined;
2042
- __isSuspense?: undefined;
2043
- __defaults?: {} | undefined;
2044
- compatConfig?: {
2045
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
2046
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
2047
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
2048
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
2049
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
2050
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
2051
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
2052
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
2053
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
2054
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
2055
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
2056
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
2057
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
2058
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
2059
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
2060
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
2061
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
2062
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
2063
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
2064
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
2065
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
2066
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
2067
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
2068
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
2069
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
2070
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
2071
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
2072
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
2073
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
2074
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
2075
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
2076
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
2077
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
2078
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
2079
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
2080
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
2081
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
2082
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
2083
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
2084
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
2085
- FILTERS?: boolean | "suppress-warning" | undefined;
2086
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
2087
- MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
2088
- } | undefined;
2089
- data?: ((this: any, vm: any) => any) | undefined;
2090
- computed?: ComputedOptions | undefined;
2091
- methods?: MethodOptions | undefined;
2092
- watch?: {
2093
- [x: string]: (string | WatchCallback<any, any> | ({
2094
- handler: string | WatchCallback<any, any>;
2095
- } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
2096
- handler: string | WatchCallback<any, any>;
2097
- } & WatchOptions<boolean>))[];
2098
- } | undefined;
2099
- provide?: ComponentProvideOptions | undefined;
2100
- inject?: {} | string[] | undefined;
2101
- filters?: Record<string, Function> | undefined;
2102
- mixins?: any[] | undefined;
2103
- extends?: any;
2104
- beforeCreate?: (() => void) | undefined;
2105
- created?: (() => void) | undefined;
2106
- beforeMount?: (() => void) | undefined;
2107
- mounted?: (() => void) | undefined;
2108
- beforeUpdate?: (() => void) | undefined;
2109
- updated?: (() => void) | undefined;
2110
- activated?: (() => void) | undefined;
2111
- deactivated?: (() => void) | undefined;
2112
- beforeDestroy?: (() => void) | undefined;
2113
- beforeUnmount?: (() => void) | undefined;
2114
- destroyed?: (() => void) | undefined;
2115
- unmounted?: (() => void) | undefined;
2116
- renderTracked?: ((e: DebuggerEvent) => void) | undefined;
2117
- renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
2118
- 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;
2119
- delimiters?: [string, string] | undefined;
2120
- __differentiator?: string | number | symbol | undefined;
2121
- __isBuiltIn?: boolean | undefined;
2122
- __file?: string | undefined;
2123
- __name?: string | undefined;
2124
- } | null;
2125
- data: {
2126
- [x: string]: any;
2127
- source?: any[] | undefined;
2128
- index?: number | undefined;
2129
- } | null;
2130
- events: {
2131
- onHover?: ((store: IDnDStore_2) => void) | undefined;
2132
- onLeave?: ((store: IDnDStore_2) => void) | undefined;
2133
- onEnd?: ((store: IDnDStore_2) => void) | undefined;
2134
- };
2135
- } | null, IDragElement_2 | {
2136
- node: HTMLElement | Element | null;
2137
- groups: string[];
2138
- layer: FunctionalComponent<any, {}, any, {}> | {
2139
- new (...args: any[]): any;
2140
- __isFragment?: undefined;
2141
- __isTeleport?: undefined;
2142
- __isSuspense?: undefined;
2143
- } | {
2144
- [x: string]: any;
2145
- setup?: ((this: void, props: LooseRequired<any>, ctx: {
2146
- attrs: {
2147
- [x: string]: unknown;
2148
- };
2149
- slots: Readonly<{
2150
- [name: string]: Slot<any> | undefined;
2151
- }>;
2152
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
2153
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
2154
- }) => any) | undefined;
2155
- name?: string | undefined;
2156
- template?: string | object | undefined;
2157
- render?: Function | undefined;
2158
- components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
2159
- directives?: Record<string, Directive<any, any, string, string>> | undefined;
2160
- inheritAttrs?: boolean | undefined;
2161
- emits?: any;
2162
- slots?: {} | undefined;
2163
- expose?: string[] | undefined;
2164
- serverPrefetch?: (() => void | Promise<any>) | undefined;
2165
- compilerOptions?: {
2166
- isCustomElement?: ((tag: string) => boolean) | undefined;
2167
- whitespace?: "preserve" | "condense" | undefined;
2168
- comments?: boolean | undefined;
2169
- delimiters?: [string, string] | undefined;
2170
- } | undefined;
2171
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
2172
- __isFragment?: undefined;
2173
- __isTeleport?: undefined;
2174
- __isSuspense?: undefined;
2175
- __defaults?: {} | undefined;
2176
- compatConfig?: {
2177
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
2178
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
2179
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
2180
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
2181
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
2182
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
2183
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
2184
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
2185
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
2186
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
2187
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
2188
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
2189
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
2190
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
2191
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
2192
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
2193
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
2194
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
2195
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
2196
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
2197
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
2198
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
2199
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
2200
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
2201
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
2202
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
2203
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
2204
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
2205
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
2206
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
2207
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
2208
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
2209
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
2210
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
2211
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
2212
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
2213
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
2214
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
2215
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
2216
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
2217
- FILTERS?: boolean | "suppress-warning" | undefined;
2218
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
2219
- MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
2220
- } | undefined;
2221
- data?: ((this: any, vm: any) => any) | undefined;
2222
- computed?: ComputedOptions | undefined;
2223
- methods?: MethodOptions | undefined;
2224
- watch?: {
2225
- [x: string]: (string | WatchCallback<any, any> | ({
2226
- handler: string | WatchCallback<any, any>;
2227
- } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
2228
- handler: string | WatchCallback<any, any>;
2229
- } & WatchOptions<boolean>))[];
2230
- } | undefined;
2231
- provide?: ComponentProvideOptions | undefined;
2232
- inject?: {} | string[] | undefined;
2233
- filters?: Record<string, Function> | undefined;
2234
- mixins?: any[] | undefined;
2235
- extends?: any;
2236
- beforeCreate?: (() => void) | undefined;
2237
- created?: (() => void) | undefined;
2238
- beforeMount?: (() => void) | undefined;
2239
- mounted?: (() => void) | undefined;
2240
- beforeUpdate?: (() => void) | undefined;
2241
- updated?: (() => void) | undefined;
2242
- activated?: (() => void) | undefined;
2243
- deactivated?: (() => void) | undefined;
2244
- beforeDestroy?: (() => void) | undefined;
2245
- beforeUnmount?: (() => void) | undefined;
2246
- destroyed?: (() => void) | undefined;
2247
- unmounted?: (() => void) | undefined;
2248
- renderTracked?: ((e: DebuggerEvent) => void) | undefined;
2249
- renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
2250
- 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;
2251
- delimiters?: [string, string] | undefined;
2252
- __differentiator?: string | number | symbol | undefined;
2253
- __isBuiltIn?: boolean | undefined;
2254
- __file?: string | undefined;
2255
- __name?: string | undefined;
2256
- } | null;
2257
- defaultLayer: FunctionalComponent<any, {}, any, {}> | {
2258
- new (...args: any[]): any;
2259
- __isFragment?: undefined;
2260
- __isTeleport?: undefined;
2261
- __isSuspense?: undefined;
2262
- } | {
2263
- [x: string]: any;
2264
- setup?: ((this: void, props: LooseRequired<any>, ctx: {
2265
- attrs: {
2266
- [x: string]: unknown;
2267
- };
2268
- slots: Readonly<{
2269
- [name: string]: Slot<any> | undefined;
2270
- }>;
2271
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
2272
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
2273
- }) => any) | undefined;
2274
- name?: string | undefined;
2275
- template?: string | object | undefined;
2276
- render?: Function | undefined;
2277
- components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
2278
- directives?: Record<string, Directive<any, any, string, string>> | undefined;
2279
- inheritAttrs?: boolean | undefined;
2280
- emits?: any;
2281
- slots?: {} | undefined;
2282
- expose?: string[] | undefined;
2283
- serverPrefetch?: (() => void | Promise<any>) | undefined;
2284
- compilerOptions?: {
2285
- isCustomElement?: ((tag: string) => boolean) | undefined;
2286
- whitespace?: "preserve" | "condense" | undefined;
2287
- comments?: boolean | undefined;
2288
- delimiters?: [string, string] | undefined;
2289
- } | undefined;
2290
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
2291
- __isFragment?: undefined;
2292
- __isTeleport?: undefined;
2293
- __isSuspense?: undefined;
2294
- __defaults?: {} | undefined;
2295
- compatConfig?: {
2296
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
2297
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
2298
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
2299
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
2300
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
2301
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
2302
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
2303
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
2304
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
2305
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
2306
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
2307
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
2308
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
2309
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
2310
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
2311
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
2312
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
2313
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
2314
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
2315
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
2316
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
2317
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
2318
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
2319
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
2320
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
2321
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
2322
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
2323
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
2324
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
2325
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
2326
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
2327
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
2328
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
2329
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
2330
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
2331
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
2332
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
2333
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
2334
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
2335
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
2336
- FILTERS?: boolean | "suppress-warning" | undefined;
2337
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
2338
- MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
2339
- } | undefined;
2340
- data?: ((this: any, vm: any) => any) | undefined;
2341
- computed?: ComputedOptions | undefined;
2342
- methods?: MethodOptions | undefined;
2343
- watch?: {
2344
- [x: string]: (string | WatchCallback<any, any> | ({
2345
- handler: string | WatchCallback<any, any>;
2346
- } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
2347
- handler: string | WatchCallback<any, any>;
2348
- } & WatchOptions<boolean>))[];
2349
- } | undefined;
2350
- provide?: ComponentProvideOptions | undefined;
2351
- inject?: {} | string[] | undefined;
2352
- filters?: Record<string, Function> | undefined;
2353
- mixins?: any[] | undefined;
2354
- extends?: any;
2355
- beforeCreate?: (() => void) | undefined;
2356
- created?: (() => void) | undefined;
2357
- beforeMount?: (() => void) | undefined;
2358
- mounted?: (() => void) | undefined;
2359
- beforeUpdate?: (() => void) | undefined;
2360
- updated?: (() => void) | undefined;
2361
- activated?: (() => void) | undefined;
2362
- deactivated?: (() => void) | undefined;
2363
- beforeDestroy?: (() => void) | undefined;
2364
- beforeUnmount?: (() => void) | undefined;
2365
- destroyed?: (() => void) | undefined;
2366
- unmounted?: (() => void) | undefined;
2367
- renderTracked?: ((e: DebuggerEvent) => void) | undefined;
2368
- renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
2369
- 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;
2370
- delimiters?: [string, string] | undefined;
2371
- __differentiator?: string | number | symbol | undefined;
2372
- __isBuiltIn?: boolean | undefined;
2373
- __file?: string | undefined;
2374
- __name?: string | undefined;
2375
- } | null;
2376
- data: {
2377
- [x: string]: any;
2378
- source?: any[] | undefined;
2379
- index?: number | undefined;
2380
- } | null;
2381
- events: {
2382
- onHover?: ((store: IDnDStore_2) => void) | undefined;
2383
- onLeave?: ((store: IDnDStore_2) => void) | undefined;
2384
- onEnd?: ((store: IDnDStore_2) => void) | undefined;
2385
- };
2386
- } | null>;
2387
- };
1863
+ }> & Omit<Map<HTMLElement | Element, IDropZone_2>, keyof Map<any, any>>)>;
1864
+ visibleZones: Ref<Set<HTMLElement | Element> & Omit<Set<HTMLElement | Element>, keyof Set<any>>, Set<HTMLElement | Element> | (Set<HTMLElement | Element> & Omit<Set<HTMLElement | Element>, keyof Set<any>>)>;
1865
+ visibleElements: Ref<Set<HTMLElement | Element> & Omit<Set<HTMLElement | Element>, keyof Set<any>>, Set<HTMLElement | Element> | (Set<HTMLElement | Element> & Omit<Set<HTMLElement | Element>, keyof Set<any>>)>;
2388
1866
  pointerPosition: {
2389
- current: ShallowRef<IPoint_2 | null, IPoint_2 | null>;
2390
1867
  start: ShallowRef<IPoint_2 | null, IPoint_2 | null>;
1868
+ current: ShallowRef<IPoint_2 | null, IPoint_2 | null>;
2391
1869
  offset: {
2392
1870
  percent: ShallowRef<IPoint_2 | null, IPoint_2 | null>;
2393
1871
  pixel: ShallowRef<IPoint_2 | null, IPoint_2 | null>;
@@ -2403,12 +1881,18 @@ export declare const useDnDStore: () => {
2403
1881
  alt: ComputedRef<boolean>;
2404
1882
  meta: ComputedRef<boolean>;
2405
1883
  };
1884
+ hovered: {
1885
+ zone: ShallowRef<HTMLElement | Element | null, HTMLElement | Element | null>;
1886
+ element: ShallowRef<HTMLElement | Element | null, HTMLElement | Element | null>;
1887
+ };
1888
+ handleDragElementIntersection: (action: 'add' | 'remove', element: HTMLElement | Element) => void;
1889
+ handleDropZoneIntersection: (action: 'add' | 'remove', element: HTMLElement | Element) => void;
2406
1890
  };
2407
1891
 
2408
1892
  export declare const useDraggable: (options?: IUseDragOptions) => {
2409
1893
  pointerPosition: {
2410
- current: ShallowRef< IPoint_2 | null, IPoint_2 | null>;
2411
1894
  start: ShallowRef< IPoint_2 | null, IPoint_2 | null>;
1895
+ current: ShallowRef< IPoint_2 | null, IPoint_2 | null>;
2412
1896
  offset: {
2413
1897
  percent: ShallowRef< IPoint_2 | null, IPoint_2 | null>;
2414
1898
  pixel: ShallowRef< IPoint_2 | null, IPoint_2 | null>;
@@ -2419,6 +1903,7 @@ export declare const useDraggable: (options?: IUseDragOptions) => {
2419
1903
  isOvered: ComputedRef<boolean>;
2420
1904
  isAllowed: ComputedRef<boolean>;
2421
1905
  handleDragStart: (event: PointerEvent | KeyboardEvent) => void;
1906
+ id: ShallowRef<string | number, string | number>;
2422
1907
  };
2423
1908
 
2424
1909
  /**