@vue-pdf-viewer/viewer 3.6.0-beta.4 → 3.6.0-beta.6
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-5gJ9DUFM.js → index-BL75Nf5z.js} +7256 -7233
- package/dist/{index-CiV2Dhty.js → index-MFGuLUE1.js} +1 -1
- package/dist/index.js +2 -2
- package/dist/index.umd.cjs +36 -36
- package/dist/types/composables/usePdfActualPages.d.ts +2 -2
- package/dist/types/composables/useViewerState.d.ts +44 -0
- package/dist/types/const.d.ts +784 -4
- package/dist/types/utils/types.d.ts +11 -12
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Reactive } from 'vue';
|
|
2
2
|
import { ViewerPdfPage, ViewerState } from '@/utils/types';
|
|
3
3
|
/**
|
|
4
4
|
* Composable for managing PDF pages at base scale (100%).
|
|
@@ -12,7 +12,7 @@ import { ViewerPdfPage, ViewerState } from '@/utils/types';
|
|
|
12
12
|
* @param props - The viewer state containing PDF document and rotation settings
|
|
13
13
|
* @returns Object containing pdfPages (all pages) and filteredPages (view-mode filtered)
|
|
14
14
|
*/
|
|
15
|
-
declare function usePdfActualPages(props:
|
|
15
|
+
declare function usePdfActualPages(props: Reactive<ViewerState>): {
|
|
16
16
|
/** All pages at base scale (100%) */
|
|
17
17
|
pdfPages: import("vue").ShallowRef<ViewerPdfPage[], ViewerPdfPage[]>;
|
|
18
18
|
/** Pages filtered by view mode (for page scroll mode) */
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Composable for accessing the shared viewer state.
|
|
3
|
+
*
|
|
4
|
+
* This composable provides access to the reactive ViewerState that is
|
|
5
|
+
* provided by the VPdfViewer component. It centralizes the inject logic
|
|
6
|
+
* and ensures type safety.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```ts
|
|
10
|
+
* // In any component inside VPdfViewer
|
|
11
|
+
* const viewerState = useViewerState()
|
|
12
|
+
*
|
|
13
|
+
* // Access reactive properties directly (no .value needed)
|
|
14
|
+
* console.log(viewerState.scale)
|
|
15
|
+
*
|
|
16
|
+
* // Watch for changes
|
|
17
|
+
* watch(() => viewerState.scale, (newScale) => {
|
|
18
|
+
* console.log('Scale changed:', newScale)
|
|
19
|
+
* })
|
|
20
|
+
*
|
|
21
|
+
* // Update values (watchers in other components will trigger)
|
|
22
|
+
* viewerState.scale = 1.5
|
|
23
|
+
*
|
|
24
|
+
* // Use toRefs for destructuring with reactivity
|
|
25
|
+
* const { scale, rotation } = toRefs(viewerState)
|
|
26
|
+
* console.log(scale.value) // refs need .value
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
import { type Reactive } from 'vue';
|
|
30
|
+
import type { ViewerState } from '@/utils/types';
|
|
31
|
+
/**
|
|
32
|
+
* Access the shared ViewerState from the parent VPdfViewer component.
|
|
33
|
+
*
|
|
34
|
+
* @returns The reactive ViewerState object with plain value properties
|
|
35
|
+
* @throws Error if used outside of VPdfViewer component tree
|
|
36
|
+
*/
|
|
37
|
+
export declare function useViewerState(): Reactive<ViewerState>;
|
|
38
|
+
/**
|
|
39
|
+
* Access the shared ViewerState, returning undefined if not available.
|
|
40
|
+
* Use this when the component may be used outside VPdfViewer context.
|
|
41
|
+
*
|
|
42
|
+
* @returns The reactive ViewerState object or undefined if not in VPdfViewer context
|
|
43
|
+
*/
|
|
44
|
+
export declare function useViewerStateOptional(): Reactive<ViewerState> | undefined;
|