@vueuse/components 14.0.0-alpha.1 → 14.0.0-alpha.2
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.
- package/dist/index.d.ts +95 -91
- package/dist/index.iife.js +8 -4
- package/dist/index.iife.min.js +1 -1
- package/dist/index.js +5 -1
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BasicColorMode, ColorSchemeType, ConfigurableDocument, ConfigurableNavigator, ConfigurableWindow, ContrastType, DeviceMotionOptions, ElementSize, MouseInElementOptions, MousePressedOptions, OnClickOutsideHandler, OnClickOutsideOptions, OnKeyStrokeOptions, OnLongPressOptions, ReducedMotionType, RenderableComponent, ResizeObserverCallback, UseActiveElementOptions, UseActiveElementReturn, UseBatteryReturn, UseBrowserLocationReturn, UseClipboardOptions, UseClipboardReturn, UseColorModeOptions, UseColorModeReturn, UseDarkOptions, UseDarkReturn, UseDeviceMotionReturn, UseDeviceOrientationReturn, UseDevicePixelRatioReturn, UseDevicesListOptions, UseDevicesListReturn, UseDocumentVisibilityReturn, UseDraggableOptions, UseElementBoundingOptions, UseElementBoundingReturn, UseElementHoverOptions, UseElementSizeReturn, UseElementVisibilityOptions, UseElementVisibilityReturn, UseEyeDropperOptions, UseEyeDropperReturn, UseFullscreenOptions, UseFullscreenReturn, UseGeolocationOptions, UseGeolocationReturn, UseIdleOptions, UseIdleReturn, UseImageOptions, UseImageReturn, UseInfiniteScrollOptions, UseIntersectionObserverOptions, UseMouseInElementReturn, UseMouseOptions, UseMousePressedReturn, UseMouseReturn, UseNetworkReturn, UseNowOptions, UseNowReturn, UseOffsetPaginationOptions, UseOffsetPaginationReturn, UseOnLongPressReturn, UsePageLeaveReturn, UsePointerLockOptions, UsePointerLockReturn, UsePointerOptions, UsePointerReturn, UseResizeObserverOptions, UseScreenSafeAreaReturn, UseScrollOptions, UseScrollReturn, UseTimeAgoOptions, UseTimeAgoReturn, UseTimestampOptions, UseTimestampReturn, UseVirtualListOptions, UseWindowSizeOptions, UseWindowSizeReturn, useElementSize, useInfiniteScroll } from "@vueuse/core";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue1 from "vue";
|
|
3
3
|
import { ComputedRef, FunctionDirective, MaybeRef, ObjectDirective, Reactive, Ref, ShallowRef, SlotsType, UnwrapRef } from "vue";
|
|
4
4
|
import { ToggleFn } from "@vueuse/shared";
|
|
5
5
|
|
|
@@ -10,12 +10,14 @@ interface OnClickOutsideProps extends RenderableComponent {
|
|
|
10
10
|
type OnClickOutsideEmits = {
|
|
11
11
|
trigger: (event: Event) => void;
|
|
12
12
|
};
|
|
13
|
-
declare const OnClickOutside:
|
|
13
|
+
declare const OnClickOutside: vue1.DefineSetupFnComponent<OnClickOutsideProps, OnClickOutsideEmits, {}, OnClickOutsideProps & {
|
|
14
14
|
onTrigger?: ((event: Event) => any) | undefined;
|
|
15
|
-
},
|
|
15
|
+
}, vue1.PublicProps>;
|
|
16
16
|
//#endregion
|
|
17
17
|
//#region ../core/onClickOutside/directive.d.ts
|
|
18
18
|
declare const vOnClickOutside: ObjectDirective<HTMLElement, OnClickOutsideHandler | [(evt: any) => void, Omit<OnClickOutsideOptions, 'controls'>]>;
|
|
19
|
+
/** @deprecated use `vOnClickOutside` instead */
|
|
20
|
+
declare const VOnClickOutside: ObjectDirective<HTMLElement, OnClickOutsideHandler | [(evt: any) => void, Omit<OnClickOutsideOptions<false>, "controls">], string, string>;
|
|
19
21
|
//#endregion
|
|
20
22
|
//#region ../core/onKeyStroke/directive.d.ts
|
|
21
23
|
type BindingValueFunction$10 = (event: KeyboardEvent) => void;
|
|
@@ -32,14 +34,16 @@ type OnLongPressEmits = {
|
|
|
32
34
|
interface OnLongPressSlots {
|
|
33
35
|
default: (data: UseOnLongPressReturn) => any;
|
|
34
36
|
}
|
|
35
|
-
declare const OnLongPress:
|
|
37
|
+
declare const OnLongPress: vue1.DefineSetupFnComponent<OnLongPressProps, OnLongPressEmits, SlotsType<OnLongPressSlots>, OnLongPressProps & {
|
|
36
38
|
onTrigger?: ((event: PointerEvent) => any) | undefined;
|
|
37
|
-
},
|
|
39
|
+
}, vue1.PublicProps>;
|
|
38
40
|
//#endregion
|
|
39
41
|
//#region ../core/onLongPress/directive.d.ts
|
|
40
42
|
type BindingValueFunction$9 = (evt: PointerEvent) => void;
|
|
41
43
|
type BindingValueArray$8 = [BindingValueFunction$9, OnLongPressOptions];
|
|
42
44
|
declare const vOnLongPress: ObjectDirective<HTMLElement, BindingValueFunction$9 | BindingValueArray$8>;
|
|
45
|
+
/** @deprecated use `vOnLongPress` instead */
|
|
46
|
+
declare const VOnLongPress: ObjectDirective<HTMLElement, BindingValueFunction$9 | BindingValueArray$8, string, string>;
|
|
43
47
|
//#endregion
|
|
44
48
|
//#region ../core/useActiveElement/component.d.ts
|
|
45
49
|
interface UseActiveElementProps extends UseActiveElementOptions {}
|
|
@@ -48,36 +52,36 @@ interface UseActiveElementSlots {
|
|
|
48
52
|
element: UseActiveElementReturn;
|
|
49
53
|
}>) => any;
|
|
50
54
|
}
|
|
51
|
-
declare const UseActiveElement:
|
|
55
|
+
declare const UseActiveElement: vue1.DefineSetupFnComponent<UseActiveElementProps, Record<string, never>, SlotsType<UseActiveElementSlots>, UseActiveElementProps & {
|
|
52
56
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
53
|
-
},
|
|
57
|
+
}, vue1.PublicProps>;
|
|
54
58
|
//#endregion
|
|
55
59
|
//#region ../core/useBattery/component.d.ts
|
|
56
60
|
interface UseBatteryProps extends ConfigurableNavigator {}
|
|
57
61
|
interface UseBatterySlots {
|
|
58
62
|
default: (data: Reactive<UseBatteryReturn>) => any;
|
|
59
63
|
}
|
|
60
|
-
declare const UseBattery:
|
|
64
|
+
declare const UseBattery: vue1.DefineSetupFnComponent<UseBatteryProps, Record<string, never>, SlotsType<UseBatterySlots>, UseBatteryProps & {
|
|
61
65
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
62
|
-
},
|
|
66
|
+
}, vue1.PublicProps>;
|
|
63
67
|
//#endregion
|
|
64
68
|
//#region ../core/useBrowserLocation/component.d.ts
|
|
65
69
|
interface UseBrowserLocationProps extends ConfigurableWindow {}
|
|
66
70
|
interface UseBrowserLocationSlots {
|
|
67
71
|
default: (data: Reactive<UseBrowserLocationReturn>) => any;
|
|
68
72
|
}
|
|
69
|
-
declare const UseBrowserLocation:
|
|
73
|
+
declare const UseBrowserLocation: vue1.DefineSetupFnComponent<UseBrowserLocationProps, Record<string, never>, SlotsType<UseBrowserLocationSlots>, UseBrowserLocationProps & {
|
|
70
74
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
71
|
-
},
|
|
75
|
+
}, vue1.PublicProps>;
|
|
72
76
|
//#endregion
|
|
73
77
|
//#region ../core/useClipboard/component.d.ts
|
|
74
78
|
interface UseClipboardProps<Source = string> extends UseClipboardOptions<Source> {}
|
|
75
79
|
interface UseClipboardSlots {
|
|
76
80
|
default: (data: Reactive<UseClipboardReturn<true>>) => any;
|
|
77
81
|
}
|
|
78
|
-
declare const UseClipboard:
|
|
82
|
+
declare const UseClipboard: vue1.DefineSetupFnComponent<UseClipboardProps<string>, Record<string, never>, SlotsType<UseClipboardSlots>, UseClipboardProps<string> & {
|
|
79
83
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
80
|
-
},
|
|
84
|
+
}, vue1.PublicProps>;
|
|
81
85
|
//#endregion
|
|
82
86
|
//#region ../core/useColorMode/component.d.ts
|
|
83
87
|
interface UseColorModeProps extends UseColorModeOptions {}
|
|
@@ -88,9 +92,9 @@ interface UseColorModeSlots {
|
|
|
88
92
|
store: UseColorModeReturn['store'];
|
|
89
93
|
}>) => any;
|
|
90
94
|
}
|
|
91
|
-
declare const UseColorMode:
|
|
95
|
+
declare const UseColorMode: vue1.DefineSetupFnComponent<UseColorModeProps, Record<string, never>, SlotsType<UseColorModeSlots>, UseColorModeProps & {
|
|
92
96
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
93
|
-
},
|
|
97
|
+
}, vue1.PublicProps>;
|
|
94
98
|
//#endregion
|
|
95
99
|
//#region ../core/useDark/component.d.ts
|
|
96
100
|
interface UseDarkProps extends UseDarkOptions {}
|
|
@@ -100,45 +104,45 @@ interface UseDarkSlots {
|
|
|
100
104
|
toggleDark: ToggleFn;
|
|
101
105
|
}>) => any;
|
|
102
106
|
}
|
|
103
|
-
declare const UseDark:
|
|
107
|
+
declare const UseDark: vue1.DefineSetupFnComponent<UseDarkProps, Record<string, never>, SlotsType<UseDarkSlots>, UseDarkProps & {
|
|
104
108
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
105
|
-
},
|
|
109
|
+
}, vue1.PublicProps>;
|
|
106
110
|
//#endregion
|
|
107
111
|
//#region ../core/useDeviceMotion/component.d.ts
|
|
108
112
|
interface UseDeviceMotionProps extends DeviceMotionOptions {}
|
|
109
113
|
interface UseDeviceMotionSlots {
|
|
110
114
|
default: (data: UseDeviceMotionReturn) => any;
|
|
111
115
|
}
|
|
112
|
-
declare const UseDeviceMotion:
|
|
116
|
+
declare const UseDeviceMotion: vue1.DefineSetupFnComponent<UseDeviceMotionProps, Record<string, never>, SlotsType<UseDeviceMotionSlots>, UseDeviceMotionProps & {
|
|
113
117
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
114
|
-
},
|
|
118
|
+
}, vue1.PublicProps>;
|
|
115
119
|
//#endregion
|
|
116
120
|
//#region ../core/useDeviceOrientation/component.d.ts
|
|
117
121
|
interface UseDeviceOrientationProps extends ConfigurableWindow {}
|
|
118
122
|
interface UseDeviceOrientationSlots {
|
|
119
123
|
default: (data: Reactive<UseDeviceOrientationReturn>) => any;
|
|
120
124
|
}
|
|
121
|
-
declare const UseDeviceOrientation:
|
|
125
|
+
declare const UseDeviceOrientation: vue1.DefineSetupFnComponent<UseDeviceOrientationProps, Record<string, never>, SlotsType<UseDeviceOrientationSlots>, UseDeviceOrientationProps & {
|
|
122
126
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
123
|
-
},
|
|
127
|
+
}, vue1.PublicProps>;
|
|
124
128
|
//#endregion
|
|
125
129
|
//#region ../core/useDevicePixelRatio/component.d.ts
|
|
126
130
|
interface UseDevicePixelRatioProps extends ConfigurableWindow {}
|
|
127
131
|
interface UseDevicePixelRatioSlots {
|
|
128
132
|
default: (data: Reactive<UseDevicePixelRatioReturn>) => any;
|
|
129
133
|
}
|
|
130
|
-
declare const UseDevicePixelRatio:
|
|
134
|
+
declare const UseDevicePixelRatio: vue1.DefineSetupFnComponent<UseDevicePixelRatioProps, Record<string, never>, SlotsType<UseDevicePixelRatioSlots>, UseDevicePixelRatioProps & {
|
|
131
135
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
132
|
-
},
|
|
136
|
+
}, vue1.PublicProps>;
|
|
133
137
|
//#endregion
|
|
134
138
|
//#region ../core/useDevicesList/component.d.ts
|
|
135
139
|
interface UseDevicesListProps extends UseDevicesListOptions {}
|
|
136
140
|
interface UseDevicesListSlots {
|
|
137
141
|
default: (data: Reactive<UseDevicesListReturn>) => any;
|
|
138
142
|
}
|
|
139
|
-
declare const UseDevicesList:
|
|
143
|
+
declare const UseDevicesList: vue1.DefineSetupFnComponent<UseDevicesListProps, Record<string, never>, SlotsType<UseDevicesListSlots>, UseDevicesListProps & {
|
|
140
144
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
141
|
-
},
|
|
145
|
+
}, vue1.PublicProps>;
|
|
142
146
|
//#endregion
|
|
143
147
|
//#region ../core/useDocumentVisibility/component.d.ts
|
|
144
148
|
interface UseDocumentVisibilityProps extends ConfigurableDocument {}
|
|
@@ -147,9 +151,9 @@ interface UseDocumentVisibilitySlots {
|
|
|
147
151
|
visibility: UseDocumentVisibilityReturn;
|
|
148
152
|
}>) => any;
|
|
149
153
|
}
|
|
150
|
-
declare const UseDocumentVisibility:
|
|
154
|
+
declare const UseDocumentVisibility: vue1.DefineSetupFnComponent<UseDocumentVisibilityProps, Record<string, never>, SlotsType<UseDocumentVisibilitySlots>, UseDocumentVisibilityProps & {
|
|
151
155
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
152
|
-
},
|
|
156
|
+
}, vue1.PublicProps>;
|
|
153
157
|
//#endregion
|
|
154
158
|
//#region ../core/useDraggable/component.d.ts
|
|
155
159
|
interface UseDraggableProps extends UseDraggableOptions, RenderableComponent {
|
|
@@ -164,18 +168,18 @@ interface UseDraggableProps extends UseDraggableOptions, RenderableComponent {
|
|
|
164
168
|
*/
|
|
165
169
|
storageType?: 'local' | 'session';
|
|
166
170
|
}
|
|
167
|
-
declare const UseDraggable:
|
|
171
|
+
declare const UseDraggable: vue1.DefineSetupFnComponent<UseDraggableProps, Record<string, never>, SlotsType<any>, UseDraggableProps & {
|
|
168
172
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
169
|
-
},
|
|
173
|
+
}, vue1.PublicProps>;
|
|
170
174
|
//#endregion
|
|
171
175
|
//#region ../core/useElementBounding/component.d.ts
|
|
172
176
|
interface UseElementBoundingProps extends UseElementBoundingOptions, RenderableComponent {}
|
|
173
177
|
interface UseElementBoundingSlots {
|
|
174
178
|
default: (data: Reactive<UseElementBoundingReturn>) => any;
|
|
175
179
|
}
|
|
176
|
-
declare const UseElementBounding:
|
|
180
|
+
declare const UseElementBounding: vue1.DefineSetupFnComponent<UseElementBoundingProps, Record<string, never>, SlotsType<UseElementBoundingSlots>, UseElementBoundingProps & {
|
|
177
181
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
178
|
-
},
|
|
182
|
+
}, vue1.PublicProps>;
|
|
179
183
|
//#endregion
|
|
180
184
|
//#region ../core/useElementBounding/directive.d.ts
|
|
181
185
|
type ElementBounding = Omit<UseElementBoundingReturn, 'update'>;
|
|
@@ -192,9 +196,9 @@ interface UseElementSizeProps extends Partial<ElementSize>, UseResizeObserverOpt
|
|
|
192
196
|
interface UseElementSizeSlots {
|
|
193
197
|
default: (data: Reactive<UseElementSizeReturn>) => any;
|
|
194
198
|
}
|
|
195
|
-
declare const UseElementSize:
|
|
199
|
+
declare const UseElementSize: vue1.DefineSetupFnComponent<UseElementSizeProps, Record<string, never>, SlotsType<UseElementSizeSlots>, UseElementSizeProps & {
|
|
196
200
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
197
|
-
},
|
|
201
|
+
}, vue1.PublicProps>;
|
|
198
202
|
//#endregion
|
|
199
203
|
//#region ../core/useElementSize/directive.d.ts
|
|
200
204
|
type RemoveFirstFromTuple<T extends any[]> = T['length'] extends 0 ? undefined : (((...b: T) => void) extends ((a: any, ...b: infer I) => void) ? I : []);
|
|
@@ -210,9 +214,9 @@ interface UseElementVisibilitySlots {
|
|
|
210
214
|
isVisible: UseElementVisibilityReturn;
|
|
211
215
|
}>) => any;
|
|
212
216
|
}
|
|
213
|
-
declare const UseElementVisibility:
|
|
217
|
+
declare const UseElementVisibility: vue1.DefineSetupFnComponent<UseElementVisibilityProps, Record<string, never>, SlotsType<UseElementVisibilitySlots>, UseElementVisibilityProps & {
|
|
214
218
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
215
|
-
},
|
|
219
|
+
}, vue1.PublicProps>;
|
|
216
220
|
//#endregion
|
|
217
221
|
//#region ../core/useElementVisibility/directive.d.ts
|
|
218
222
|
type BindingValueFunction$5 = (state: boolean) => void;
|
|
@@ -224,27 +228,27 @@ interface UseEyeDropperProps extends UseEyeDropperOptions {}
|
|
|
224
228
|
interface UseEyeDropperSlots {
|
|
225
229
|
default: (data: Reactive<UseEyeDropperReturn>) => any;
|
|
226
230
|
}
|
|
227
|
-
declare const UseEyeDropper:
|
|
231
|
+
declare const UseEyeDropper: vue1.DefineSetupFnComponent<UseEyeDropperProps, Record<string, never>, SlotsType<UseEyeDropperSlots>, UseEyeDropperProps & {
|
|
228
232
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
229
|
-
},
|
|
233
|
+
}, vue1.PublicProps>;
|
|
230
234
|
//#endregion
|
|
231
235
|
//#region ../core/useFullscreen/component.d.ts
|
|
232
236
|
interface UseFullscreenProps extends UseFullscreenOptions, RenderableComponent {}
|
|
233
237
|
interface UseFullscreenSlots {
|
|
234
238
|
default: (data: Reactive<UseFullscreenReturn>) => any;
|
|
235
239
|
}
|
|
236
|
-
declare const UseFullscreen:
|
|
240
|
+
declare const UseFullscreen: vue1.DefineSetupFnComponent<UseFullscreenProps, Record<string, never>, SlotsType<UseFullscreenSlots>, UseFullscreenProps & {
|
|
237
241
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
238
|
-
},
|
|
242
|
+
}, vue1.PublicProps>;
|
|
239
243
|
//#endregion
|
|
240
244
|
//#region ../core/useGeolocation/component.d.ts
|
|
241
245
|
interface UseGeolocationProps extends UseGeolocationOptions {}
|
|
242
246
|
interface UseGeolocationSlots {
|
|
243
247
|
default: (data: Reactive<UseGeolocationReturn>) => any;
|
|
244
248
|
}
|
|
245
|
-
declare const UseGeolocation:
|
|
249
|
+
declare const UseGeolocation: vue1.DefineSetupFnComponent<UseGeolocationProps, Record<string, never>, SlotsType<UseGeolocationSlots>, UseGeolocationProps & {
|
|
246
250
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
247
|
-
},
|
|
251
|
+
}, vue1.PublicProps>;
|
|
248
252
|
//#endregion
|
|
249
253
|
//#region ../core/useIdle/component.d.ts
|
|
250
254
|
interface UseIdleProps extends UseIdleOptions {
|
|
@@ -253,9 +257,9 @@ interface UseIdleProps extends UseIdleOptions {
|
|
|
253
257
|
interface UseIdleSlots {
|
|
254
258
|
default: (data: Reactive<UseIdleReturn>) => any;
|
|
255
259
|
}
|
|
256
|
-
declare const UseIdle:
|
|
260
|
+
declare const UseIdle: vue1.DefineSetupFnComponent<UseIdleProps, Record<string, never>, SlotsType<UseIdleSlots>, UseIdleProps & {
|
|
257
261
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
258
|
-
},
|
|
262
|
+
}, vue1.PublicProps>;
|
|
259
263
|
//#endregion
|
|
260
264
|
//#region ../core/types.d.ts
|
|
261
265
|
interface RenderableComponent$1 {
|
|
@@ -274,9 +278,9 @@ interface UseImageSlots {
|
|
|
274
278
|
loading: (data: Reactive<UseImageReturn>) => any;
|
|
275
279
|
error: (data: UnwrapRef<UseImageReturn['error']>) => any;
|
|
276
280
|
}
|
|
277
|
-
declare const UseImage:
|
|
281
|
+
declare const UseImage: vue1.DefineSetupFnComponent<UseImageProps, Record<string, never>, SlotsType<UseImageSlots>, UseImageProps & {
|
|
278
282
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
279
|
-
},
|
|
283
|
+
}, vue1.PublicProps>;
|
|
280
284
|
//#endregion
|
|
281
285
|
//#region ../core/useInfiniteScroll/directive.d.ts
|
|
282
286
|
type BindingValueFunction$4 = Parameters<typeof useInfiniteScroll>[1];
|
|
@@ -293,18 +297,18 @@ interface UseMouseProps extends UseMouseOptions {}
|
|
|
293
297
|
interface UseMouseSlots {
|
|
294
298
|
default: (data: Reactive<UseMouseReturn>) => any;
|
|
295
299
|
}
|
|
296
|
-
declare const UseMouse:
|
|
300
|
+
declare const UseMouse: vue1.DefineSetupFnComponent<UseMouseProps, Record<string, never>, SlotsType<UseMouseSlots>, UseMouseProps & {
|
|
297
301
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
298
|
-
},
|
|
302
|
+
}, vue1.PublicProps>;
|
|
299
303
|
//#endregion
|
|
300
304
|
//#region ../core/useMouseInElement/component.d.ts
|
|
301
305
|
interface UseMouseInElementProps extends MouseInElementOptions, RenderableComponent {}
|
|
302
306
|
interface UseMouseInElementSlots {
|
|
303
307
|
default: (data: Reactive<UseMouseInElementReturn>) => any;
|
|
304
308
|
}
|
|
305
|
-
declare const UseMouseInElement:
|
|
309
|
+
declare const UseMouseInElement: vue1.DefineSetupFnComponent<UseMouseInElementProps, Record<string, never>, SlotsType<UseMouseInElementSlots>, UseMouseInElementProps & {
|
|
306
310
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
307
|
-
},
|
|
311
|
+
}, vue1.PublicProps>;
|
|
308
312
|
//#endregion
|
|
309
313
|
//#region ../core/useMouseInElement/directive.d.ts
|
|
310
314
|
type MouseInElement = Omit<UseMouseInElementReturn, 'stop'>;
|
|
@@ -317,27 +321,27 @@ interface UseMousePressedProps extends Omit<MousePressedOptions, 'target'>, Rend
|
|
|
317
321
|
interface UseMousePressedSlots {
|
|
318
322
|
default: (data: Reactive<UseMousePressedReturn>) => any;
|
|
319
323
|
}
|
|
320
|
-
declare const UseMousePressed:
|
|
324
|
+
declare const UseMousePressed: vue1.DefineSetupFnComponent<UseMousePressedProps, Record<string, never>, SlotsType<UseMousePressedSlots>, UseMousePressedProps & {
|
|
321
325
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
322
|
-
},
|
|
326
|
+
}, vue1.PublicProps>;
|
|
323
327
|
//#endregion
|
|
324
328
|
//#region ../core/useNetwork/component.d.ts
|
|
325
329
|
interface UseNetworkProps extends ConfigurableWindow {}
|
|
326
330
|
interface UseNetworkSlots {
|
|
327
331
|
default: (data: Reactive<UseNetworkReturn>) => any;
|
|
328
332
|
}
|
|
329
|
-
declare const UseNetwork:
|
|
333
|
+
declare const UseNetwork: vue1.DefineSetupFnComponent<UseNetworkProps, Record<string, never>, SlotsType<UseNetworkSlots>, UseNetworkProps & {
|
|
330
334
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
331
|
-
},
|
|
335
|
+
}, vue1.PublicProps>;
|
|
332
336
|
//#endregion
|
|
333
337
|
//#region ../core/useNow/component.d.ts
|
|
334
338
|
interface UseNowProps extends Omit<UseNowOptions<true>, 'controls'> {}
|
|
335
339
|
interface UseNowSlots {
|
|
336
340
|
default: (data: Reactive<UseNowReturn>) => any;
|
|
337
341
|
}
|
|
338
|
-
declare const UseNow:
|
|
342
|
+
declare const UseNow: vue1.DefineSetupFnComponent<UseNowProps, Record<string, never>, SlotsType<UseNowSlots>, UseNowProps & {
|
|
339
343
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
340
|
-
},
|
|
344
|
+
}, vue1.PublicProps>;
|
|
341
345
|
//#endregion
|
|
342
346
|
//#region ../core/useObjectUrl/component.d.ts
|
|
343
347
|
interface UseObjectUrlProps {
|
|
@@ -346,9 +350,9 @@ interface UseObjectUrlProps {
|
|
|
346
350
|
interface UseObjectUrlSlots {
|
|
347
351
|
default: (data: Readonly<string | undefined>) => any;
|
|
348
352
|
}
|
|
349
|
-
declare const UseObjectUrl:
|
|
353
|
+
declare const UseObjectUrl: vue1.DefineSetupFnComponent<UseObjectUrlProps, Record<string, never>, SlotsType<UseObjectUrlSlots>, UseObjectUrlProps & {
|
|
350
354
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
351
|
-
},
|
|
355
|
+
}, vue1.PublicProps>;
|
|
352
356
|
//#endregion
|
|
353
357
|
//#region ../core/useOffsetPagination/component.d.ts
|
|
354
358
|
interface UseOffsetPaginationProps extends UseOffsetPaginationOptions {}
|
|
@@ -360,7 +364,7 @@ type UseOffsetPaginationEmits = {
|
|
|
360
364
|
interface UseOffsetPaginationSlots {
|
|
361
365
|
default: (data: Reactive<UseOffsetPaginationReturn>) => any;
|
|
362
366
|
}
|
|
363
|
-
declare const UseOffsetPagination:
|
|
367
|
+
declare const UseOffsetPagination: vue1.DefineSetupFnComponent<UseOffsetPaginationProps, UseOffsetPaginationEmits, SlotsType<UseOffsetPaginationSlots>, UseOffsetPaginationProps & {
|
|
364
368
|
"onPage-change"?: ((returnValue: {
|
|
365
369
|
currentPage: number;
|
|
366
370
|
currentPageSize: number;
|
|
@@ -388,7 +392,7 @@ declare const UseOffsetPagination: vue0.DefineSetupFnComponent<UseOffsetPaginati
|
|
|
388
392
|
prev: () => void;
|
|
389
393
|
next: () => void;
|
|
390
394
|
}) => any) | undefined;
|
|
391
|
-
},
|
|
395
|
+
}, vue1.PublicProps>;
|
|
392
396
|
//#endregion
|
|
393
397
|
//#region ../core/useOnline/component.d.ts
|
|
394
398
|
interface UseOnlineProps extends ConfigurableWindow {}
|
|
@@ -397,9 +401,9 @@ interface UseOnlineSlots {
|
|
|
397
401
|
isOnline: UseNetworkReturn['isOnline'];
|
|
398
402
|
}>) => any;
|
|
399
403
|
}
|
|
400
|
-
declare const UseOnline:
|
|
404
|
+
declare const UseOnline: vue1.DefineSetupFnComponent<UseOnlineProps, Record<string, never>, SlotsType<UseOnlineSlots>, UseOnlineProps & {
|
|
401
405
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
402
|
-
},
|
|
406
|
+
}, vue1.PublicProps>;
|
|
403
407
|
//#endregion
|
|
404
408
|
//#region ../core/usePageLeave/component.d.ts
|
|
405
409
|
interface UsePageLeaveProps extends ConfigurableWindow {}
|
|
@@ -408,9 +412,9 @@ interface UsePageLeaveSlots {
|
|
|
408
412
|
isLeft: UsePageLeaveReturn;
|
|
409
413
|
}>) => any;
|
|
410
414
|
}
|
|
411
|
-
declare const UsePageLeave:
|
|
415
|
+
declare const UsePageLeave: vue1.DefineSetupFnComponent<UsePageLeaveProps, Record<string, never>, SlotsType<UsePageLeaveSlots>, UsePageLeaveProps & {
|
|
412
416
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
413
|
-
},
|
|
417
|
+
}, vue1.PublicProps>;
|
|
414
418
|
//#endregion
|
|
415
419
|
//#region ../core/usePointer/component.d.ts
|
|
416
420
|
interface UsePointerProps extends Omit<UsePointerOptions, 'target'> {
|
|
@@ -419,18 +423,18 @@ interface UsePointerProps extends Omit<UsePointerOptions, 'target'> {
|
|
|
419
423
|
interface UsePointerSlots {
|
|
420
424
|
default: (data: Reactive<UsePointerReturn>) => any;
|
|
421
425
|
}
|
|
422
|
-
declare const UsePointer:
|
|
426
|
+
declare const UsePointer: vue1.DefineSetupFnComponent<UsePointerProps, Record<string, never>, SlotsType<UsePointerSlots>, UsePointerProps & {
|
|
423
427
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
424
|
-
},
|
|
428
|
+
}, vue1.PublicProps>;
|
|
425
429
|
//#endregion
|
|
426
430
|
//#region ../core/usePointerLock/component.d.ts
|
|
427
431
|
interface UsePointerLockProps extends RenderableComponent, UsePointerLockOptions {}
|
|
428
432
|
interface UsePointerLockSlots {
|
|
429
433
|
default: (data: Reactive<UsePointerLockReturn>) => any;
|
|
430
434
|
}
|
|
431
|
-
declare const UsePointerLock:
|
|
435
|
+
declare const UsePointerLock: vue1.DefineSetupFnComponent<UsePointerLockProps, Record<string, never>, SlotsType<UsePointerLockSlots>, UsePointerLockProps & {
|
|
432
436
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
433
|
-
},
|
|
437
|
+
}, vue1.PublicProps>;
|
|
434
438
|
//#endregion
|
|
435
439
|
//#region ../core/usePreferredColorScheme/component.d.ts
|
|
436
440
|
interface UsePreferredColorSchemeProps extends ConfigurableWindow {}
|
|
@@ -439,9 +443,9 @@ interface UsePreferredColorSchemeSlots {
|
|
|
439
443
|
colorScheme: ComputedRef<ColorSchemeType>;
|
|
440
444
|
}>) => any;
|
|
441
445
|
}
|
|
442
|
-
declare const UsePreferredColorScheme:
|
|
446
|
+
declare const UsePreferredColorScheme: vue1.DefineSetupFnComponent<UsePreferredColorSchemeProps, Record<string, never>, SlotsType<UsePreferredColorSchemeSlots>, UsePreferredColorSchemeProps & {
|
|
443
447
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
444
|
-
},
|
|
448
|
+
}, vue1.PublicProps>;
|
|
445
449
|
//#endregion
|
|
446
450
|
//#region ../core/usePreferredContrast/component.d.ts
|
|
447
451
|
interface UsePreferredContrastProps extends ConfigurableWindow {}
|
|
@@ -450,9 +454,9 @@ interface UsePreferredContrastSlots {
|
|
|
450
454
|
contrast: ComputedRef<ContrastType>;
|
|
451
455
|
}>) => any;
|
|
452
456
|
}
|
|
453
|
-
declare const UsePreferredContrast:
|
|
457
|
+
declare const UsePreferredContrast: vue1.DefineSetupFnComponent<UsePreferredContrastProps, Record<string, never>, SlotsType<UsePreferredContrastSlots>, UsePreferredContrastProps & {
|
|
454
458
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
455
|
-
},
|
|
459
|
+
}, vue1.PublicProps>;
|
|
456
460
|
//#endregion
|
|
457
461
|
//#region ../core/usePreferredDark/component.d.ts
|
|
458
462
|
interface UsePreferredDarkProps extends ConfigurableWindow {}
|
|
@@ -461,9 +465,9 @@ interface UsePreferredDarkSlots {
|
|
|
461
465
|
prefersDark: ComputedRef<boolean>;
|
|
462
466
|
}>) => any;
|
|
463
467
|
}
|
|
464
|
-
declare const UsePreferredDark:
|
|
468
|
+
declare const UsePreferredDark: vue1.DefineSetupFnComponent<UsePreferredDarkProps, Record<string, never>, SlotsType<UsePreferredDarkSlots>, UsePreferredDarkProps & {
|
|
465
469
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
466
|
-
},
|
|
470
|
+
}, vue1.PublicProps>;
|
|
467
471
|
//#endregion
|
|
468
472
|
//#region ../core/usePreferredLanguages/component.d.ts
|
|
469
473
|
interface UsePreferredLanguagesProps extends ConfigurableWindow {}
|
|
@@ -472,9 +476,9 @@ interface UsePreferredLanguagesSlots {
|
|
|
472
476
|
languages: Ref<readonly string[]>;
|
|
473
477
|
}>) => any;
|
|
474
478
|
}
|
|
475
|
-
declare const UsePreferredLanguages:
|
|
479
|
+
declare const UsePreferredLanguages: vue1.DefineSetupFnComponent<UsePreferredLanguagesProps, Record<string, never>, SlotsType<UsePreferredLanguagesSlots>, UsePreferredLanguagesProps & {
|
|
476
480
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
477
|
-
},
|
|
481
|
+
}, vue1.PublicProps>;
|
|
478
482
|
//#endregion
|
|
479
483
|
//#region ../core/usePreferredReducedMotion/component.d.ts
|
|
480
484
|
interface UsePreferredReducedMotionProps extends ConfigurableWindow {}
|
|
@@ -483,14 +487,14 @@ interface UsePreferredReducedMotionSlots {
|
|
|
483
487
|
motion: ComputedRef<ReducedMotionType>;
|
|
484
488
|
}>) => any;
|
|
485
489
|
}
|
|
486
|
-
declare const UsePreferredReducedMotion:
|
|
490
|
+
declare const UsePreferredReducedMotion: vue1.DefineSetupFnComponent<UsePreferredReducedMotionProps, Record<string, never>, SlotsType<UsePreferredReducedMotionSlots>, UsePreferredReducedMotionProps & {
|
|
487
491
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
488
|
-
},
|
|
492
|
+
}, vue1.PublicProps>;
|
|
489
493
|
//#endregion
|
|
490
494
|
//#region ../core/usePreferredReducedTransparency/component.d.ts
|
|
491
|
-
declare const UsePreferredReducedTransparency:
|
|
495
|
+
declare const UsePreferredReducedTransparency: vue1.DefineComponent<{}, () => vue1.VNode<vue1.RendererNode, vue1.RendererElement, {
|
|
492
496
|
[key: string]: any;
|
|
493
|
-
}>[] | undefined, {}, {}, {},
|
|
497
|
+
}>[] | undefined, {}, {}, {}, vue1.ComponentOptionsMixin, vue1.ComponentOptionsMixin, {}, string, vue1.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue1.ComponentProvideOptions, true, {}, any>;
|
|
494
498
|
//#endregion
|
|
495
499
|
//#region ../core/useResizeObserver/directive.d.ts
|
|
496
500
|
type BindingValueFunction$1 = ResizeObserverCallback;
|
|
@@ -507,9 +511,9 @@ interface UseScreenSafeAreaProps extends RenderableComponent {
|
|
|
507
511
|
interface UseScreenSafeAreaSlots {
|
|
508
512
|
default: (data: Reactive<UseScreenSafeAreaReturn>) => any;
|
|
509
513
|
}
|
|
510
|
-
declare const UseScreenSafeArea:
|
|
514
|
+
declare const UseScreenSafeArea: vue1.DefineSetupFnComponent<UseScreenSafeAreaProps, Record<string, never>, SlotsType<UseScreenSafeAreaSlots>, UseScreenSafeAreaProps & {
|
|
511
515
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
512
|
-
},
|
|
516
|
+
}, vue1.PublicProps>;
|
|
513
517
|
//#endregion
|
|
514
518
|
//#region ../core/useScroll/directive.d.ts
|
|
515
519
|
type BindingValueFunction = (state: UseScrollReturn) => void;
|
|
@@ -526,18 +530,18 @@ interface UseTimeAgoProps extends Omit<UseTimeAgoOptions<true>, 'controls'> {
|
|
|
526
530
|
interface UseTimeAgoSlots {
|
|
527
531
|
default: (data: Reactive<UseTimeAgoReturn<true>>) => any;
|
|
528
532
|
}
|
|
529
|
-
declare const UseTimeAgo:
|
|
533
|
+
declare const UseTimeAgo: vue1.DefineSetupFnComponent<UseTimeAgoProps, Record<string, never>, SlotsType<UseTimeAgoSlots>, UseTimeAgoProps & {
|
|
530
534
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
531
|
-
},
|
|
535
|
+
}, vue1.PublicProps>;
|
|
532
536
|
//#endregion
|
|
533
537
|
//#region ../core/useTimestamp/component.d.ts
|
|
534
538
|
interface UseTimestampProps extends Omit<UseTimestampOptions<true>, 'controls'> {}
|
|
535
539
|
interface UseTimestampSlots {
|
|
536
540
|
default: (data: Reactive<UseTimestampReturn>) => any;
|
|
537
541
|
}
|
|
538
|
-
declare const UseTimestamp:
|
|
542
|
+
declare const UseTimestamp: vue1.DefineSetupFnComponent<UseTimestampProps, Record<string, never>, SlotsType<UseTimestampSlots>, UseTimestampProps & {
|
|
539
543
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
540
|
-
},
|
|
544
|
+
}, vue1.PublicProps>;
|
|
541
545
|
//#endregion
|
|
542
546
|
//#region ../core/useVirtualList/component.d.ts
|
|
543
547
|
interface UseVirtualListProps {
|
|
@@ -560,7 +564,7 @@ interface UseVirtualListProps {
|
|
|
560
564
|
*/
|
|
561
565
|
height: string;
|
|
562
566
|
}
|
|
563
|
-
declare const UseVirtualList:
|
|
567
|
+
declare const UseVirtualList: vue1.DefineSetupFnComponent<UseVirtualListProps, {}, {}, UseVirtualListProps & {}, vue1.PublicProps>;
|
|
564
568
|
//#endregion
|
|
565
569
|
//#region ../core/useWindowFocus/component.d.ts
|
|
566
570
|
interface UseWindowFocusProps extends ConfigurableWindow {}
|
|
@@ -569,17 +573,17 @@ interface UseWindowFocusSlots {
|
|
|
569
573
|
focused: ShallowRef<boolean>;
|
|
570
574
|
}>) => any;
|
|
571
575
|
}
|
|
572
|
-
declare const UseWindowFocus:
|
|
576
|
+
declare const UseWindowFocus: vue1.DefineSetupFnComponent<UseWindowFocusProps, Record<string, never>, SlotsType<UseWindowFocusSlots>, UseWindowFocusProps & {
|
|
573
577
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
574
|
-
},
|
|
578
|
+
}, vue1.PublicProps>;
|
|
575
579
|
//#endregion
|
|
576
580
|
//#region ../core/useWindowSize/component.d.ts
|
|
577
581
|
interface UseWindowSizeProps extends UseWindowSizeOptions {}
|
|
578
582
|
interface UseWindowSizeSlots {
|
|
579
583
|
default: (data: Reactive<UseWindowSizeReturn>) => any;
|
|
580
584
|
}
|
|
581
|
-
declare const UseWindowSize:
|
|
585
|
+
declare const UseWindowSize: vue1.DefineSetupFnComponent<UseWindowSizeProps, Record<string, never>, SlotsType<UseWindowSizeSlots>, UseWindowSizeProps & {
|
|
582
586
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
583
|
-
},
|
|
587
|
+
}, vue1.PublicProps>;
|
|
584
588
|
//#endregion
|
|
585
|
-
export { OnClickOutside, OnClickOutsideEmits, OnClickOutsideProps, OnLongPress, OnLongPressEmits, OnLongPressProps, UseActiveElement, UseActiveElementProps, UseBattery, UseBatteryProps, UseBrowserLocation, UseClipboard, UseClipboardProps, UseColorMode, UseColorModeProps, UseDark, UseDarkProps, UseDeviceMotion, UseDeviceMotionProps, UseDeviceOrientation, UseDeviceOrientationProps, UseDevicePixelRatio, UseDevicePixelRatioProps, UseDevicesList, UseDevicesListProps, UseDocumentVisibility, UseDocumentVisibilityProps, UseDraggable, UseDraggableProps, UseElementBounding, UseElementBoundingProps, UseElementSize, UseElementSizeProps, UseElementVisibility, UseElementVisibilityProps, UseEyeDropper, UseEyeDropperProps, UseFullscreen, UseFullscreenProps, UseGeolocation, UseGeolocationProps, UseIdle, UseIdleProps, UseImage, UseImageProps, UseMouse, UseMouseInElement, UseMouseInElementProps, UseMousePressed, UseMousePressedProps, UseMouseProps, UseNetwork, UseNetworkProps, UseNow, UseNowProps, UseObjectUrl, UseObjectUrlProps, UseOffsetPagination, UseOffsetPaginationEmits, UseOffsetPaginationProps, UseOnline, UseOnlineProps, UsePageLeave, UsePageLeaveProps, UsePointer, UsePointerLock, UsePointerLockProps, UsePointerProps, UsePreferredColorScheme, UsePreferredColorSchemeProps, UsePreferredContrast, UsePreferredContrastProps, UsePreferredDark, UsePreferredDarkProps, UsePreferredLanguages, UsePreferredLanguagesProps, UsePreferredReducedMotion, UsePreferredReducedMotionProps, UsePreferredReducedTransparency, UseScreenSafeArea, UseScreenSafeAreaProps, UseTimeAgo, UseTimeAgoProps, UseTimestamp, UseTimestampProps, UseVirtualList, UseVirtualListProps, UseWindowFocus, UseWindowFocusProps, UseWindowSize, UseWindowSizeProps,
|
|
589
|
+
export { OnClickOutside, OnClickOutsideEmits, OnClickOutsideProps, OnLongPress, OnLongPressEmits, OnLongPressProps, UseActiveElement, UseActiveElementProps, UseBattery, UseBatteryProps, UseBrowserLocation, UseClipboard, UseClipboardProps, UseColorMode, UseColorModeProps, UseDark, UseDarkProps, UseDeviceMotion, UseDeviceMotionProps, UseDeviceOrientation, UseDeviceOrientationProps, UseDevicePixelRatio, UseDevicePixelRatioProps, UseDevicesList, UseDevicesListProps, UseDocumentVisibility, UseDocumentVisibilityProps, UseDraggable, UseDraggableProps, UseElementBounding, UseElementBoundingProps, UseElementSize, UseElementSizeProps, UseElementVisibility, UseElementVisibilityProps, UseEyeDropper, UseEyeDropperProps, UseFullscreen, UseFullscreenProps, UseGeolocation, UseGeolocationProps, UseIdle, UseIdleProps, UseImage, UseImageProps, UseMouse, UseMouseInElement, UseMouseInElementProps, UseMousePressed, UseMousePressedProps, UseMouseProps, UseNetwork, UseNetworkProps, UseNow, UseNowProps, UseObjectUrl, UseObjectUrlProps, UseOffsetPagination, UseOffsetPaginationEmits, UseOffsetPaginationProps, UseOnline, UseOnlineProps, UsePageLeave, UsePageLeaveProps, UsePointer, UsePointerLock, UsePointerLockProps, UsePointerProps, UsePreferredColorScheme, UsePreferredColorSchemeProps, UsePreferredContrast, UsePreferredContrastProps, UsePreferredDark, UsePreferredDarkProps, UsePreferredLanguages, UsePreferredLanguagesProps, UsePreferredReducedMotion, UsePreferredReducedMotionProps, UsePreferredReducedTransparency, UseScreenSafeArea, UseScreenSafeAreaProps, UseTimeAgo, UseTimeAgoProps, UseTimestamp, UseTimestampProps, UseVirtualList, UseVirtualListProps, UseWindowFocus, UseWindowFocusProps, UseWindowSize, UseWindowSizeProps, VOnClickOutside, VOnLongPress, vElementBounding, vElementHover, vElementSize, vElementVisibility, vInfiniteScroll, vIntersectionObserver, vMouseInElement, vOnClickOutside, vOnKeyStroke, vOnLongPress, vResizeObserver, vScroll, vScrollLock };
|
package/dist/index.iife.js
CHANGED
|
@@ -63,6 +63,8 @@ const vOnClickOutside = {
|
|
|
63
63
|
stopClickOutsideMap.delete(el);
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
|
+
/** @deprecated use `vOnClickOutside` instead */
|
|
67
|
+
const VOnClickOutside = vOnClickOutside;
|
|
66
68
|
|
|
67
69
|
//#endregion
|
|
68
70
|
//#region ../core/onKeyStroke/directive.ts
|
|
@@ -101,6 +103,8 @@ const vOnLongPress = { mounted(el, binding) {
|
|
|
101
103
|
if (typeof binding.value === "function") (0, __vueuse_core.onLongPress)(el, binding.value, { modifiers: binding.modifiers });
|
|
102
104
|
else (0, __vueuse_core.onLongPress)(el, ...binding.value);
|
|
103
105
|
} };
|
|
106
|
+
/** @deprecated use `vOnLongPress` instead */
|
|
107
|
+
const VOnLongPress = vOnLongPress;
|
|
104
108
|
|
|
105
109
|
//#endregion
|
|
106
110
|
//#region ../core/useActiveElement/component.ts
|
|
@@ -1126,10 +1130,8 @@ exports.UseTimestamp = UseTimestamp;
|
|
|
1126
1130
|
exports.UseVirtualList = UseVirtualList;
|
|
1127
1131
|
exports.UseWindowFocus = UseWindowFocus;
|
|
1128
1132
|
exports.UseWindowSize = UseWindowSize;
|
|
1129
|
-
exports.VOnClickOutside =
|
|
1130
|
-
exports.
|
|
1131
|
-
exports.VOnLongPress = vOnLongPress;
|
|
1132
|
-
exports.vOnLongPress = vOnLongPress;
|
|
1133
|
+
exports.VOnClickOutside = VOnClickOutside;
|
|
1134
|
+
exports.VOnLongPress = VOnLongPress;
|
|
1133
1135
|
exports.vElementBounding = vElementBounding;
|
|
1134
1136
|
exports.vElementHover = vElementHover;
|
|
1135
1137
|
exports.vElementSize = vElementSize;
|
|
@@ -1137,7 +1139,9 @@ exports.vElementVisibility = vElementVisibility;
|
|
|
1137
1139
|
exports.vInfiniteScroll = vInfiniteScroll;
|
|
1138
1140
|
exports.vIntersectionObserver = vIntersectionObserver;
|
|
1139
1141
|
exports.vMouseInElement = vMouseInElement;
|
|
1142
|
+
exports.vOnClickOutside = vOnClickOutside;
|
|
1140
1143
|
exports.vOnKeyStroke = vOnKeyStroke;
|
|
1144
|
+
exports.vOnLongPress = vOnLongPress;
|
|
1141
1145
|
exports.vResizeObserver = vResizeObserver;
|
|
1142
1146
|
exports.vScroll = vScroll;
|
|
1143
1147
|
exports.vScrollLock = vScrollLock;
|
package/dist/index.iife.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(exports,t,n,r){var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e},d=(e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e));t=d(t),n=d(n),r=d(r);let f=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.shallowRef)();return(0,t.onClickOutside)(a,e=>{i(`trigger`,e)},e.options),()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:a},r.default())}},{name:`OnClickOutside`,props:[`as`,`options`],emits:[`trigger`]}),p=new WeakMap,m={mounted(e,n){let r=!n.modifiers.bubble,i;if(typeof n.value==`function`)i=(0,t.onClickOutside)(e,n.value,{capture:r});else{let[a,o]=n.value;i=(0,t.onClickOutside)(e,a,Object.assign({capture:r},o))}p.set(e,i)},unmounted(e){let t=p.get(e);t&&typeof t==`function`?t():t==null||t.stop(),p.delete(e)}},h={mounted(e,n){var r,i;let a=(r=(i=n.arg)==null?void 0:i.split(`,`))==null?!0:r;if(typeof n.value==`function`)(0,t.onKeyStroke)(a,n.value,{target:e});else{let[r,i]=n.value;(0,t.onKeyStroke)(a,r,{target:e,...i})}}},ee=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.shallowRef)(),o=(0,t.onLongPress)(a,e=>{i(`trigger`,e)},e.options);return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:a},r.default(o))}},{name:`OnLongPress`,props:[`as`,`options`],emits:[`trigger`]}),g={mounted(e,n){typeof n.value==`function`?(0,t.onLongPress)(e,n.value,{modifiers:n.modifiers}):(0,t.onLongPress)(e,...n.value)}},_=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({element:(0,t.useActiveElement)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseActiveElement`,props:[`deep`,`triggerOnRemoval`,`window`,`document`]}),v=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useBattery)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseBattery`,props:[`navigator`]}),y=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useBrowserLocation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseBrowserLocation`,props:[`window`]}),b=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useClipboard)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseClipboard`,props:[`source`,`read`,`navigator`,`copiedDuring`,`legacy`]}),x=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,t.useColorMode)(e),a=(0,n.reactive)({mode:i,system:i.system,store:i.store});return()=>{if(r.default)return r.default(a)}},{name:`UseColorMode`,props:[`attribute`,`deep`,`disableTransition`,`emitAuto`,`eventFilter`,`flush`,`initOnMounted`,`initialValue`,`listenToStorageChanges`,`mergeDefaults`,`modes`,`onChanged`,`onError`,`selector`,`serializer`,`shallow`,`storage`,`storageKey`,`storageRef`,`window`,`writeDefaults`]}),S=(0,n.defineComponent)((e,{slots:i})=>{let a=(0,t.useDark)(e),o=(0,n.reactive)({isDark:a,toggleDark:(0,r.useToggle)(a)});return()=>{if(i.default)return i.default(o)}},{name:`UseDark`,props:[`attribute`,`deep`,`disableTransition`,`emitAuto`,`eventFilter`,`flush`,`initOnMounted`,`initialValue`,`listenToStorageChanges`,`mergeDefaults`,`onChanged`,`onError`,`selector`,`serializer`,`shallow`,`storage`,`storageKey`,`storageRef`,`valueDark`,`valueLight`,`window`,`writeDefaults`]}),C=(0,n.defineComponent)((e,{slots:n})=>{let r=(0,t.useDeviceMotion)(e);return()=>{if(n.default)return n.default(r)}},{name:`UseDeviceMotion`,props:[`eventFilter`,`requestPermissions`,`window`]}),w=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDeviceOrientation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDeviceOrientation`,props:[`window`]}),T=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDevicePixelRatio)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDevicePixelRatio`,props:[`window`]}),E=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDevicesList)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDevicesList`,props:[`constraints`,`navigator`,`onUpdated`,`requestPermissions`]}),D=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({visibility:(0,t.useDocumentVisibility)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseDocumentVisibility`,props:[`document`]}),O=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.computed)(()=>{var t;return(t=(0,n.toValue)(e.handle))==null?i.value:t}),o=(0,n.computed)(()=>{var t;return(t=e.containerElement)==null?void 0:t}),s=(0,n.computed)(()=>!!e.disabled),c=e.storageKey&&(0,t.useStorage)(e.storageKey,(0,n.toValue)(e.initialValue)||{x:0,y:0},t.isClient?e.storageType===`session`?sessionStorage:localStorage:void 0),l=c||e.initialValue||{x:0,y:0},u=(t,n)=>{var r;(r=e.onEnd)==null||r.call(e,t,n),c&&(c.value.x=t.x,c.value.y=t.y)},d=(0,n.reactive)((0,t.useDraggable)(i,{...e,handle:a,initialValue:l,onEnd:u,disabled:s,containerElement:o}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i,style:`touch-action:none;${d.style}`},r.default(d))}},{name:`UseDraggable`,props:[`storageKey`,`storageType`,`initialValue`,`exact`,`preventDefault`,`stopPropagation`,`pointerTypes`,`as`,`handle`,`axis`,`onStart`,`onMove`,`onEnd`,`disabled`,`buttons`,`containerElement`,`capture`,`draggingElement`]}),k=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useElementBounding)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseElementBounding`,props:[`as`,`immediate`,`reset`,`updateTiming`,`windowResize`,`windowScroll`]}),A={mounted(e,r){let[i,a]=typeof r.value==`function`?[r.value,{}]:r.value,{height:o,bottom:s,left:c,right:l,top:u,width:d,x:f,y:p}=(0,t.useElementBounding)(e,a);(0,n.watch)([o,s,c,l,u,d,f,p],()=>i({height:o,bottom:s,left:c,right:l,top:u,width:d,x:f,y:p}))}},j={mounted(e,r){let i=r.value;if(typeof i==`function`){let r=(0,t.useElementHover)(e);(0,n.watch)(r,e=>i(e))}else{let[r,a]=i,o=(0,t.useElementHover)(e,a);(0,n.watch)(o,e=>r(e))}}},M=(0,n.defineComponent)((e,{slots:r})=>{var i,a;let o=(0,n.shallowRef)(),{width:s,height:c}=(0,n.toRefs)(e),l=(0,n.reactive)((0,t.useElementSize)(o,{width:(i=(0,n.toValue)(s))==null?0:i,height:(a=(0,n.toValue)(c))==null?0:a},{box:e.box,window:e.window}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:o},r.default(l))}},{name:`UseElementSize`,props:[`as`,`box`,`height`,`width`,`window`]}),N={mounted(e,r){var i;let a=typeof r.value==`function`?r.value:(i=r.value)==null?void 0:i[0],o=typeof r.value==`function`?[]:r.value.slice(1),{width:s,height:c}=(0,t.useElementSize)(e,...o);(0,n.watch)([s,c],([e,t])=>a({width:e,height:t}))}},P=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)({isVisible:(0,t.useElementVisibility)(i,e)});return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseElementVisibility`,props:[`as`,`once`,`rootMargin`,`scrollTarget`,`threshold`,`window`]}),F={mounted(e,r){if(typeof r.value==`function`){let i=r.value,a=(0,t.useElementVisibility)(e);(0,n.watch)(a,e=>i(e),{immediate:!0})}else{let[i,a]=r.value,o=(0,t.useElementVisibility)(e,a);(0,n.watch)(o,e=>i(e),{immediate:!0})}}},I=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useEyeDropper)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseEyeDropper`,props:[`initialValue`]}),L=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useFullscreen)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseFullscreen`,props:[`as`,`autoExit`,`document`]}),R=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useGeolocation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseGeolocation`,props:[`enableHighAccuracy`,`immediate`,`maximumAge`,`navigator`,`timeout`]}),z=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useIdle)(e.timeout,e));return()=>{if(r.default)return r.default(i)}},{name:`UseIdle`,props:[`eventFilter`,`events`,`initialState`,`listenForVisibilityChange`,`timeout`,`window`]}),te=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useImage)(e));return()=>i.isLoading&&r.loading?r.loading(i):i.error&&r.error?r.error(i.error):r.default?r.default(i):(0,n.h)(e.as||`img`,e)},{name:`UseImage`,props:[`alt`,`as`,`class`,`crossorigin`,`decoding`,`fetchPriority`,`height`,`ismap`,`loading`,`referrerPolicy`,`sizes`,`src`,`srcset`,`usemap`,`width`]}),B={mounted(e,n){typeof n.value==`function`?(0,t.useInfiniteScroll)(e,n.value):(0,t.useInfiniteScroll)(e,...n.value)}},V={mounted(e,n){typeof n.value==`function`?(0,t.useIntersectionObserver)(e,n.value):(0,t.useIntersectionObserver)(e,...n.value)}},H=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useMouse)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseMouse`,props:[`eventFilter`,`initialValue`,`resetOnTouchEnds`,`scroll`,`target`,`touch`,`type`,`window`]}),U=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useMouseInElement)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseMouseInElement`,props:[`as`,`eventFilter`,`handleOutside`,`initialValue`,`resetOnTouchEnds`,`scroll`,`target`,`touch`,`type`,`window`,`windowResize`,`windowScroll`]}),W={mounted(e,i){let[a,o]=typeof i.value==`function`?[i.value,{}]:i.value,s=(0,r.reactiveOmit)((0,n.reactive)((0,t.useMouseInElement)(e,o)),`stop`);(0,n.watch)(s,e=>a(e))}},G=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useMousePressed)({...e,target:i}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseMousePressed`,props:[`as`,`capture`,`drag`,`initialValue`,`onPressed`,`onReleased`,`touch`,`window`]}),K=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useNetwork)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseNetwork`,props:[`window`]}),q=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useNow)({...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseNow`,props:[`immediate`,`interval`]}),J=(0,n.defineComponent)((e,{slots:n})=>{let{object:i}=(0,r.toRefs)(e),a=(0,t.useObjectUrl)(i);return()=>{if(n.default&&a.value)return n.default(a.value)}},{name:`UseObjectUrl`,props:[`object`]}),Y=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.reactive)((0,t.useOffsetPagination)({...e,total:(0,n.toValue)(e.total)||void 0,onPageChange(...t){var n;(n=e.onPageChange)==null||n.call(e,...t),i(`page-change`,...t)},onPageSizeChange(...t){var n;(n=e.onPageSizeChange)==null||n.call(e,...t),i(`page-size-change`,...t)},onPageCountChange(...t){var n;(n=e.onPageCountChange)==null||n.call(e,...t),i(`page-count-change`,...t)}}));return()=>{if(r.default)return r.default(a)}},{name:`UseOffsetPagination`,props:[`onPageChange`,`onPageCountChange`,`onPageSizeChange`,`page`,`pageSize`,`total`]}),X=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({isOnline:(0,t.useOnline)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseOnline`,props:[`window`]}),Z=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({isLeft:(0,t.usePageLeave)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePageLeave`,props:[`window`]}),Q=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(null),a=(0,n.reactive)((0,t.usePointer)({...e,target:e.target===`self`?i:t.defaultWindow}));return()=>{if(r.default)return r.default(a)}},{name:`UsePointer`,props:[`initialValue`,`pointerTypes`,`target`,`window`]}),ne=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.usePointerLock)(i));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UsePointerLock`,props:[`as`,`document`]}),re=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({colorScheme:(0,t.usePreferredColorScheme)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredColorScheme`,props:[`window`]}),ie=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({contrast:(0,t.usePreferredContrast)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredContrast`,props:[`window`]}),ae=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({prefersDark:(0,t.usePreferredDark)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredDark`,props:[`window`]}),oe=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({languages:(0,t.usePreferredLanguages)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredLanguages`,props:[`window`]}),se=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({motion:(0,t.usePreferredReducedMotion)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredReducedMotion`,props:[`window`]}),ce=(0,n.defineComponent)({name:`UsePreferredReducedTransparency`,setup(e,{slots:r}){let i=(0,n.reactive)({transparency:(0,t.usePreferredReducedTransparency)()});return()=>{if(r.default)return r.default(i)}}}),le={mounted(e,n){typeof n.value==`function`?(0,t.useResizeObserver)(e,n.value):(0,t.useResizeObserver)(e,...n.value)}},ue=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useScreenSafeArea)());return()=>{if(r.default)return(0,n.h)(e.as||`div`,{style:{paddingTop:e.top?i.top:``,paddingRight:e.right?i.right:``,paddingBottom:e.bottom?i.bottom:``,paddingLeft:e.left?i.left:``,boxSizing:`border-box`,maxHeight:`100vh`,maxWidth:`100vw`,overflow:`auto`}},r.default(i))}},{name:`UseScreenSafeArea`,props:[`top`,`right`,`bottom`,`left`]}),de={mounted(e,n){if(typeof n.value==`function`){let r=n.value,i=(0,t.useScroll)(e,{onScroll(){r(i)},onStop(){r(i)}})}else{let[r,i]=n.value,a=(0,t.useScroll)(e,{...i,onScroll(e){var t;(t=i.onScroll)==null||t.call(i,e),r(a)},onStop(e){var t;(t=i.onStop)==null||t.call(i,e),r(a)}})}}};function fe(){let e=!1,r=(0,n.shallowRef)(!1);return(i,a)=>{if(r.value=a.value,e)return;e=!0;let o=(0,t.useScrollLock)(i,a.value);(0,n.watch)(r,e=>o.value=e)}}let pe=fe(),$=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useTimeAgo)(()=>e.time,{...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseTimeAgo`,props:[`fullDateFormatter`,`max`,`messages`,`rounding`,`showSecond`,`time`,`units`,`updateInterval`]}),me=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useTimestamp)({...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseTimestamp`,props:[`callback`,`immediate`,`interval`,`offset`]}),he=(0,n.defineComponent)((e,{slots:r,expose:i})=>{let{list:a}=(0,n.toRefs)(e),{list:o,containerProps:s,wrapperProps:c,scrollTo:l}=(0,t.useVirtualList)(a,e.options);return i({scrollTo:l}),s.style&&typeof s.style==`object`&&!Array.isArray(s.style)&&(s.style.height=e.height||`300px`),()=>(0,n.h)(`div`,{...s},[(0,n.h)(`div`,{...c.value},o.value.map(e=>(0,n.h)(`div`,{style:{overflow:`hidden`,height:e.height}},r.default?r.default(e):`Please set content!`)))])},{name:`UseVirtualList`,props:[`height`,`list`,`options`]}),ge=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({focused:(0,t.useWindowFocus)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseWindowFocus`,props:[`window`]}),_e=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useWindowSize)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseWindowSize`,props:[`includeScrollbar`,`initialHeight`,`initialWidth`,`listenOrientation`,`type`,`window`]});exports.OnClickOutside=f,exports.OnLongPress=ee,exports.UseActiveElement=_,exports.UseBattery=v,exports.UseBrowserLocation=y,exports.UseClipboard=b,exports.UseColorMode=x,exports.UseDark=S,exports.UseDeviceMotion=C,exports.UseDeviceOrientation=w,exports.UseDevicePixelRatio=T,exports.UseDevicesList=E,exports.UseDocumentVisibility=D,exports.UseDraggable=O,exports.UseElementBounding=k,exports.UseElementSize=M,exports.UseElementVisibility=P,exports.UseEyeDropper=I,exports.UseFullscreen=L,exports.UseGeolocation=R,exports.UseIdle=z,exports.UseImage=te,exports.UseMouse=H,exports.UseMouseInElement=U,exports.UseMousePressed=G,exports.UseNetwork=K,exports.UseNow=q,exports.UseObjectUrl=J,exports.UseOffsetPagination=Y,exports.UseOnline=X,exports.UsePageLeave=Z,exports.UsePointer=Q,exports.UsePointerLock=ne,exports.UsePreferredColorScheme=re,exports.UsePreferredContrast=ie,exports.UsePreferredDark=ae,exports.UsePreferredLanguages=oe,exports.UsePreferredReducedMotion=se,exports.UsePreferredReducedTransparency=ce,exports.UseScreenSafeArea=ue,exports.UseTimeAgo=$,exports.UseTimestamp=me,exports.UseVirtualList=he,exports.UseWindowFocus=ge,exports.UseWindowSize=_e,exports.VOnClickOutside=m,exports.vOnClickOutside=m,exports.VOnLongPress=g,exports.vOnLongPress=g,exports.vElementBounding=A,exports.vElementHover=j,exports.vElementSize=N,exports.vElementVisibility=F,exports.vInfiniteScroll=B,exports.vIntersectionObserver=V,exports.vMouseInElement=W,exports.vOnKeyStroke=h,exports.vResizeObserver=le,exports.vScroll=de,exports.vScrollLock=pe})(this.VueUse=this.VueUse||{},VueUse,Vue,VueUse);
|
|
1
|
+
(function(exports,t,n,r){var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e},d=(e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e));t=d(t),n=d(n),r=d(r);let f=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.shallowRef)();return(0,t.onClickOutside)(a,e=>{i(`trigger`,e)},e.options),()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:a},r.default())}},{name:`OnClickOutside`,props:[`as`,`options`],emits:[`trigger`]}),p=new WeakMap,m={mounted(e,n){let r=!n.modifiers.bubble,i;if(typeof n.value==`function`)i=(0,t.onClickOutside)(e,n.value,{capture:r});else{let[a,o]=n.value;i=(0,t.onClickOutside)(e,a,Object.assign({capture:r},o))}p.set(e,i)},unmounted(e){let t=p.get(e);t&&typeof t==`function`?t():t==null||t.stop(),p.delete(e)}},h=m,ee={mounted(e,n){var r,i;let a=(r=(i=n.arg)==null?void 0:i.split(`,`))==null?!0:r;if(typeof n.value==`function`)(0,t.onKeyStroke)(a,n.value,{target:e});else{let[r,i]=n.value;(0,t.onKeyStroke)(a,r,{target:e,...i})}}},g=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.shallowRef)(),o=(0,t.onLongPress)(a,e=>{i(`trigger`,e)},e.options);return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:a},r.default(o))}},{name:`OnLongPress`,props:[`as`,`options`],emits:[`trigger`]}),_={mounted(e,n){typeof n.value==`function`?(0,t.onLongPress)(e,n.value,{modifiers:n.modifiers}):(0,t.onLongPress)(e,...n.value)}},v=_,y=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({element:(0,t.useActiveElement)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseActiveElement`,props:[`deep`,`triggerOnRemoval`,`window`,`document`]}),b=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useBattery)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseBattery`,props:[`navigator`]}),x=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useBrowserLocation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseBrowserLocation`,props:[`window`]}),S=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useClipboard)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseClipboard`,props:[`source`,`read`,`navigator`,`copiedDuring`,`legacy`]}),C=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,t.useColorMode)(e),a=(0,n.reactive)({mode:i,system:i.system,store:i.store});return()=>{if(r.default)return r.default(a)}},{name:`UseColorMode`,props:[`attribute`,`deep`,`disableTransition`,`emitAuto`,`eventFilter`,`flush`,`initOnMounted`,`initialValue`,`listenToStorageChanges`,`mergeDefaults`,`modes`,`onChanged`,`onError`,`selector`,`serializer`,`shallow`,`storage`,`storageKey`,`storageRef`,`window`,`writeDefaults`]}),w=(0,n.defineComponent)((e,{slots:i})=>{let a=(0,t.useDark)(e),o=(0,n.reactive)({isDark:a,toggleDark:(0,r.useToggle)(a)});return()=>{if(i.default)return i.default(o)}},{name:`UseDark`,props:[`attribute`,`deep`,`disableTransition`,`emitAuto`,`eventFilter`,`flush`,`initOnMounted`,`initialValue`,`listenToStorageChanges`,`mergeDefaults`,`onChanged`,`onError`,`selector`,`serializer`,`shallow`,`storage`,`storageKey`,`storageRef`,`valueDark`,`valueLight`,`window`,`writeDefaults`]}),T=(0,n.defineComponent)((e,{slots:n})=>{let r=(0,t.useDeviceMotion)(e);return()=>{if(n.default)return n.default(r)}},{name:`UseDeviceMotion`,props:[`eventFilter`,`requestPermissions`,`window`]}),E=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDeviceOrientation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDeviceOrientation`,props:[`window`]}),D=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDevicePixelRatio)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDevicePixelRatio`,props:[`window`]}),O=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDevicesList)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDevicesList`,props:[`constraints`,`navigator`,`onUpdated`,`requestPermissions`]}),k=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({visibility:(0,t.useDocumentVisibility)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseDocumentVisibility`,props:[`document`]}),A=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.computed)(()=>{var t;return(t=(0,n.toValue)(e.handle))==null?i.value:t}),o=(0,n.computed)(()=>{var t;return(t=e.containerElement)==null?void 0:t}),s=(0,n.computed)(()=>!!e.disabled),c=e.storageKey&&(0,t.useStorage)(e.storageKey,(0,n.toValue)(e.initialValue)||{x:0,y:0},t.isClient?e.storageType===`session`?sessionStorage:localStorage:void 0),l=c||e.initialValue||{x:0,y:0},u=(t,n)=>{var r;(r=e.onEnd)==null||r.call(e,t,n),c&&(c.value.x=t.x,c.value.y=t.y)},d=(0,n.reactive)((0,t.useDraggable)(i,{...e,handle:a,initialValue:l,onEnd:u,disabled:s,containerElement:o}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i,style:`touch-action:none;${d.style}`},r.default(d))}},{name:`UseDraggable`,props:[`storageKey`,`storageType`,`initialValue`,`exact`,`preventDefault`,`stopPropagation`,`pointerTypes`,`as`,`handle`,`axis`,`onStart`,`onMove`,`onEnd`,`disabled`,`buttons`,`containerElement`,`capture`,`draggingElement`]}),j=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useElementBounding)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseElementBounding`,props:[`as`,`immediate`,`reset`,`updateTiming`,`windowResize`,`windowScroll`]}),M={mounted(e,r){let[i,a]=typeof r.value==`function`?[r.value,{}]:r.value,{height:o,bottom:s,left:c,right:l,top:u,width:d,x:f,y:p}=(0,t.useElementBounding)(e,a);(0,n.watch)([o,s,c,l,u,d,f,p],()=>i({height:o,bottom:s,left:c,right:l,top:u,width:d,x:f,y:p}))}},N={mounted(e,r){let i=r.value;if(typeof i==`function`){let r=(0,t.useElementHover)(e);(0,n.watch)(r,e=>i(e))}else{let[r,a]=i,o=(0,t.useElementHover)(e,a);(0,n.watch)(o,e=>r(e))}}},P=(0,n.defineComponent)((e,{slots:r})=>{var i,a;let o=(0,n.shallowRef)(),{width:s,height:c}=(0,n.toRefs)(e),l=(0,n.reactive)((0,t.useElementSize)(o,{width:(i=(0,n.toValue)(s))==null?0:i,height:(a=(0,n.toValue)(c))==null?0:a},{box:e.box,window:e.window}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:o},r.default(l))}},{name:`UseElementSize`,props:[`as`,`box`,`height`,`width`,`window`]}),F={mounted(e,r){var i;let a=typeof r.value==`function`?r.value:(i=r.value)==null?void 0:i[0],o=typeof r.value==`function`?[]:r.value.slice(1),{width:s,height:c}=(0,t.useElementSize)(e,...o);(0,n.watch)([s,c],([e,t])=>a({width:e,height:t}))}},I=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)({isVisible:(0,t.useElementVisibility)(i,e)});return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseElementVisibility`,props:[`as`,`once`,`rootMargin`,`scrollTarget`,`threshold`,`window`]}),L={mounted(e,r){if(typeof r.value==`function`){let i=r.value,a=(0,t.useElementVisibility)(e);(0,n.watch)(a,e=>i(e),{immediate:!0})}else{let[i,a]=r.value,o=(0,t.useElementVisibility)(e,a);(0,n.watch)(o,e=>i(e),{immediate:!0})}}},R=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useEyeDropper)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseEyeDropper`,props:[`initialValue`]}),z=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useFullscreen)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseFullscreen`,props:[`as`,`autoExit`,`document`]}),B=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useGeolocation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseGeolocation`,props:[`enableHighAccuracy`,`immediate`,`maximumAge`,`navigator`,`timeout`]}),V=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useIdle)(e.timeout,e));return()=>{if(r.default)return r.default(i)}},{name:`UseIdle`,props:[`eventFilter`,`events`,`initialState`,`listenForVisibilityChange`,`timeout`,`window`]}),H=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useImage)(e));return()=>i.isLoading&&r.loading?r.loading(i):i.error&&r.error?r.error(i.error):r.default?r.default(i):(0,n.h)(e.as||`img`,e)},{name:`UseImage`,props:[`alt`,`as`,`class`,`crossorigin`,`decoding`,`fetchPriority`,`height`,`ismap`,`loading`,`referrerPolicy`,`sizes`,`src`,`srcset`,`usemap`,`width`]}),U={mounted(e,n){typeof n.value==`function`?(0,t.useInfiniteScroll)(e,n.value):(0,t.useInfiniteScroll)(e,...n.value)}},te={mounted(e,n){typeof n.value==`function`?(0,t.useIntersectionObserver)(e,n.value):(0,t.useIntersectionObserver)(e,...n.value)}},W=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useMouse)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseMouse`,props:[`eventFilter`,`initialValue`,`resetOnTouchEnds`,`scroll`,`target`,`touch`,`type`,`window`]}),G=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useMouseInElement)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseMouseInElement`,props:[`as`,`eventFilter`,`handleOutside`,`initialValue`,`resetOnTouchEnds`,`scroll`,`target`,`touch`,`type`,`window`,`windowResize`,`windowScroll`]}),K={mounted(e,i){let[a,o]=typeof i.value==`function`?[i.value,{}]:i.value,s=(0,r.reactiveOmit)((0,n.reactive)((0,t.useMouseInElement)(e,o)),`stop`);(0,n.watch)(s,e=>a(e))}},q=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useMousePressed)({...e,target:i}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseMousePressed`,props:[`as`,`capture`,`drag`,`initialValue`,`onPressed`,`onReleased`,`touch`,`window`]}),J=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useNetwork)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseNetwork`,props:[`window`]}),Y=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useNow)({...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseNow`,props:[`immediate`,`interval`]}),X=(0,n.defineComponent)((e,{slots:n})=>{let{object:i}=(0,r.toRefs)(e),a=(0,t.useObjectUrl)(i);return()=>{if(n.default&&a.value)return n.default(a.value)}},{name:`UseObjectUrl`,props:[`object`]}),Z=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.reactive)((0,t.useOffsetPagination)({...e,total:(0,n.toValue)(e.total)||void 0,onPageChange(...t){var n;(n=e.onPageChange)==null||n.call(e,...t),i(`page-change`,...t)},onPageSizeChange(...t){var n;(n=e.onPageSizeChange)==null||n.call(e,...t),i(`page-size-change`,...t)},onPageCountChange(...t){var n;(n=e.onPageCountChange)==null||n.call(e,...t),i(`page-count-change`,...t)}}));return()=>{if(r.default)return r.default(a)}},{name:`UseOffsetPagination`,props:[`onPageChange`,`onPageCountChange`,`onPageSizeChange`,`page`,`pageSize`,`total`]}),Q=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({isOnline:(0,t.useOnline)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseOnline`,props:[`window`]}),ne=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({isLeft:(0,t.usePageLeave)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePageLeave`,props:[`window`]}),re=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(null),a=(0,n.reactive)((0,t.usePointer)({...e,target:e.target===`self`?i:t.defaultWindow}));return()=>{if(r.default)return r.default(a)}},{name:`UsePointer`,props:[`initialValue`,`pointerTypes`,`target`,`window`]}),ie=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.usePointerLock)(i));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UsePointerLock`,props:[`as`,`document`]}),ae=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({colorScheme:(0,t.usePreferredColorScheme)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredColorScheme`,props:[`window`]}),oe=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({contrast:(0,t.usePreferredContrast)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredContrast`,props:[`window`]}),se=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({prefersDark:(0,t.usePreferredDark)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredDark`,props:[`window`]}),ce=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({languages:(0,t.usePreferredLanguages)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredLanguages`,props:[`window`]}),le=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({motion:(0,t.usePreferredReducedMotion)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredReducedMotion`,props:[`window`]}),ue=(0,n.defineComponent)({name:`UsePreferredReducedTransparency`,setup(e,{slots:r}){let i=(0,n.reactive)({transparency:(0,t.usePreferredReducedTransparency)()});return()=>{if(r.default)return r.default(i)}}}),de={mounted(e,n){typeof n.value==`function`?(0,t.useResizeObserver)(e,n.value):(0,t.useResizeObserver)(e,...n.value)}},fe=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useScreenSafeArea)());return()=>{if(r.default)return(0,n.h)(e.as||`div`,{style:{paddingTop:e.top?i.top:``,paddingRight:e.right?i.right:``,paddingBottom:e.bottom?i.bottom:``,paddingLeft:e.left?i.left:``,boxSizing:`border-box`,maxHeight:`100vh`,maxWidth:`100vw`,overflow:`auto`}},r.default(i))}},{name:`UseScreenSafeArea`,props:[`top`,`right`,`bottom`,`left`]}),pe={mounted(e,n){if(typeof n.value==`function`){let r=n.value,i=(0,t.useScroll)(e,{onScroll(){r(i)},onStop(){r(i)}})}else{let[r,i]=n.value,a=(0,t.useScroll)(e,{...i,onScroll(e){var t;(t=i.onScroll)==null||t.call(i,e),r(a)},onStop(e){var t;(t=i.onStop)==null||t.call(i,e),r(a)}})}}};function $(){let e=!1,r=(0,n.shallowRef)(!1);return(i,a)=>{if(r.value=a.value,e)return;e=!0;let o=(0,t.useScrollLock)(i,a.value);(0,n.watch)(r,e=>o.value=e)}}let me=$(),he=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useTimeAgo)(()=>e.time,{...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseTimeAgo`,props:[`fullDateFormatter`,`max`,`messages`,`rounding`,`showSecond`,`time`,`units`,`updateInterval`]}),ge=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useTimestamp)({...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseTimestamp`,props:[`callback`,`immediate`,`interval`,`offset`]}),_e=(0,n.defineComponent)((e,{slots:r,expose:i})=>{let{list:a}=(0,n.toRefs)(e),{list:o,containerProps:s,wrapperProps:c,scrollTo:l}=(0,t.useVirtualList)(a,e.options);return i({scrollTo:l}),s.style&&typeof s.style==`object`&&!Array.isArray(s.style)&&(s.style.height=e.height||`300px`),()=>(0,n.h)(`div`,{...s},[(0,n.h)(`div`,{...c.value},o.value.map(e=>(0,n.h)(`div`,{style:{overflow:`hidden`,height:e.height}},r.default?r.default(e):`Please set content!`)))])},{name:`UseVirtualList`,props:[`height`,`list`,`options`]}),ve=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({focused:(0,t.useWindowFocus)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseWindowFocus`,props:[`window`]}),ye=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useWindowSize)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseWindowSize`,props:[`includeScrollbar`,`initialHeight`,`initialWidth`,`listenOrientation`,`type`,`window`]});exports.OnClickOutside=f,exports.OnLongPress=g,exports.UseActiveElement=y,exports.UseBattery=b,exports.UseBrowserLocation=x,exports.UseClipboard=S,exports.UseColorMode=C,exports.UseDark=w,exports.UseDeviceMotion=T,exports.UseDeviceOrientation=E,exports.UseDevicePixelRatio=D,exports.UseDevicesList=O,exports.UseDocumentVisibility=k,exports.UseDraggable=A,exports.UseElementBounding=j,exports.UseElementSize=P,exports.UseElementVisibility=I,exports.UseEyeDropper=R,exports.UseFullscreen=z,exports.UseGeolocation=B,exports.UseIdle=V,exports.UseImage=H,exports.UseMouse=W,exports.UseMouseInElement=G,exports.UseMousePressed=q,exports.UseNetwork=J,exports.UseNow=Y,exports.UseObjectUrl=X,exports.UseOffsetPagination=Z,exports.UseOnline=Q,exports.UsePageLeave=ne,exports.UsePointer=re,exports.UsePointerLock=ie,exports.UsePreferredColorScheme=ae,exports.UsePreferredContrast=oe,exports.UsePreferredDark=se,exports.UsePreferredLanguages=ce,exports.UsePreferredReducedMotion=le,exports.UsePreferredReducedTransparency=ue,exports.UseScreenSafeArea=fe,exports.UseTimeAgo=he,exports.UseTimestamp=ge,exports.UseVirtualList=_e,exports.UseWindowFocus=ve,exports.UseWindowSize=ye,exports.VOnClickOutside=h,exports.VOnLongPress=v,exports.vElementBounding=M,exports.vElementHover=N,exports.vElementSize=F,exports.vElementVisibility=L,exports.vInfiniteScroll=U,exports.vIntersectionObserver=te,exports.vMouseInElement=K,exports.vOnClickOutside=m,exports.vOnKeyStroke=ee,exports.vOnLongPress=_,exports.vResizeObserver=de,exports.vScroll=pe,exports.vScrollLock=me})(this.VueUse=this.VueUse||{},VueUse,Vue,VueUse);
|
package/dist/index.js
CHANGED
|
@@ -38,6 +38,8 @@ const vOnClickOutside = {
|
|
|
38
38
|
stopClickOutsideMap.delete(el);
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
|
+
/** @deprecated use `vOnClickOutside` instead */
|
|
42
|
+
const VOnClickOutside = vOnClickOutside;
|
|
41
43
|
|
|
42
44
|
//#endregion
|
|
43
45
|
//#region ../core/onKeyStroke/directive.ts
|
|
@@ -76,6 +78,8 @@ const vOnLongPress = { mounted(el, binding) {
|
|
|
76
78
|
if (typeof binding.value === "function") onLongPress(el, binding.value, { modifiers: binding.modifiers });
|
|
77
79
|
else onLongPress(el, ...binding.value);
|
|
78
80
|
} };
|
|
81
|
+
/** @deprecated use `vOnLongPress` instead */
|
|
82
|
+
const VOnLongPress = vOnLongPress;
|
|
79
83
|
|
|
80
84
|
//#endregion
|
|
81
85
|
//#region ../core/useActiveElement/component.ts
|
|
@@ -1056,4 +1060,4 @@ const UseWindowSize = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
|
1056
1060
|
});
|
|
1057
1061
|
|
|
1058
1062
|
//#endregion
|
|
1059
|
-
export { OnClickOutside, OnLongPress, UseActiveElement, UseBattery, UseBrowserLocation, UseClipboard, UseColorMode, UseDark, UseDeviceMotion, UseDeviceOrientation, UseDevicePixelRatio, UseDevicesList, UseDocumentVisibility, UseDraggable, UseElementBounding, UseElementSize, UseElementVisibility, UseEyeDropper, UseFullscreen, UseGeolocation, UseIdle, UseImage, UseMouse, UseMouseInElement, UseMousePressed, UseNetwork, UseNow, UseObjectUrl, UseOffsetPagination, UseOnline, UsePageLeave, UsePointer, UsePointerLock, UsePreferredColorScheme, UsePreferredContrast, UsePreferredDark, UsePreferredLanguages, UsePreferredReducedMotion, UsePreferredReducedTransparency, UseScreenSafeArea, UseTimeAgo, UseTimestamp, UseVirtualList, UseWindowFocus, UseWindowSize,
|
|
1063
|
+
export { OnClickOutside, OnLongPress, UseActiveElement, UseBattery, UseBrowserLocation, UseClipboard, UseColorMode, UseDark, UseDeviceMotion, UseDeviceOrientation, UseDevicePixelRatio, UseDevicesList, UseDocumentVisibility, UseDraggable, UseElementBounding, UseElementSize, UseElementVisibility, UseEyeDropper, UseFullscreen, UseGeolocation, UseIdle, UseImage, UseMouse, UseMouseInElement, UseMousePressed, UseNetwork, UseNow, UseObjectUrl, UseOffsetPagination, UseOnline, UsePageLeave, UsePointer, UsePointerLock, UsePreferredColorScheme, UsePreferredContrast, UsePreferredDark, UsePreferredLanguages, UsePreferredReducedMotion, UsePreferredReducedTransparency, UseScreenSafeArea, UseTimeAgo, UseTimestamp, UseVirtualList, UseWindowFocus, UseWindowSize, VOnClickOutside, VOnLongPress, vElementBounding, vElementHover, vElementSize, vElementVisibility, vInfiniteScroll, vIntersectionObserver, vMouseInElement, vOnClickOutside, vOnKeyStroke, vOnLongPress, vResizeObserver, vScroll, vScrollLock };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vueuse/components",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "14.0.0-alpha.
|
|
4
|
+
"version": "14.0.0-alpha.2",
|
|
5
5
|
"description": "Renderless components for VueUse",
|
|
6
6
|
"author": "Jacob Clevenger<https://github.com/wheatjs>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
"vue": "^3.5.0"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@vueuse/
|
|
40
|
-
"@vueuse/
|
|
39
|
+
"@vueuse/core": "14.0.0-alpha.2",
|
|
40
|
+
"@vueuse/shared": "14.0.0-alpha.2"
|
|
41
41
|
},
|
|
42
42
|
"scripts": {
|
|
43
43
|
"build": "tsdown",
|