BootstrapBlazor.Extensions/src/components/BootstrapBlazor.PdfViewer/PdfViewer.razor.cs at 07341eac23e95b939cfd958ce5a9704de37c4931 · BootstrapBlazor/BootstrapBlazor.Extensions · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
// Website: https://www.blazor.zone or https://argozhang.github.io/

using Microsoft.AspNetCore.Components;

namespace BootstrapBlazor.Components;

/// <summary>
/// PdfViewer component for displaying PDF files in a Blazor application.
/// </summary>
public partial class PdfViewer
{
    /// <summary>
    /// Gets or sets the url for the PDF file to be displayed.
    /// </summary>
    [Parameter]
    public string? Url { get; set; }

    /// <summary>
    /// Gets or sets the viewer height. Default is null.
    /// </summary>
    [Parameter]
    public string? Height { get; set; }

    /// <summary>
    /// Gets or sets the document loaded event callback.
    /// </summary>
    [Parameter]
    public Func<Task>? OnLoaded { get; set; }

    /// <summary>
    /// Gets or sets the document loaded event callback.
    /// </summary>
    [Parameter]
    public Func<Task>? NotSupportCallback { get; set; }

    /// <summary>
    /// Gets or sets whether to use Google Docs for PDF rendering. Default is false.
    /// </summary>
    [Parameter]
    public bool UseGoogleDocs { get; set; } = false;

    private string? ClassString => CssBuilder.Default("bb-pdf-viewer-container")
        .AddClassFromAttributes(AdditionalAttributes)
        .Build();

    private string? StyleString => CssBuilder.Default()
        .AddClass($"--bb-pdf-viewer-height: {Height};", !string.IsNullOrEmpty(Height))
        .Build();

    private string? _url;
    private bool _useGoogleDocs;

    private string? UseGoogleDocsString => UseGoogleDocs ? "true" : null;

    /// <summary>
    /// <inheritdoc/>
    /// </summary>
    /// <param name="firstRender"></param>
    /// <returns></returns>
    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        await base.OnAfterRenderAsync(firstRender);

        if (firstRender)
        {
            _url = Url;
            _useGoogleDocs = UseGoogleDocs;
            return;
        }

        var rerender = false;
        if (_url != Url)
        {
            _url = Url;
            rerender = true;
        }

        if (_useGoogleDocs != UseGoogleDocs)
        {
            _useGoogleDocs = UseGoogleDocs;
            rerender = true;
        }

        if (rerender)
        {
            await InvokeVoidAsync("loadPdf", Id, _url);
        }
    }

    /// <summary>
    /// <inheritdoc/>
    /// </summary>
    /// <returns></returns>
    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, new
    {
        LoadedCallaback = nameof(TriggerOnLoaded),
        NotSupportCallback = nameof(TriggerNotSupportCallback),
        Url
    });

    /// <summary>
    /// Trigger OnLoaded callback when the PDF document is loaded.
    /// </summary>
    /// <returns></returns>
    [JSInvokable]
    public async Task TriggerOnLoaded()
    {
        if (OnLoaded != null)
        {
            await OnLoaded();
        }
    }

    /// <summary>
    /// Trigger NotSupportCallback when the PDF viewer does not support the document.
    /// </summary>
    /// <returns></returns>
    [JSInvokable]
    public async Task TriggerNotSupportCallback()
    {
        if (NotSupportCallback != null)
        {
            await NotSupportCallback();
        }
    }
}