Skip to content

doc(Icons): a comprehensive list of Icons #5564

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 13 commits into from
Mar 7, 2025
Merged

doc(Icons): a comprehensive list of Icons #5564

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
37555ca
doc: 更新 Oct 图标列表
ArgoZhang Mar 7, 2025
788a4d6
doc: 移除样式
ArgoZhang Mar 7, 2025
f35c69c
chore: 更新 OctIcon 包
ArgoZhang Mar 7, 2025
2af5d0d
doc: 增加 ant 图标列表
ArgoZhang Mar 7, 2025
0049faf
doc: 增加 Element 列表
ArgoZhang Mar 7, 2025
055103d
doc: 增加 IconPark 图标列表
ArgoZhang Mar 7, 2025
6a3c081
doc: 增加图标列表功能
ArgoZhang Mar 7, 2025
707400e
style: 字节跳动图标大小更改为 16px
ArgoZhang Mar 7, 2025
44e105d
chore: 更新图标包
ArgoZhang Mar 7, 2025
d05ec27
doc: 移除打包样式引用代码
ArgoZhang Mar 7, 2025
ec3bbb9
refactor: 调整目录结构
ArgoZhang Mar 7, 2025
979935c
refactor: 增加鼠标选中脚本框架
ArgoZhang Mar 7, 2025
9058762
feat: 增加拷贝逻辑
ArgoZhang Mar 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
</ItemGroup>

<ItemGroup>
<PackageReference Include="BootstrapBlazor.AntDesignIcon" Version="9.0.2" />
<PackageReference Include="BootstrapBlazor.AntDesignIcon" Version="9.0.3" />
<PackageReference Include="BootstrapBlazor.AzureOpenAI" Version="9.0.0" />
<PackageReference Include="BootstrapBlazor.AzureTranslator" Version="9.0.0" />
<PackageReference Include="BootstrapBlazor.BaiduSpeech" Version="9.0.0" />
Expand All @@ -33,14 +33,14 @@
<PackageReference Include="BootstrapBlazor.Dock" Version="9.0.0" />
<PackageReference Include="BootstrapBlazor.DockView" Version="9.1.1" />
<PackageReference Include="BootstrapBlazor.DriverJs" Version="9.0.3" />
<PackageReference Include="BootstrapBlazor.ElementIcon" Version="9.0.2" />
<PackageReference Include="BootstrapBlazor.ElementIcon" Version="9.0.3" />
<PackageReference Include="BootstrapBlazor.FileViewer" Version="9.0.0" />
<PackageReference Include="BootstrapBlazor.FontAwesome" Version="9.0.2" />
<PackageReference Include="BootstrapBlazor.Gantt" Version="9.0.2" />
<PackageReference Include="BootstrapBlazor.Holiday" Version="9.0.1" />
<PackageReference Include="BootstrapBlazor.Html2Image" Version="9.0.0" />
<PackageReference Include="BootstrapBlazor.Html2Pdf" Version="9.0.2" />
<PackageReference Include="BootstrapBlazor.IconPark" Version="9.0.2" />
<PackageReference Include="BootstrapBlazor.IconPark" Version="9.0.3" />
<PackageReference Include="BootstrapBlazor.ImageCropper" Version="9.0.0" />
<PackageReference Include="BootstrapBlazor.IP2Region" Version="9.0.1" />
<PackageReference Include="BootstrapBlazor.JuHeIpLocatorProvider" Version="9.0.0" />
Expand All @@ -51,7 +51,7 @@
<PackageReference Include="BootstrapBlazor.Mermaid" Version="9.0.3" />
<PackageReference Include="BootstrapBlazor.MindMap" Version="9.1.3" />
<PackageReference Include="BootstrapBlazor.MouseFollower" Version="9.0.1" />
<PackageReference Include="BootstrapBlazor.OctIcon" Version="9.0.3" />
<PackageReference Include="BootstrapBlazor.OctIcon" Version="9.0.4" />
<PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="9.0.1" />
<PackageReference Include="BootstrapBlazor.PdfReader" Version="9.0.0" />
<PackageReference Include="BootstrapBlazor.Player" Version="9.0.0" />
Expand Down
234 changes: 234 additions & 0 deletions src/BootstrapBlazor.Server/Components/Samples/Icons/AntDesign/AntDesignIconListFilled.razor
View file
Open in desktop

Large diffs are not rendered by default.

447 changes: 447 additions & 0 deletions ...BootstrapBlazor.Server/Components/Samples/Icons/AntDesign/AntDesignIconListOutlined.razor
View file
Open in desktop

Large diffs are not rendered by default.

150 changes: 150 additions & 0 deletions src/BootstrapBlazor.Server/Components/Samples/Icons/AntDesign/AntDesignIconListTwoTone.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,150 @@
<AntDesignIcon Name="account-book" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="alert" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="api" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="appstore" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="audio" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="bank" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="bell" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="book" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="box-plot" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="bug" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="build" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="bulb" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="calculator" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="calendar" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="camera" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="car" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="carry-out" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="check-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="check-square" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="ci-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="ci" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="clock-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="close-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="close-square" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="cloud" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="code" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="compass" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="contacts" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="container" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="control" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="copy" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="copyright-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="copyright" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="credit-card" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="crown" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="customer-service" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="dashboard" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="database" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="delete" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="diff" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="dislike" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="dollar-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="dollar" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="down-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="down-square" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="edit" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="environment" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="euro-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="euro" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="exclamation-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="experiment" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="eye-invisible" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="eye" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-add" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-excel" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-exclamation" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-image" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-markdown" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-pdf" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-ppt" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-text" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-unknown" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-word" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file-zip" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="file" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="filter" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="fire" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="flag" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="folder-add" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="folder-open" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="folder" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="frown" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="fund" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="funnel-plot" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="gift" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="gold" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="hdd" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="heart" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="highlight" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="home" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="hourglass" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="html5" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="idcard" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="info-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="insurance" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="interaction" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="layout" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="left-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="left-square" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="like" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="lock" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="mail" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="medicine-box" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="meh" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="message" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="minus-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="minus-square" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="mobile" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="money-collect" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="notification" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="pause-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="phone" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="picture" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="pie-chart" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="play-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="play-square" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="plus-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="plus-square" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="pound-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="printer" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="profile" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="project" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="property-safety" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="pushpin" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="question-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="reconciliation" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="red-envelope" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="rest" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="right-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="right-square" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="rocket" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="safety-certificate" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="save" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="schedule" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="security-scan" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="setting" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="shop" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="shopping" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="skin" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="sliders" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="smile" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="snippets" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="sound" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="star" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="stop" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="switcher" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="tablet" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="tag" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="tags" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="thunderbolt" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="tool" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="trademark-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="trophy" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="unlock" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="up-circle" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="up-square" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="usb" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="video-camera" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="wallet" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
<AntDesignIcon Name="warning" Category="AntDesignIconCategory.TwoTone"></AntDesignIcon>
28 changes: 18 additions & 10 deletions ...onents/Samples/Icons/AntDesignIcons.razor → ...ples/Icons/AntDesign/AntDesignIcons.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,6 @@
@page "/ant-design-icon"
@layout MainLayout
@inject IStringLocalizer<AntDesignIcons> Localizer

<HeadContent>
<link rel="stylesheet" href="@Assets["_content/BootstrapBlazor.AntDesignIcon/BootstrapBlazor.AntDesignIcon.bundle.scp.css"]" />
</HeadContent>
@inherits BootstrapIcon

<h3>@Localizer["AntDesignIconTitle"]</h3>

Expand All @@ -22,11 +18,23 @@

<Pre>&lt;link href="_content/BootstrapBlazor.AntDesignIcon/BootstrapBlazor.AntDesignIcon.bundle.scp.css" rel="stylesheet"&gt;</Pre>

<div class="mb-2">
<AntDesignIcon Category="AntDesignIconCategory.Filled" Name="left-circle"></AntDesignIcon>
<AntDesignIcon Category="AntDesignIconCategory.Outlined" Name="left-circle"></AntDesignIcon>
</div>

<Pre>&lt;AntDesignIcon Category="AntDesignIconCategory.Outlined" Name="github"&gt;&lt;/AntDesignIcon&gt;</Pre>

<div>@((MarkupString)Localizer["Icons"].Value)</div>

<p class="code-label mt-3">Outlined</p>
<div id="@Id" class="list">
<div class="icon-list">
<AntDesignIconListOutlined></AntDesignIconListOutlined>
</div>

<p class="code-label mt-3">Filled</p>
<div class="icon-list">
<AntDesignIconListFilled></AntDesignIconListFilled>
</div>

<p class="code-label mt-3">TwoTone</p>
<div class="icon-list">
<AntDesignIconListTwoTone></AntDesignIconListTwoTone>
</div>
</div>
14 changes: 0 additions & 14 deletions src/BootstrapBlazor.Server/Components/Samples/Icons/AntDesignIcons.razor.cs
View file
Open in desktop

This file was deleted.

1 change: 1 addition & 0 deletions src/BootstrapBlazor.Server/Components/Samples/Icons/BootstrapIcon.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@inherits WebSiteModuleComponentBase
5 changes: 3 additions & 2 deletions ...mponents/Samples/Icons/IconParks.razor.cs → ...ents/Samples/Icons/BootstrapIcon.razor.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,10 @@
namespace BootstrapBlazor.Server.Components.Samples.Icons;

/// <summary>
/// IconPark 图标库示例
/// Icon component base class
/// </summary>
public partial class IconParks
[JSModuleAutoLoader("Samples/Icons/BootstrapIcon.razor.js")]
public partial class BootstrapIcon
{

}
42 changes: 42 additions & 0 deletions src/BootstrapBlazor.Server/Components/Samples/Icons/BootstrapIcon.razor.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
import Data from '../../../_content/BootstrapBlazor/modules/data.js';
import EventHandler from '../../../_content/BootstrapBlazor/modules/event-handler.js';
import { copy } from '../../../_content/BootstrapBlazor/modules/utility.js';
export function init(id) {
const el = document.getElementById(id);
const tooltips = [];
[...el.querySelectorAll('svg')].forEach(s => {
const use = s.querySelector('use');
const url = use.getAttribute('href');
const segs = url.split('#');
if (segs.length == 2) {
const title = segs[1];
s.parentElement.setAttribute('data-bs-original-title', title);
tooltips.push(new bootstrap.Tooltip(s.parentElement));
}
});
EventHandler.on(el, 'click', 'div', e => {
const div = e.delegateTarget;
const href = div.querySelector('use').getAttribute('href');
const text = `<svg xmlns="http://www.w3.org/2000/svg"><use href="${href}"></use></svg>`;
copy(text);
const tooltip = bootstrap.Tooltip.getInstance(div);
tooltip.setContent({ '.tooltip-inner': 'Copy' });
const handler = setTimeout(() => {
clearTimeout(handler);
tooltip.setContent({ '.tooltip-inner': div.getAttribute('data-bs-original-title') });
}, 1000);
});
Data.set(id, {
el,
tooltips
})
}

export function dispose(id) {
const data = Data.get(id);
Data.remove(id);

const { el, tooltips } = data;
EventHandler.off(el, 'click');
tooltips.forEach(t => t.dispose());
}
1 change: 0 additions & 1 deletion src/BootstrapBlazor.Server/Components/Samples/Icons/BootstrapIcons.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
@page "/bs-icon"
@layout MainLayout
@inject IStringLocalizer<BootstrapIcons> Localizer

<h3>@Localizer["Title"]</h3>
Expand Down
Loading