@vueuse/components 14.0.0 → 14.2.0
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 +91 -91
- package/dist/index.iife.js +6 -1
- package/dist/index.iife.min.js +1 -1
- package/dist/index.js +6 -1
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { BasicColorMode, ColorSchemeType, ConfigurableDocument, ConfigurableNavigator, ConfigurableWindow, ContrastType, DeviceMotionOptions, ElementSize, MouseInElementOptions, MousePressedOptions, OnClickOutsideHandler, OnClickOutsideOptions, OnKeyStrokeOptions, OnLongPressOptions, ReducedMotionType, RenderableComponent,
|
|
2
|
-
import * as
|
|
1
|
+
import { BasicColorMode, ColorSchemeType, ConfigurableDocument, ConfigurableNavigator, ConfigurableWindow, ContrastType, DeviceMotionOptions, ElementSize, MouseInElementOptions, MousePressedOptions, OnClickOutsideHandler, OnClickOutsideOptions, OnKeyStrokeOptions, OnLongPressOptions, ReducedMotionType, RenderableComponent, 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 vue0 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,9 +10,9 @@ interface OnClickOutsideProps extends RenderableComponent {
|
|
|
10
10
|
type OnClickOutsideEmits = {
|
|
11
11
|
trigger: (event: Event) => void;
|
|
12
12
|
};
|
|
13
|
-
declare const OnClickOutside:
|
|
13
|
+
declare const OnClickOutside: vue0.DefineSetupFnComponent<OnClickOutsideProps, OnClickOutsideEmits, {}, OnClickOutsideProps & {
|
|
14
14
|
onTrigger?: ((event: Event) => any) | undefined;
|
|
15
|
-
},
|
|
15
|
+
}, vue0.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'>]>;
|
|
@@ -34,9 +34,9 @@ type OnLongPressEmits = {
|
|
|
34
34
|
interface OnLongPressSlots {
|
|
35
35
|
default: (data: UseOnLongPressReturn) => any;
|
|
36
36
|
}
|
|
37
|
-
declare const OnLongPress:
|
|
37
|
+
declare const OnLongPress: vue0.DefineSetupFnComponent<OnLongPressProps, OnLongPressEmits, SlotsType<OnLongPressSlots>, OnLongPressProps & {
|
|
38
38
|
onTrigger?: ((event: PointerEvent) => any) | undefined;
|
|
39
|
-
},
|
|
39
|
+
}, vue0.PublicProps>;
|
|
40
40
|
//#endregion
|
|
41
41
|
//#region ../core/onLongPress/directive.d.ts
|
|
42
42
|
type BindingValueFunction$9 = (evt: PointerEvent) => void;
|
|
@@ -52,36 +52,36 @@ interface UseActiveElementSlots {
|
|
|
52
52
|
element: UseActiveElementReturn;
|
|
53
53
|
}>) => any;
|
|
54
54
|
}
|
|
55
|
-
declare const UseActiveElement:
|
|
55
|
+
declare const UseActiveElement: vue0.DefineSetupFnComponent<UseActiveElementProps, Record<string, never>, SlotsType<UseActiveElementSlots>, UseActiveElementProps & {
|
|
56
56
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
57
|
-
},
|
|
57
|
+
}, vue0.PublicProps>;
|
|
58
58
|
//#endregion
|
|
59
59
|
//#region ../core/useBattery/component.d.ts
|
|
60
60
|
interface UseBatteryProps extends ConfigurableNavigator {}
|
|
61
61
|
interface UseBatterySlots {
|
|
62
62
|
default: (data: Reactive<UseBatteryReturn>) => any;
|
|
63
63
|
}
|
|
64
|
-
declare const UseBattery:
|
|
64
|
+
declare const UseBattery: vue0.DefineSetupFnComponent<UseBatteryProps, Record<string, never>, SlotsType<UseBatterySlots>, UseBatteryProps & {
|
|
65
65
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
66
|
-
},
|
|
66
|
+
}, vue0.PublicProps>;
|
|
67
67
|
//#endregion
|
|
68
68
|
//#region ../core/useBrowserLocation/component.d.ts
|
|
69
69
|
interface UseBrowserLocationProps extends ConfigurableWindow {}
|
|
70
70
|
interface UseBrowserLocationSlots {
|
|
71
71
|
default: (data: Reactive<UseBrowserLocationReturn>) => any;
|
|
72
72
|
}
|
|
73
|
-
declare const UseBrowserLocation:
|
|
73
|
+
declare const UseBrowserLocation: vue0.DefineSetupFnComponent<UseBrowserLocationProps, Record<string, never>, SlotsType<UseBrowserLocationSlots>, UseBrowserLocationProps & {
|
|
74
74
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
75
|
-
},
|
|
75
|
+
}, vue0.PublicProps>;
|
|
76
76
|
//#endregion
|
|
77
77
|
//#region ../core/useClipboard/component.d.ts
|
|
78
78
|
interface UseClipboardProps<Source = string> extends UseClipboardOptions<Source> {}
|
|
79
79
|
interface UseClipboardSlots {
|
|
80
80
|
default: (data: Reactive<UseClipboardReturn<true>>) => any;
|
|
81
81
|
}
|
|
82
|
-
declare const UseClipboard:
|
|
82
|
+
declare const UseClipboard: vue0.DefineSetupFnComponent<UseClipboardProps<string>, Record<string, never>, SlotsType<UseClipboardSlots>, UseClipboardProps<string> & {
|
|
83
83
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
84
|
-
},
|
|
84
|
+
}, vue0.PublicProps>;
|
|
85
85
|
//#endregion
|
|
86
86
|
//#region ../core/useColorMode/component.d.ts
|
|
87
87
|
interface UseColorModeProps extends UseColorModeOptions {}
|
|
@@ -92,9 +92,9 @@ interface UseColorModeSlots {
|
|
|
92
92
|
store: UseColorModeReturn['store'];
|
|
93
93
|
}>) => any;
|
|
94
94
|
}
|
|
95
|
-
declare const UseColorMode:
|
|
95
|
+
declare const UseColorMode: vue0.DefineSetupFnComponent<UseColorModeProps, Record<string, never>, SlotsType<UseColorModeSlots>, UseColorModeProps & {
|
|
96
96
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
97
|
-
},
|
|
97
|
+
}, vue0.PublicProps>;
|
|
98
98
|
//#endregion
|
|
99
99
|
//#region ../core/useDark/component.d.ts
|
|
100
100
|
interface UseDarkProps extends UseDarkOptions {}
|
|
@@ -104,45 +104,45 @@ interface UseDarkSlots {
|
|
|
104
104
|
toggleDark: ToggleFn;
|
|
105
105
|
}>) => any;
|
|
106
106
|
}
|
|
107
|
-
declare const UseDark:
|
|
107
|
+
declare const UseDark: vue0.DefineSetupFnComponent<UseDarkProps, Record<string, never>, SlotsType<UseDarkSlots>, UseDarkProps & {
|
|
108
108
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
109
|
-
},
|
|
109
|
+
}, vue0.PublicProps>;
|
|
110
110
|
//#endregion
|
|
111
111
|
//#region ../core/useDeviceMotion/component.d.ts
|
|
112
112
|
interface UseDeviceMotionProps extends DeviceMotionOptions {}
|
|
113
113
|
interface UseDeviceMotionSlots {
|
|
114
114
|
default: (data: UseDeviceMotionReturn) => any;
|
|
115
115
|
}
|
|
116
|
-
declare const UseDeviceMotion:
|
|
116
|
+
declare const UseDeviceMotion: vue0.DefineSetupFnComponent<UseDeviceMotionProps, Record<string, never>, SlotsType<UseDeviceMotionSlots>, UseDeviceMotionProps & {
|
|
117
117
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
118
|
-
},
|
|
118
|
+
}, vue0.PublicProps>;
|
|
119
119
|
//#endregion
|
|
120
120
|
//#region ../core/useDeviceOrientation/component.d.ts
|
|
121
121
|
interface UseDeviceOrientationProps extends ConfigurableWindow {}
|
|
122
122
|
interface UseDeviceOrientationSlots {
|
|
123
123
|
default: (data: Reactive<UseDeviceOrientationReturn>) => any;
|
|
124
124
|
}
|
|
125
|
-
declare const UseDeviceOrientation:
|
|
125
|
+
declare const UseDeviceOrientation: vue0.DefineSetupFnComponent<UseDeviceOrientationProps, Record<string, never>, SlotsType<UseDeviceOrientationSlots>, UseDeviceOrientationProps & {
|
|
126
126
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
127
|
-
},
|
|
127
|
+
}, vue0.PublicProps>;
|
|
128
128
|
//#endregion
|
|
129
129
|
//#region ../core/useDevicePixelRatio/component.d.ts
|
|
130
130
|
interface UseDevicePixelRatioProps extends ConfigurableWindow {}
|
|
131
131
|
interface UseDevicePixelRatioSlots {
|
|
132
132
|
default: (data: Reactive<UseDevicePixelRatioReturn>) => any;
|
|
133
133
|
}
|
|
134
|
-
declare const UseDevicePixelRatio:
|
|
134
|
+
declare const UseDevicePixelRatio: vue0.DefineSetupFnComponent<UseDevicePixelRatioProps, Record<string, never>, SlotsType<UseDevicePixelRatioSlots>, UseDevicePixelRatioProps & {
|
|
135
135
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
136
|
-
},
|
|
136
|
+
}, vue0.PublicProps>;
|
|
137
137
|
//#endregion
|
|
138
138
|
//#region ../core/useDevicesList/component.d.ts
|
|
139
139
|
interface UseDevicesListProps extends UseDevicesListOptions {}
|
|
140
140
|
interface UseDevicesListSlots {
|
|
141
141
|
default: (data: Reactive<UseDevicesListReturn>) => any;
|
|
142
142
|
}
|
|
143
|
-
declare const UseDevicesList:
|
|
143
|
+
declare const UseDevicesList: vue0.DefineSetupFnComponent<UseDevicesListProps, Record<string, never>, SlotsType<UseDevicesListSlots>, UseDevicesListProps & {
|
|
144
144
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
145
|
-
},
|
|
145
|
+
}, vue0.PublicProps>;
|
|
146
146
|
//#endregion
|
|
147
147
|
//#region ../core/useDocumentVisibility/component.d.ts
|
|
148
148
|
interface UseDocumentVisibilityProps extends ConfigurableDocument {}
|
|
@@ -151,9 +151,9 @@ interface UseDocumentVisibilitySlots {
|
|
|
151
151
|
visibility: UseDocumentVisibilityReturn;
|
|
152
152
|
}>) => any;
|
|
153
153
|
}
|
|
154
|
-
declare const UseDocumentVisibility:
|
|
154
|
+
declare const UseDocumentVisibility: vue0.DefineSetupFnComponent<UseDocumentVisibilityProps, Record<string, never>, SlotsType<UseDocumentVisibilitySlots>, UseDocumentVisibilityProps & {
|
|
155
155
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
156
|
-
},
|
|
156
|
+
}, vue0.PublicProps>;
|
|
157
157
|
//#endregion
|
|
158
158
|
//#region ../core/useDraggable/component.d.ts
|
|
159
159
|
interface UseDraggableProps extends UseDraggableOptions, RenderableComponent {
|
|
@@ -168,18 +168,18 @@ interface UseDraggableProps extends UseDraggableOptions, RenderableComponent {
|
|
|
168
168
|
*/
|
|
169
169
|
storageType?: 'local' | 'session';
|
|
170
170
|
}
|
|
171
|
-
declare const UseDraggable:
|
|
171
|
+
declare const UseDraggable: vue0.DefineSetupFnComponent<UseDraggableProps, Record<string, never>, SlotsType<any>, UseDraggableProps & {
|
|
172
172
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
173
|
-
},
|
|
173
|
+
}, vue0.PublicProps>;
|
|
174
174
|
//#endregion
|
|
175
175
|
//#region ../core/useElementBounding/component.d.ts
|
|
176
176
|
interface UseElementBoundingProps extends UseElementBoundingOptions, RenderableComponent {}
|
|
177
177
|
interface UseElementBoundingSlots {
|
|
178
178
|
default: (data: Reactive<UseElementBoundingReturn>) => any;
|
|
179
179
|
}
|
|
180
|
-
declare const UseElementBounding:
|
|
180
|
+
declare const UseElementBounding: vue0.DefineSetupFnComponent<UseElementBoundingProps, Record<string, never>, SlotsType<UseElementBoundingSlots>, UseElementBoundingProps & {
|
|
181
181
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
182
|
-
},
|
|
182
|
+
}, vue0.PublicProps>;
|
|
183
183
|
//#endregion
|
|
184
184
|
//#region ../core/useElementBounding/directive.d.ts
|
|
185
185
|
type ElementBounding = Omit<UseElementBoundingReturn, 'update'>;
|
|
@@ -196,9 +196,9 @@ interface UseElementSizeProps extends Partial<ElementSize>, UseResizeObserverOpt
|
|
|
196
196
|
interface UseElementSizeSlots {
|
|
197
197
|
default: (data: Reactive<UseElementSizeReturn>) => any;
|
|
198
198
|
}
|
|
199
|
-
declare const UseElementSize:
|
|
199
|
+
declare const UseElementSize: vue0.DefineSetupFnComponent<UseElementSizeProps, Record<string, never>, SlotsType<UseElementSizeSlots>, UseElementSizeProps & {
|
|
200
200
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
201
|
-
},
|
|
201
|
+
}, vue0.PublicProps>;
|
|
202
202
|
//#endregion
|
|
203
203
|
//#region ../core/useElementSize/directive.d.ts
|
|
204
204
|
type RemoveFirstFromTuple<T extends any[]> = T['length'] extends 0 ? undefined : (((...b: T) => void) extends ((a: any, ...b: infer I) => void) ? I : []);
|
|
@@ -214,9 +214,9 @@ interface UseElementVisibilitySlots {
|
|
|
214
214
|
isVisible: UseElementVisibilityReturn;
|
|
215
215
|
}>) => any;
|
|
216
216
|
}
|
|
217
|
-
declare const UseElementVisibility:
|
|
217
|
+
declare const UseElementVisibility: vue0.DefineSetupFnComponent<UseElementVisibilityProps, Record<string, never>, SlotsType<UseElementVisibilitySlots>, UseElementVisibilityProps & {
|
|
218
218
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
219
|
-
},
|
|
219
|
+
}, vue0.PublicProps>;
|
|
220
220
|
//#endregion
|
|
221
221
|
//#region ../core/useElementVisibility/directive.d.ts
|
|
222
222
|
type BindingValueFunction$5 = (state: boolean) => void;
|
|
@@ -228,27 +228,27 @@ interface UseEyeDropperProps extends UseEyeDropperOptions {}
|
|
|
228
228
|
interface UseEyeDropperSlots {
|
|
229
229
|
default: (data: Reactive<UseEyeDropperReturn>) => any;
|
|
230
230
|
}
|
|
231
|
-
declare const UseEyeDropper:
|
|
231
|
+
declare const UseEyeDropper: vue0.DefineSetupFnComponent<UseEyeDropperProps, Record<string, never>, SlotsType<UseEyeDropperSlots>, UseEyeDropperProps & {
|
|
232
232
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
233
|
-
},
|
|
233
|
+
}, vue0.PublicProps>;
|
|
234
234
|
//#endregion
|
|
235
235
|
//#region ../core/useFullscreen/component.d.ts
|
|
236
236
|
interface UseFullscreenProps extends UseFullscreenOptions, RenderableComponent {}
|
|
237
237
|
interface UseFullscreenSlots {
|
|
238
238
|
default: (data: Reactive<UseFullscreenReturn>) => any;
|
|
239
239
|
}
|
|
240
|
-
declare const UseFullscreen:
|
|
240
|
+
declare const UseFullscreen: vue0.DefineSetupFnComponent<UseFullscreenProps, Record<string, never>, SlotsType<UseFullscreenSlots>, UseFullscreenProps & {
|
|
241
241
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
242
|
-
},
|
|
242
|
+
}, vue0.PublicProps>;
|
|
243
243
|
//#endregion
|
|
244
244
|
//#region ../core/useGeolocation/component.d.ts
|
|
245
245
|
interface UseGeolocationProps extends UseGeolocationOptions {}
|
|
246
246
|
interface UseGeolocationSlots {
|
|
247
247
|
default: (data: Reactive<UseGeolocationReturn>) => any;
|
|
248
248
|
}
|
|
249
|
-
declare const UseGeolocation:
|
|
249
|
+
declare const UseGeolocation: vue0.DefineSetupFnComponent<UseGeolocationProps, Record<string, never>, SlotsType<UseGeolocationSlots>, UseGeolocationProps & {
|
|
250
250
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
251
|
-
},
|
|
251
|
+
}, vue0.PublicProps>;
|
|
252
252
|
//#endregion
|
|
253
253
|
//#region ../core/useIdle/component.d.ts
|
|
254
254
|
interface UseIdleProps extends UseIdleOptions {
|
|
@@ -257,9 +257,9 @@ interface UseIdleProps extends UseIdleOptions {
|
|
|
257
257
|
interface UseIdleSlots {
|
|
258
258
|
default: (data: Reactive<UseIdleReturn>) => any;
|
|
259
259
|
}
|
|
260
|
-
declare const UseIdle:
|
|
260
|
+
declare const UseIdle: vue0.DefineSetupFnComponent<UseIdleProps, Record<string, never>, SlotsType<UseIdleSlots>, UseIdleProps & {
|
|
261
261
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
262
|
-
},
|
|
262
|
+
}, vue0.PublicProps>;
|
|
263
263
|
//#endregion
|
|
264
264
|
//#region ../core/types.d.ts
|
|
265
265
|
interface RenderableComponent$1 {
|
|
@@ -278,9 +278,9 @@ interface UseImageSlots {
|
|
|
278
278
|
loading: (data: Reactive<UseImageReturn>) => any;
|
|
279
279
|
error: (data: UnwrapRef<UseImageReturn['error']>) => any;
|
|
280
280
|
}
|
|
281
|
-
declare const UseImage:
|
|
281
|
+
declare const UseImage: vue0.DefineSetupFnComponent<UseImageProps, Record<string, never>, SlotsType<UseImageSlots>, UseImageProps & {
|
|
282
282
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
283
|
-
},
|
|
283
|
+
}, vue0.PublicProps>;
|
|
284
284
|
//#endregion
|
|
285
285
|
//#region ../core/useInfiniteScroll/directive.d.ts
|
|
286
286
|
type BindingValueFunction$4 = Parameters<typeof useInfiniteScroll>[1];
|
|
@@ -297,18 +297,18 @@ interface UseMouseProps extends UseMouseOptions {}
|
|
|
297
297
|
interface UseMouseSlots {
|
|
298
298
|
default: (data: Reactive<UseMouseReturn>) => any;
|
|
299
299
|
}
|
|
300
|
-
declare const UseMouse:
|
|
300
|
+
declare const UseMouse: vue0.DefineSetupFnComponent<UseMouseProps, Record<string, never>, SlotsType<UseMouseSlots>, UseMouseProps & {
|
|
301
301
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
302
|
-
},
|
|
302
|
+
}, vue0.PublicProps>;
|
|
303
303
|
//#endregion
|
|
304
304
|
//#region ../core/useMouseInElement/component.d.ts
|
|
305
305
|
interface UseMouseInElementProps extends MouseInElementOptions, RenderableComponent {}
|
|
306
306
|
interface UseMouseInElementSlots {
|
|
307
307
|
default: (data: Reactive<UseMouseInElementReturn>) => any;
|
|
308
308
|
}
|
|
309
|
-
declare const UseMouseInElement:
|
|
309
|
+
declare const UseMouseInElement: vue0.DefineSetupFnComponent<UseMouseInElementProps, Record<string, never>, SlotsType<UseMouseInElementSlots>, UseMouseInElementProps & {
|
|
310
310
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
311
|
-
},
|
|
311
|
+
}, vue0.PublicProps>;
|
|
312
312
|
//#endregion
|
|
313
313
|
//#region ../core/useMouseInElement/directive.d.ts
|
|
314
314
|
type MouseInElement = Omit<UseMouseInElementReturn, 'stop'>;
|
|
@@ -321,27 +321,27 @@ interface UseMousePressedProps extends Omit<MousePressedOptions, 'target'>, Rend
|
|
|
321
321
|
interface UseMousePressedSlots {
|
|
322
322
|
default: (data: Reactive<UseMousePressedReturn>) => any;
|
|
323
323
|
}
|
|
324
|
-
declare const UseMousePressed:
|
|
324
|
+
declare const UseMousePressed: vue0.DefineSetupFnComponent<UseMousePressedProps, Record<string, never>, SlotsType<UseMousePressedSlots>, UseMousePressedProps & {
|
|
325
325
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
326
|
-
},
|
|
326
|
+
}, vue0.PublicProps>;
|
|
327
327
|
//#endregion
|
|
328
328
|
//#region ../core/useNetwork/component.d.ts
|
|
329
329
|
interface UseNetworkProps extends ConfigurableWindow {}
|
|
330
330
|
interface UseNetworkSlots {
|
|
331
331
|
default: (data: Reactive<UseNetworkReturn>) => any;
|
|
332
332
|
}
|
|
333
|
-
declare const UseNetwork:
|
|
333
|
+
declare const UseNetwork: vue0.DefineSetupFnComponent<UseNetworkProps, Record<string, never>, SlotsType<UseNetworkSlots>, UseNetworkProps & {
|
|
334
334
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
335
|
-
},
|
|
335
|
+
}, vue0.PublicProps>;
|
|
336
336
|
//#endregion
|
|
337
337
|
//#region ../core/useNow/component.d.ts
|
|
338
338
|
interface UseNowProps extends Omit<UseNowOptions<true>, 'controls'> {}
|
|
339
339
|
interface UseNowSlots {
|
|
340
340
|
default: (data: Reactive<UseNowReturn>) => any;
|
|
341
341
|
}
|
|
342
|
-
declare const UseNow:
|
|
342
|
+
declare const UseNow: vue0.DefineSetupFnComponent<UseNowProps, Record<string, never>, SlotsType<UseNowSlots>, UseNowProps & {
|
|
343
343
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
344
|
-
},
|
|
344
|
+
}, vue0.PublicProps>;
|
|
345
345
|
//#endregion
|
|
346
346
|
//#region ../core/useObjectUrl/component.d.ts
|
|
347
347
|
interface UseObjectUrlProps {
|
|
@@ -350,9 +350,9 @@ interface UseObjectUrlProps {
|
|
|
350
350
|
interface UseObjectUrlSlots {
|
|
351
351
|
default: (data: Readonly<string | undefined>) => any;
|
|
352
352
|
}
|
|
353
|
-
declare const UseObjectUrl:
|
|
353
|
+
declare const UseObjectUrl: vue0.DefineSetupFnComponent<UseObjectUrlProps, Record<string, never>, SlotsType<UseObjectUrlSlots>, UseObjectUrlProps & {
|
|
354
354
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
355
|
-
},
|
|
355
|
+
}, vue0.PublicProps>;
|
|
356
356
|
//#endregion
|
|
357
357
|
//#region ../core/useOffsetPagination/component.d.ts
|
|
358
358
|
interface UseOffsetPaginationProps extends UseOffsetPaginationOptions {}
|
|
@@ -364,7 +364,7 @@ type UseOffsetPaginationEmits = {
|
|
|
364
364
|
interface UseOffsetPaginationSlots {
|
|
365
365
|
default: (data: Reactive<UseOffsetPaginationReturn>) => any;
|
|
366
366
|
}
|
|
367
|
-
declare const UseOffsetPagination:
|
|
367
|
+
declare const UseOffsetPagination: vue0.DefineSetupFnComponent<UseOffsetPaginationProps, UseOffsetPaginationEmits, SlotsType<UseOffsetPaginationSlots>, UseOffsetPaginationProps & {
|
|
368
368
|
"onPage-change"?: ((returnValue: {
|
|
369
369
|
currentPage: number;
|
|
370
370
|
currentPageSize: number;
|
|
@@ -392,7 +392,7 @@ declare const UseOffsetPagination: vue1.DefineSetupFnComponent<UseOffsetPaginati
|
|
|
392
392
|
prev: () => void;
|
|
393
393
|
next: () => void;
|
|
394
394
|
}) => any) | undefined;
|
|
395
|
-
},
|
|
395
|
+
}, vue0.PublicProps>;
|
|
396
396
|
//#endregion
|
|
397
397
|
//#region ../core/useOnline/component.d.ts
|
|
398
398
|
interface UseOnlineProps extends ConfigurableWindow {}
|
|
@@ -401,9 +401,9 @@ interface UseOnlineSlots {
|
|
|
401
401
|
isOnline: UseNetworkReturn['isOnline'];
|
|
402
402
|
}>) => any;
|
|
403
403
|
}
|
|
404
|
-
declare const UseOnline:
|
|
404
|
+
declare const UseOnline: vue0.DefineSetupFnComponent<UseOnlineProps, Record<string, never>, SlotsType<UseOnlineSlots>, UseOnlineProps & {
|
|
405
405
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
406
|
-
},
|
|
406
|
+
}, vue0.PublicProps>;
|
|
407
407
|
//#endregion
|
|
408
408
|
//#region ../core/usePageLeave/component.d.ts
|
|
409
409
|
interface UsePageLeaveProps extends ConfigurableWindow {}
|
|
@@ -412,9 +412,9 @@ interface UsePageLeaveSlots {
|
|
|
412
412
|
isLeft: UsePageLeaveReturn;
|
|
413
413
|
}>) => any;
|
|
414
414
|
}
|
|
415
|
-
declare const UsePageLeave:
|
|
415
|
+
declare const UsePageLeave: vue0.DefineSetupFnComponent<UsePageLeaveProps, Record<string, never>, SlotsType<UsePageLeaveSlots>, UsePageLeaveProps & {
|
|
416
416
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
417
|
-
},
|
|
417
|
+
}, vue0.PublicProps>;
|
|
418
418
|
//#endregion
|
|
419
419
|
//#region ../core/usePointer/component.d.ts
|
|
420
420
|
interface UsePointerProps extends Omit<UsePointerOptions, 'target'> {
|
|
@@ -423,18 +423,18 @@ interface UsePointerProps extends Omit<UsePointerOptions, 'target'> {
|
|
|
423
423
|
interface UsePointerSlots {
|
|
424
424
|
default: (data: Reactive<UsePointerReturn>) => any;
|
|
425
425
|
}
|
|
426
|
-
declare const UsePointer:
|
|
426
|
+
declare const UsePointer: vue0.DefineSetupFnComponent<UsePointerProps, Record<string, never>, SlotsType<UsePointerSlots>, UsePointerProps & {
|
|
427
427
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
428
|
-
},
|
|
428
|
+
}, vue0.PublicProps>;
|
|
429
429
|
//#endregion
|
|
430
430
|
//#region ../core/usePointerLock/component.d.ts
|
|
431
431
|
interface UsePointerLockProps extends RenderableComponent, UsePointerLockOptions {}
|
|
432
432
|
interface UsePointerLockSlots {
|
|
433
433
|
default: (data: Reactive<UsePointerLockReturn>) => any;
|
|
434
434
|
}
|
|
435
|
-
declare const UsePointerLock:
|
|
435
|
+
declare const UsePointerLock: vue0.DefineSetupFnComponent<UsePointerLockProps, Record<string, never>, SlotsType<UsePointerLockSlots>, UsePointerLockProps & {
|
|
436
436
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
437
|
-
},
|
|
437
|
+
}, vue0.PublicProps>;
|
|
438
438
|
//#endregion
|
|
439
439
|
//#region ../core/usePreferredColorScheme/component.d.ts
|
|
440
440
|
interface UsePreferredColorSchemeProps extends ConfigurableWindow {}
|
|
@@ -443,9 +443,9 @@ interface UsePreferredColorSchemeSlots {
|
|
|
443
443
|
colorScheme: ComputedRef<ColorSchemeType>;
|
|
444
444
|
}>) => any;
|
|
445
445
|
}
|
|
446
|
-
declare const UsePreferredColorScheme:
|
|
446
|
+
declare const UsePreferredColorScheme: vue0.DefineSetupFnComponent<UsePreferredColorSchemeProps, Record<string, never>, SlotsType<UsePreferredColorSchemeSlots>, UsePreferredColorSchemeProps & {
|
|
447
447
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
448
|
-
},
|
|
448
|
+
}, vue0.PublicProps>;
|
|
449
449
|
//#endregion
|
|
450
450
|
//#region ../core/usePreferredContrast/component.d.ts
|
|
451
451
|
interface UsePreferredContrastProps extends ConfigurableWindow {}
|
|
@@ -454,9 +454,9 @@ interface UsePreferredContrastSlots {
|
|
|
454
454
|
contrast: ComputedRef<ContrastType>;
|
|
455
455
|
}>) => any;
|
|
456
456
|
}
|
|
457
|
-
declare const UsePreferredContrast:
|
|
457
|
+
declare const UsePreferredContrast: vue0.DefineSetupFnComponent<UsePreferredContrastProps, Record<string, never>, SlotsType<UsePreferredContrastSlots>, UsePreferredContrastProps & {
|
|
458
458
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
459
|
-
},
|
|
459
|
+
}, vue0.PublicProps>;
|
|
460
460
|
//#endregion
|
|
461
461
|
//#region ../core/usePreferredDark/component.d.ts
|
|
462
462
|
interface UsePreferredDarkProps extends ConfigurableWindow {}
|
|
@@ -465,9 +465,9 @@ interface UsePreferredDarkSlots {
|
|
|
465
465
|
prefersDark: ComputedRef<boolean>;
|
|
466
466
|
}>) => any;
|
|
467
467
|
}
|
|
468
|
-
declare const UsePreferredDark:
|
|
468
|
+
declare const UsePreferredDark: vue0.DefineSetupFnComponent<UsePreferredDarkProps, Record<string, never>, SlotsType<UsePreferredDarkSlots>, UsePreferredDarkProps & {
|
|
469
469
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
470
|
-
},
|
|
470
|
+
}, vue0.PublicProps>;
|
|
471
471
|
//#endregion
|
|
472
472
|
//#region ../core/usePreferredLanguages/component.d.ts
|
|
473
473
|
interface UsePreferredLanguagesProps extends ConfigurableWindow {}
|
|
@@ -476,9 +476,9 @@ interface UsePreferredLanguagesSlots {
|
|
|
476
476
|
languages: Ref<readonly string[]>;
|
|
477
477
|
}>) => any;
|
|
478
478
|
}
|
|
479
|
-
declare const UsePreferredLanguages:
|
|
479
|
+
declare const UsePreferredLanguages: vue0.DefineSetupFnComponent<UsePreferredLanguagesProps, Record<string, never>, SlotsType<UsePreferredLanguagesSlots>, UsePreferredLanguagesProps & {
|
|
480
480
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
481
|
-
},
|
|
481
|
+
}, vue0.PublicProps>;
|
|
482
482
|
//#endregion
|
|
483
483
|
//#region ../core/usePreferredReducedMotion/component.d.ts
|
|
484
484
|
interface UsePreferredReducedMotionProps extends ConfigurableWindow {}
|
|
@@ -487,14 +487,14 @@ interface UsePreferredReducedMotionSlots {
|
|
|
487
487
|
motion: ComputedRef<ReducedMotionType>;
|
|
488
488
|
}>) => any;
|
|
489
489
|
}
|
|
490
|
-
declare const UsePreferredReducedMotion:
|
|
490
|
+
declare const UsePreferredReducedMotion: vue0.DefineSetupFnComponent<UsePreferredReducedMotionProps, Record<string, never>, SlotsType<UsePreferredReducedMotionSlots>, UsePreferredReducedMotionProps & {
|
|
491
491
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
492
|
-
},
|
|
492
|
+
}, vue0.PublicProps>;
|
|
493
493
|
//#endregion
|
|
494
494
|
//#region ../core/usePreferredReducedTransparency/component.d.ts
|
|
495
|
-
declare const UsePreferredReducedTransparency:
|
|
495
|
+
declare const UsePreferredReducedTransparency: vue0.DefineComponent<{}, () => vue0.VNode<vue0.RendererNode, vue0.RendererElement, {
|
|
496
496
|
[key: string]: any;
|
|
497
|
-
}>[] | undefined, {}, {}, {},
|
|
497
|
+
}>[] | undefined, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {}, string, vue0.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue0.ComponentProvideOptions, true, {}, any>;
|
|
498
498
|
//#endregion
|
|
499
499
|
//#region ../core/useResizeObserver/directive.d.ts
|
|
500
500
|
type BindingValueFunction$1 = ResizeObserverCallback;
|
|
@@ -511,9 +511,9 @@ interface UseScreenSafeAreaProps extends RenderableComponent {
|
|
|
511
511
|
interface UseScreenSafeAreaSlots {
|
|
512
512
|
default: (data: Reactive<UseScreenSafeAreaReturn>) => any;
|
|
513
513
|
}
|
|
514
|
-
declare const UseScreenSafeArea:
|
|
514
|
+
declare const UseScreenSafeArea: vue0.DefineSetupFnComponent<UseScreenSafeAreaProps, Record<string, never>, SlotsType<UseScreenSafeAreaSlots>, UseScreenSafeAreaProps & {
|
|
515
515
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
516
|
-
},
|
|
516
|
+
}, vue0.PublicProps>;
|
|
517
517
|
//#endregion
|
|
518
518
|
//#region ../core/useScroll/directive.d.ts
|
|
519
519
|
type BindingValueFunction = (state: UseScrollReturn) => void;
|
|
@@ -530,18 +530,18 @@ interface UseTimeAgoProps extends Omit<UseTimeAgoOptions<true>, 'controls'> {
|
|
|
530
530
|
interface UseTimeAgoSlots {
|
|
531
531
|
default: (data: Reactive<UseTimeAgoReturn<true>>) => any;
|
|
532
532
|
}
|
|
533
|
-
declare const UseTimeAgo:
|
|
533
|
+
declare const UseTimeAgo: vue0.DefineSetupFnComponent<UseTimeAgoProps, Record<string, never>, SlotsType<UseTimeAgoSlots>, UseTimeAgoProps & {
|
|
534
534
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
535
|
-
},
|
|
535
|
+
}, vue0.PublicProps>;
|
|
536
536
|
//#endregion
|
|
537
537
|
//#region ../core/useTimestamp/component.d.ts
|
|
538
538
|
interface UseTimestampProps extends Omit<UseTimestampOptions<true>, 'controls'> {}
|
|
539
539
|
interface UseTimestampSlots {
|
|
540
540
|
default: (data: Reactive<UseTimestampReturn>) => any;
|
|
541
541
|
}
|
|
542
|
-
declare const UseTimestamp:
|
|
542
|
+
declare const UseTimestamp: vue0.DefineSetupFnComponent<UseTimestampProps, Record<string, never>, SlotsType<UseTimestampSlots>, UseTimestampProps & {
|
|
543
543
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
544
|
-
},
|
|
544
|
+
}, vue0.PublicProps>;
|
|
545
545
|
//#endregion
|
|
546
546
|
//#region ../core/useVirtualList/component.d.ts
|
|
547
547
|
interface UseVirtualListProps {
|
|
@@ -564,7 +564,7 @@ interface UseVirtualListProps {
|
|
|
564
564
|
*/
|
|
565
565
|
height: string;
|
|
566
566
|
}
|
|
567
|
-
declare const UseVirtualList:
|
|
567
|
+
declare const UseVirtualList: vue0.DefineSetupFnComponent<UseVirtualListProps, {}, {}, UseVirtualListProps & {}, vue0.PublicProps>;
|
|
568
568
|
//#endregion
|
|
569
569
|
//#region ../core/useWindowFocus/component.d.ts
|
|
570
570
|
interface UseWindowFocusProps extends ConfigurableWindow {}
|
|
@@ -573,17 +573,17 @@ interface UseWindowFocusSlots {
|
|
|
573
573
|
focused: ShallowRef<boolean>;
|
|
574
574
|
}>) => any;
|
|
575
575
|
}
|
|
576
|
-
declare const UseWindowFocus:
|
|
576
|
+
declare const UseWindowFocus: vue0.DefineSetupFnComponent<UseWindowFocusProps, Record<string, never>, SlotsType<UseWindowFocusSlots>, UseWindowFocusProps & {
|
|
577
577
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
578
|
-
},
|
|
578
|
+
}, vue0.PublicProps>;
|
|
579
579
|
//#endregion
|
|
580
580
|
//#region ../core/useWindowSize/component.d.ts
|
|
581
581
|
interface UseWindowSizeProps extends UseWindowSizeOptions {}
|
|
582
582
|
interface UseWindowSizeSlots {
|
|
583
583
|
default: (data: Reactive<UseWindowSizeReturn>) => any;
|
|
584
584
|
}
|
|
585
|
-
declare const UseWindowSize:
|
|
585
|
+
declare const UseWindowSize: vue0.DefineSetupFnComponent<UseWindowSizeProps, Record<string, never>, SlotsType<UseWindowSizeSlots>, UseWindowSizeProps & {
|
|
586
586
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
587
|
-
},
|
|
587
|
+
}, vue0.PublicProps>;
|
|
588
588
|
//#endregion
|
|
589
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
|
@@ -720,7 +720,11 @@ __vueuse_shared = __toESM(__vueuse_shared);
|
|
|
720
720
|
};
|
|
721
721
|
}, {
|
|
722
722
|
name: "UseNow",
|
|
723
|
-
props: [
|
|
723
|
+
props: [
|
|
724
|
+
"scheduler",
|
|
725
|
+
"immediate",
|
|
726
|
+
"interval"
|
|
727
|
+
]
|
|
724
728
|
});
|
|
725
729
|
|
|
726
730
|
//#endregion
|
|
@@ -1019,6 +1023,7 @@ __vueuse_shared = __toESM(__vueuse_shared);
|
|
|
1019
1023
|
}, {
|
|
1020
1024
|
name: "UseTimestamp",
|
|
1021
1025
|
props: [
|
|
1026
|
+
"scheduler",
|
|
1022
1027
|
"callback",
|
|
1023
1028
|
"immediate",
|
|
1024
1029
|
"interval",
|
package/dist/index.iife.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,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`)(0,n.watch)((0,t.useElementHover)(e),e=>i(e));else{let[r,a]=i;(0,n.watch)((0,t.useElementHover)(e,a),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],{width:o,height:s}=(0,t.useElementSize)(e,...typeof r.value==`function`?[]:r.value.slice(1));(0,n.watch)([o,s],([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;(0,n.watch)((0,t.useElementVisibility)(e),e=>i(e),{immediate:!0})}else{let[i,a]=r.value;(0,n.watch)((0,t.useElementVisibility)(e,a),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;(0,n.watch)((0,r.reactiveOmit)((0,n.reactive)((0,t.useMouseInElement)(e,o)),`stop`),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`]});e.OnClickOutside=f,e.OnLongPress=g,e.UseActiveElement=y,e.UseBattery=b,e.UseBrowserLocation=x,e.UseClipboard=S,e.UseColorMode=C,e.UseDark=w,e.UseDeviceMotion=T,e.UseDeviceOrientation=E,e.UseDevicePixelRatio=D,e.UseDevicesList=O,e.UseDocumentVisibility=k,e.UseDraggable=A,e.UseElementBounding=j,e.UseElementSize=P,e.UseElementVisibility=I,e.UseEyeDropper=R,e.UseFullscreen=z,e.UseGeolocation=B,e.UseIdle=V,e.UseImage=H,e.UseMouse=W,e.UseMouseInElement=G,e.UseMousePressed=q,e.UseNetwork=J,e.UseNow=Y,e.UseObjectUrl=X,e.UseOffsetPagination=Z,e.UseOnline=Q,e.UsePageLeave=ne,e.UsePointer=re,e.UsePointerLock=ie,e.UsePreferredColorScheme=ae,e.UsePreferredContrast=oe,e.UsePreferredDark=se,e.UsePreferredLanguages=ce,e.UsePreferredReducedMotion=le,e.UsePreferredReducedTransparency=ue,e.UseScreenSafeArea=fe,e.UseTimeAgo=he,e.UseTimestamp=ge,e.UseVirtualList=_e,e.UseWindowFocus=ve,e.UseWindowSize=ye,e.VOnClickOutside=h,e.VOnLongPress=v,e.vElementBounding=M,e.vElementHover=N,e.vElementSize=F,e.vElementVisibility=L,e.vInfiniteScroll=U,e.vIntersectionObserver=te,e.vMouseInElement=K,e.vOnClickOutside=m,e.vOnKeyStroke=ee,e.vOnLongPress=_,e.vResizeObserver=de,e.vScroll=pe,e.vScrollLock=me})(this.VueUse=this.VueUse||{},VueUse,Vue,VueUse);
|
|
1
|
+
(function(e,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`)(0,n.watch)((0,t.useElementHover)(e),e=>i(e));else{let[r,a]=i;(0,n.watch)((0,t.useElementHover)(e,a),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],{width:o,height:s}=(0,t.useElementSize)(e,...typeof r.value==`function`?[]:r.value.slice(1));(0,n.watch)([o,s],([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;(0,n.watch)((0,t.useElementVisibility)(e),e=>i(e),{immediate:!0})}else{let[i,a]=r.value;(0,n.watch)((0,t.useElementVisibility)(e,a),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;(0,n.watch)((0,r.reactiveOmit)((0,n.reactive)((0,t.useMouseInElement)(e,o)),`stop`),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:[`scheduler`,`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:[`scheduler`,`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`]});e.OnClickOutside=f,e.OnLongPress=g,e.UseActiveElement=y,e.UseBattery=b,e.UseBrowserLocation=x,e.UseClipboard=S,e.UseColorMode=C,e.UseDark=w,e.UseDeviceMotion=T,e.UseDeviceOrientation=E,e.UseDevicePixelRatio=D,e.UseDevicesList=O,e.UseDocumentVisibility=k,e.UseDraggable=A,e.UseElementBounding=j,e.UseElementSize=P,e.UseElementVisibility=I,e.UseEyeDropper=R,e.UseFullscreen=z,e.UseGeolocation=B,e.UseIdle=V,e.UseImage=H,e.UseMouse=W,e.UseMouseInElement=G,e.UseMousePressed=q,e.UseNetwork=J,e.UseNow=Y,e.UseObjectUrl=X,e.UseOffsetPagination=Z,e.UseOnline=Q,e.UsePageLeave=ne,e.UsePointer=re,e.UsePointerLock=ie,e.UsePreferredColorScheme=ae,e.UsePreferredContrast=oe,e.UsePreferredDark=se,e.UsePreferredLanguages=ce,e.UsePreferredReducedMotion=le,e.UsePreferredReducedTransparency=ue,e.UseScreenSafeArea=fe,e.UseTimeAgo=he,e.UseTimestamp=ge,e.UseVirtualList=_e,e.UseWindowFocus=ve,e.UseWindowSize=ye,e.VOnClickOutside=h,e.VOnLongPress=v,e.vElementBounding=M,e.vElementHover=N,e.vElementSize=F,e.vElementVisibility=L,e.vInfiniteScroll=U,e.vIntersectionObserver=te,e.vMouseInElement=K,e.vOnClickOutside=m,e.vOnKeyStroke=ee,e.vOnLongPress=_,e.vResizeObserver=de,e.vScroll=pe,e.vScrollLock=me})(this.VueUse=this.VueUse||{},VueUse,Vue,VueUse);
|
package/dist/index.js
CHANGED
|
@@ -695,7 +695,11 @@ const UseNow = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
|
695
695
|
};
|
|
696
696
|
}, {
|
|
697
697
|
name: "UseNow",
|
|
698
|
-
props: [
|
|
698
|
+
props: [
|
|
699
|
+
"scheduler",
|
|
700
|
+
"immediate",
|
|
701
|
+
"interval"
|
|
702
|
+
]
|
|
699
703
|
});
|
|
700
704
|
|
|
701
705
|
//#endregion
|
|
@@ -994,6 +998,7 @@ const UseTimestamp = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
|
994
998
|
}, {
|
|
995
999
|
name: "UseTimestamp",
|
|
996
1000
|
props: [
|
|
1001
|
+
"scheduler",
|
|
997
1002
|
"callback",
|
|
998
1003
|
"immediate",
|
|
999
1004
|
"interval",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vueuse/components",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.2.0",
|
|
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/core": "14.
|
|
40
|
-
"@vueuse/shared": "14.
|
|
39
|
+
"@vueuse/core": "14.2.0",
|
|
40
|
+
"@vueuse/shared": "14.2.0"
|
|
41
41
|
},
|
|
42
42
|
"scripts": {
|
|
43
43
|
"build": "tsdown",
|