Skip to content

Commit 9ab140e

Browse files
ArgoZhangArgoZhang
committed
Merge branch 'master' into feat-univer
2 parents 4e05451 + e5d4e76 commit 9ab140e

23 files changed

Lines changed: 1083 additions & 0 deletions

‎BootstrapBlazor.Extensions.slnx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@
3737
<Project Path="src/components/BootstrapBlazor.Dom2Image/BootstrapBlazor.Dom2Image.csproj" />
3838
<Project Path="src/components/BootstrapBlazor.DriverJs/BootstrapBlazor.DriverJs.csproj" />
3939
<Project Path="src/components/BootstrapBlazor.ElementIcon/BootstrapBlazor.ElementIcon.csproj" />
40+
<Project Path="src/components/BootstrapBlazor.EmbedPDF/BootstrapBlazor.EmbedPDF.csproj" Id="e69d9666-a406-499b-b5c0-3dab3a5a4fb3" />
4041
<Project Path="src/components/BootstrapBlazor.FileSystem/BootstrapBlazor.FileSystem.csproj" />
4142
<Project Path="src/components/BootstrapBlazor.FileViewer/BootstrapBlazor.FileViewer.csproj" />
4243
<Project Path="src/components/BootstrapBlazor.FloatingUI/BootstrapBlazor.FloatingUI.csproj" />
@@ -84,6 +85,7 @@
8485
<Project Path="src/components/BootstrapBlazor.TableExport/BootstrapBlazor.TableExport.csproj" />
8586
<Project Path="src/components/BootstrapBlazor.TagHelper/BootstrapBlazor.TagHelper.csproj" />
8687
<Project Path="src/components/BootstrapBlazor.Tasks.Dashboard/BootstrapBlazor.Tasks.Dashboard.csproj" />
88+
<Project Path="src/components/BootstrapBlazor.Term/BootstrapBlazor.Term.csproj" />
8789
<Project Path="src/components/BootstrapBlazor.Topology/BootstrapBlazor.Topology.csproj" />
8890
<Project Path="src/components/BootstrapBlazor.UniverIcon/BootstrapBlazor.UniverIcon.csproj" />
8991
<Project Path="src/components/BootstrapBlazor.UniverSheet/BootstrapBlazor.UniverSheet.csproj" />

‎src/components/BootstrapBlazor.EmbedPDF/BootstrapBlazor.EmbedPDF.csproj‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<Project Sdk="Microsoft.NET.Sdk.Razor">
2+
3+
<PropertyGroup>
4+
<Version>10.0.0</Version>
5+
</PropertyGroup>
6+
7+
<PropertyGroup>
8+
<PackageTags>Bootstrap Blazor WebAssembly wasm UI Components Pdf Viewer</PackageTags>
9+
<Description>Bootstrap UI components extensions of PdfViewer</Description>
10+
</PropertyGroup>
11+
12+
<ItemGroup>
13+
<PackageReference Include="BootstrapBlazor" Version="$(BBVersion)" />
14+
</ItemGroup>
15+
16+
<ItemGroup>
17+
<Using Include="Microsoft.JSInterop" />
18+
</ItemGroup>
19+
20+
<ItemGroup>
21+
<Using Include="BootstrapBlazor.Components" />
22+
</ItemGroup>
23+
24+
</Project>

‎src/components/BootstrapBlazor.EmbedPDF/EmbedPDF.razor‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
@namespace BootstrapBlazor.Components
2+
@inherits BootstrapModuleComponentBase
3+
4+
<div @attributes="@AdditionalAttributes" id="@Id" class="bb-embed-pdf" style="@StyleString"></div>

‎src/components/BootstrapBlazor.EmbedPDF/EmbedPDF.razor.cs‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,159 @@
1+
using Microsoft.AspNetCore.Components;
2+
using System.Globalization;
3+
4+
namespace BootstrapBlazor.Components;
5+
6+
/// <summary>
7+
/// <para lang="zh">EmbedPDF 组件</para>
8+
/// <para lang="en">EmbedPDF component</para>
9+
/// </summary>
10+
[JSModuleAutoLoader("./_content/BootstrapBlazor.EmbedPDF/EmbedPDF.razor.js", JSObjectReference = true)]
11+
public partial class EmbedPDF
12+
{
13+
/// <summary>
14+
/// <para lang="zh">获得/设置 PDF 文档路径</para>
15+
/// <para lang="en">Gets or sets the PDF document URL</para>
16+
/// </summary>
17+
[Parameter]
18+
public string? Url { get; set; }
19+
20+
/// <summary>
21+
/// <para lang="zh">获得/设置 PDF 组件高度 默认 600px</para>
22+
/// <para lang="en">Gets or sets the PDF component height, default is 600px</para>
23+
/// </summary>
24+
[Parameter]
25+
public string ViewHeight { get; set; } = "600px";
26+
27+
/// <summary>
28+
/// <para lang="zh">获得/设置 是否显示外边框</para>
29+
/// <para lang="en">Gets or sets a value indicating whether to show border</para>
30+
/// </summary>
31+
[Parameter]
32+
public bool ShowBorder { get; set; } = true;
33+
34+
/// <summary>
35+
/// <para lang="zh">获得/设置 标签显示模式 默认值 <see cref="EmbedPDFTabBarMode.Always"/></para>
36+
/// <para lang="en">Gets or sets the tab bar display mode, default is <see cref="EmbedPDFTabBarMode.Always"/></para>
37+
/// </summary>
38+
[Parameter]
39+
public EmbedPDFTabBarMode TabBarMode { get; set; } = EmbedPDFTabBarMode.Always;
40+
41+
/// <summary>
42+
/// <para lang="zh">获得/设置 滚动策略 默认值 <see cref="EmbedPDFScrollStrategy.Vertical"/></para>
43+
/// <para lang="en">Gets or sets the scroll strategy, default is <see cref="EmbedPDFScrollStrategy.Vertical"/></para>
44+
/// </summary>
45+
[Parameter]
46+
public EmbedPDFScrollStrategy ScrollStrategy { get; set; } = EmbedPDFScrollStrategy.Vertical;
47+
48+
/// <summary>
49+
/// <para lang="zh">获得/设置 主题样式 默认 <see cref="EmbedPDFTheme.System"/></para>
50+
/// <para lang="en">Gets or sets the theme style, default is <see cref="EmbedPDFTheme.System"/></para>
51+
/// </summary>
52+
[Parameter]
53+
public EmbedPDFTheme Theme { get; set; }
54+
55+
/// <summary>
56+
/// <para lang="zh">获得/设置 语言 默认 null 未设置</para>
57+
/// <para lang="en">Gets or sets the language, default is null</para>
58+
/// </summary>
59+
[Parameter]
60+
public string? Language { get; set; }
61+
62+
/// <summary>
63+
/// <para lang="zh">获得/设置 当前页码</para>
64+
/// <para lang="en">Gets or sets the current page number</para>
65+
/// </summary>
66+
[Parameter]
67+
public uint CurrentPage { get; set; }
68+
69+
/// <summary>
70+
/// <para lang="zh">获得/设置 页码之间的间隙 默认 null 未设置 使用默认值 20</para>
71+
/// <para lang="en">Gets or sets the gap between pages, default is null and uses default value 20</para>
72+
/// </summary>
73+
[Parameter]
74+
public uint PageGap { get; set; }
75+
76+
/// <summary>
77+
/// <para lang="zh">获得/设置 重新设置 Url 时是否保持当前打开文档 默认 false</para>
78+
/// <para lang="en">Gets or sets a value indicating whether to keep the current opened document when resetting the URL, default is false</para>
79+
/// </summary>
80+
[Parameter]
81+
public uint IsKeepCurrentDocument { get; set; }
82+
83+
private string? StyleString => CssBuilder.Default()
84+
.AddClass("border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); overflow: hidden;", ShowBorder)
85+
.AddClass($"height: {ViewHeight};", !string.IsNullOrEmpty(ViewHeight))
86+
.AddStyleFromAttributes(AdditionalAttributes)
87+
.Build();
88+
89+
private string? _url;
90+
private EmbedPDFTheme _theme;
91+
private string? _language;
92+
private EmbedPDFScrollStrategy _strategy = EmbedPDFScrollStrategy.Vertical;
93+
94+
/// <summary>
95+
/// <inheritdoc/>
96+
/// </summary>
97+
protected override void OnParametersSet()
98+
{
99+
base.OnParametersSet();
100+
101+
if (string.IsNullOrEmpty(Language))
102+
{
103+
Language = CultureInfo.CurrentUICulture.Name;
104+
}
105+
}
106+
107+
/// <summary>
108+
/// <inheritdoc/>
109+
/// </summary>
110+
/// <param name="firstRender"></param>
111+
protected override async Task OnAfterRenderAsync(bool firstRender)
112+
{
113+
await base.OnAfterRenderAsync(firstRender);
114+
115+
if (firstRender)
116+
{
117+
_url = Url;
118+
_language = Language;
119+
_theme = Theme;
120+
_strategy = ScrollStrategy;
121+
return;
122+
}
123+
124+
if (_url != Url)
125+
{
126+
_url = Url;
127+
await InvokeVoidAsync("setUrl", Id, _url, IsKeepCurrentDocument);
128+
}
129+
if (_theme != Theme)
130+
{
131+
_theme = Theme;
132+
await InvokeVoidAsync("setTheme", Id, _theme.ToDescriptionString());
133+
}
134+
if (_language != Language)
135+
{
136+
_language = Language;
137+
await InvokeVoidAsync("setLocale", Id, _language);
138+
}
139+
if (_strategy != ScrollStrategy)
140+
{
141+
_strategy = ScrollStrategy;
142+
await InvokeVoidAsync("setScrollStrategy", Id, _strategy.ToDescriptionString());
143+
}
144+
}
145+
146+
/// <summary>
147+
/// <inheritdoc/>
148+
/// </summary>
149+
protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, new
150+
{
151+
TabBar = TabBarMode.ToDescriptionString(),
152+
Theme = Theme.ToDescriptionString(),
153+
Src = Url,
154+
Lang = Language,
155+
CurrentPage,
156+
ScrollStrategy = ScrollStrategy.ToDescriptionString(),
157+
PageGap
158+
});
159+
}

‎src/components/BootstrapBlazor.EmbedPDF/EmbedPDF.razor.js‎

Lines changed: 153 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
1+
import Data from '../BootstrapBlazor/modules/data.js'
2+
import EventHandler from "../BootstrapBlazor/modules/event-handler.js"
3+
import EmbedPDF from './embedpdf.js'
4+
import { getTheme, registerBootstrapBlazorModule } from '../BootstrapBlazor/modules/utility.js'
5+
6+
export async function init(id, invoke, options) {
7+
const el = document.getElementById(id);
8+
if (el === null) {
9+
return null;
10+
}
11+
12+
const target = el.querySelector('.pdf-viewer');
13+
const { src, tabBar, theme, lang, currentPage, scrollStrategy, pageGap } = options;
14+
const wasmUrl = `${location.origin}/_content/BootstrapBlazor.EmbedPDF/pdfium.wasm`;
15+
16+
let preference = theme;
17+
if (preference === 'system') {
18+
preference = getTheme();
19+
}
20+
21+
let currentPageGap = pageGap;
22+
if (currentPageGap === 0) {
23+
currentPageGap = 20;
24+
}
25+
26+
const viewer = EmbedPDF.init({
27+
type: 'container',
28+
target: el,
29+
src,
30+
worker: true,
31+
tabBar,
32+
theme: {
33+
preference: preference
34+
},
35+
wasmUrl,
36+
i18n: {
37+
defaultLocale: lang,
38+
fallbackLocale: 'en'
39+
},
40+
scroll: {
41+
defaultStrategy: scrollStrategy,
42+
defaultPageGap: currentPageGap
43+
}
44+
});
45+
46+
registerBootstrapBlazorModule('EmbedPDF', id, () => {
47+
EventHandler.on(document, 'changed.bb.theme', updateTheme);
48+
});
49+
50+
Data.set(id, { el, invoke, options, viewer });
51+
52+
const registry = await viewer.registry;
53+
const scroll = registry.getPlugin('scroll').provides();
54+
55+
if (currentPage !== 0) {
56+
scroll.onLayoutReady((event) => {
57+
scroll.scrollToPage({
58+
pageNumber: currentPage,
59+
behavior: 'instant'
60+
});
61+
});
62+
}
63+
}
64+
65+
export async function setUrl(id, url, keepCurrentDoc) {
66+
const pdf = Data.get(id);
67+
const { viewer } = pdf;
68+
69+
if (viewer) {
70+
const registry = await viewer.registry;
71+
const docManager = registry.getPlugin('document-manager').provides();
72+
if (!keepCurrentDoc) {
73+
const doc = docManager.getActiveDocument();
74+
if (doc) {
75+
docManager.closeDocument(doc.id).toPromise();
76+
}
77+
}
78+
const name = getFileName(url);
79+
docManager.openDocumentUrl({
80+
url,
81+
name,
82+
autoActivate: true
83+
}).toPromise();
84+
}
85+
}
86+
87+
export function setTheme(id, theme) {
88+
const pdf = Data.get(id);
89+
const { viewer } = pdf;
90+
91+
if (viewer) {
92+
viewer.setTheme(theme);
93+
}
94+
}
95+
96+
export async function setLocale(id, locale) {
97+
const pdf = Data.get(id);
98+
const { viewer } = pdf;
99+
100+
if (viewer) {
101+
const registry = await viewer.registry;
102+
const i18n = registry.getPlugin('i18n').provides();
103+
i18n.setLocale(locale);
104+
}
105+
}
106+
107+
export async function setScrollStrategy(id, strategy) {
108+
const pdf = Data.get(id);
109+
const { viewer } = pdf;
110+
111+
if (viewer) {
112+
const registry = await viewer.registry;
113+
const scroll = registry.getPlugin('scroll').provides();
114+
scroll.setScrollStrategy(strategy);
115+
}
116+
}
117+
118+
export function dispose(id) {
119+
const pdf = Data.get(id);
120+
Data.remove(id);
121+
122+
const { EmbedPDF } = window.BootstrapBlazor;
123+
if (EmbedPDF) {
124+
EmbedPDF.dispose(id, () => {
125+
EventHandler.off(document, 'changed.bb.theme', updateTheme);
126+
});
127+
}
128+
}
129+
130+
const updateTheme = e => {
131+
const theme = e.theme;
132+
133+
[...document.querySelectorAll('.bb-embed-pdf')].forEach(s => {
134+
const id = s.getAttribute('id');
135+
if (id) {
136+
const pdf = Data.get(id);
137+
if (pdf) {
138+
const { viewer } = pdf;
139+
if (viewer) {
140+
viewer.setTheme(theme);
141+
}
142+
}
143+
}
144+
});
145+
}
146+
147+
function getFileName(filePath) {
148+
const lastSeparatorIndex = Math.max(
149+
filePath.lastIndexOf('/'),
150+
filePath.lastIndexOf('\\')
151+
);
152+
return filePath.substring(lastSeparatorIndex + 1);
153+
}

‎src/components/BootstrapBlazor.EmbedPDF/EmbedPDFScrollStrategy.cs‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
// Copyright (c) BootstrapBlazor & Argo Zhang (argo@live.ca). All rights reserved.
2+
// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
3+
// Website: https://www.blazor.zone
4+
5+
using System.ComponentModel;
6+
7+
namespace BootstrapBlazor.Components;
8+
9+
/// <summary>
10+
/// 滚动方向枚举
11+
/// </summary>
12+
public enum EmbedPDFScrollStrategy
13+
{
14+
/// <summary>
15+
/// 垂直方向
16+
/// </summary>
17+
[Description("vertical")]
18+
Vertical,
19+
20+
/// <summary>
21+
/// 水平方向
22+
/// </summary>
23+
[Description("horizontal")]
24+
Horizontal
25+
}

0 commit comments

Comments
 (0)