From 9a50899fa8ca5bbf923fde4f74a4e30e7723190a Mon Sep 17 00:00:00 2001 From: Argo-Lenovo Date: Wed, 24 Aug 2022 13:04:28 +0800 Subject: [PATCH 1/8] Revert "!3150 doc(#I5NS3B): update document for font-awesome" --- src/BootstrapBlazor.Shared/Locales/zh.json | 2 +- .../Samples/FAIcons.razor | 17 +- .../Samples/FAIcons.razor.cs | 34 + .../Components/FAIcons/FAIconList.css | 95 ++ .../Components/FAIcons/FAIconList.js | 56 + .../Components/FAIcons/FAIconList.razor | 1040 +++++++++++++++++ .../Components/FAIcons/FAIconList.razor.cs | 63 + .../Components/FAIcons/IconDialog.razor | 25 + .../Components/FAIcons/IconDialog.razor.cs | 40 + 9 files changed, 1360 insertions(+), 12 deletions(-) create mode 100644 src/BootstrapBlazor/Components/FAIcons/FAIconList.css create mode 100644 src/BootstrapBlazor/Components/FAIcons/FAIconList.js create mode 100644 src/BootstrapBlazor/Components/FAIcons/FAIconList.razor create mode 100644 src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs create mode 100644 src/BootstrapBlazor/Components/FAIcons/IconDialog.razor create mode 100644 src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs diff --git a/src/BootstrapBlazor.Shared/Locales/zh.json b/src/BootstrapBlazor.Shared/Locales/zh.json index 9091baaab..acac85108 100644 --- a/src/BootstrapBlazor.Shared/Locales/zh.json +++ b/src/BootstrapBlazor.Shared/Locales/zh.json @@ -2737,7 +2737,7 @@ "Labels": "表单标签", "GlobalException": "全局异常", "LayoutPage": "后台模拟器", - "FAIcon": "FontAwesome 图标", + "FAIcon": "FontAwesome 图标集合", "Components": "组件总览", "LayoutComponents": "布局组件", "Client": "客户信息服务 Client", diff --git a/src/BootstrapBlazor.Shared/Samples/FAIcons.razor b/src/BootstrapBlazor.Shared/Samples/FAIcons.razor index a051c9e69..ca301c9b7 100644 --- a/src/BootstrapBlazor.Shared/Samples/FAIcons.razor +++ b/src/BootstrapBlazor.Shared/Samples/FAIcons.razor @@ -16,15 +16,10 @@ 首次加载有概率图标为乱码，原因是字库还未下载导致

-

- 解决办法： - 使用本地静态资源 -

- -
font-awesome 4.0 升级到 6.1.2 注意事项
- -
font-awesome 新增 fa-solid fa-regular fa-light fa-thin fa-duotone 几类图标
- -
样式由原来的 fa 更改为上面几类，原有一些名称的图标改名，如 fa-fa 改为 fa-flag，原有 -o 结尾的图标全部移除，改为 fa-regular 分类下如：fa fa-bell-o 改为 fa-regular fa-bell
+
+
+ +
+
-
最新版 font-awesome 图标地址 [传送门]
+ diff --git a/src/BootstrapBlazor.Shared/Samples/FAIcons.razor.cs b/src/BootstrapBlazor.Shared/Samples/FAIcons.razor.cs index 00ba644e7..ed3991b47 100644 --- a/src/BootstrapBlazor.Shared/Samples/FAIcons.razor.cs +++ b/src/BootstrapBlazor.Shared/Samples/FAIcons.razor.cs @@ -2,6 +2,10 @@ // 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 BootstrapBlazor.Components; +using Microsoft.AspNetCore.Components; +using Microsoft.JSInterop; + namespace BootstrapBlazor.Shared.Samples; /// @@ -9,5 +13,35 @@ namespace BootstrapBlazor.Shared.Samples; /// public partial class FAIcons { + [NotNull] + private Modal? IconModal { get; set; } + + private string? IconClass { get; set; } + + private string? Tag { get; set; } + + private string? IconName { get; set; } + + private bool ShowCopyDialog { get; set; } + + private string DisplayText => ShowCopyDialog ? Localizer["SwitchButtonTextOn"] : Localizer["SwitchButtonTextOff"]; + + [Inject] + [NotNull] + private IJSRuntime? JsRunTime { get; set; } + + //private Task ShowModal(IconTest icon) + //{ + // IconClass = icon.IconClass; + // IconName = icon.IconName; + // Tag = $""; + // StateHasChanged(); + // IconModal.Toggle(); + // return Task.CompletedTask; + //} + //private void WriteClipboard(string text) + //{ + // JsRunTime.InvokeVoidAsync("navigator.clipboard.writeText", text); + //} } diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.css b/src/BootstrapBlazor/Components/FAIcons/FAIconList.css new file mode 100644 index 000000000..28b7511b1 --- /dev/null +++ b/src/BootstrapBlazor/Components/FAIcons/FAIconList.css @@ -0,0 +1,95 @@ +.icon-list { + overflow-y: auto; + overflow-x: hidden; + position: relative; +} + +.bb-icons > section { + padding-top: 1px; +} + +.fa-icons > section:not(:first-child) { + margin-top: 1rem; +} + +.fa-target { + display: block; +} + +.fontawesome-icon-list .icon-item { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: flex; + align-items: center; + color: var(--bs-dark); + background-color: #f0f1f3; + border-radius: .5rem; + padding: .75rem; +} + + .fontawesome-icon-list .icon-item:hover { + background-color: var(--bs-warning); + text-decoration: none; + } + + .fontawesome-icon-list .icon-item :where(.fa-solid, .fa-regular, .fa-brands) { + font-size: 1.25rem; + line-height: 1.25rem; + } + + .fontawesome-icon-list .icon-item .icon-text { + font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif; + font-size: 11px; + margin-left: 10px; + line-height: 1.25rem; + } + +.fa-nav { + display: none; +} + + .fa-nav h2 { + background: #FF6C60; + color: #fff; + margin-top: 0; + padding: 10px 15px; + font-size: 16px; + border-radius: 4px; + font-weight: 300; + } + + .fa-nav .nav { + top: 44px; + bottom: 0; + position: absolute; + overflow-y: auto; + width: 100%; + } + + .fa-nav .nav a { + color: #999797; + border-left: 4px solid #d3d7dd; + padding-left: 10px; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 3px; + width: 100%; + margin-top: 1px; + } + + .fa-nav .nav a:last-child { + margin-bottom: 5px; + } + + .fa-nav .nav a.active { + color: #7a7a7a; + border-left: 4px solid #5bc0de; + padding-left: 10px; + } + + .fa-nav .nav a:hover { + color: #999797; + border-left: 4px solid #d9534f; + padding-left: 10px; + } diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.js b/src/BootstrapBlazor/Components/FAIcons/FAIconList.js new file mode 100644 index 000000000..0f63afb5a --- /dev/null +++ b/src/BootstrapBlazor/Components/FAIcons/FAIconList.js @@ -0,0 +1,56 @@ +(function ($) { + $.extend({ + bb_iconList: function (el, obj, method) { + var $el = $(el); + $('body').scrollspy({ offset: 150, target: '.fa-nav' }); + $el.on('click', '.nav-link', function (e) { + e.preventDefault(); + e.stopPropagation(); + + var targetId = $(this).attr('href'); + var $target = $(targetId); + var container = window; + var margin = $target.offset().top; + var marginTop = $target.css('marginTop').replace('px', ''); + if (marginTop) { + margin = margin - parseInt(marginTop); + } + $(container).scrollTop(margin); + }); + $el.on('click', '.icon-item', function (e) { + e.preventDefault(); + e.stopPropagation(); + + var $this = $(this); + var $i = $(this).find('i'); + var text = $i.attr('class'); + var dialog = $el.hasClass('is-dialog'); + if (dialog) { + obj.invokeMethodAsync(method, text); + } + else { + $.bb_copyIcon($this, text); + } + }); + }, + bb_iconDialog: function (el) { + var $el = $(el); + $el.on('click', 'button', function (e) { + var $this = $(this); + var text = $this.prev().text(); + $.bb_copyIcon($this, text); + }); + }, + bb_copyIcon: function ($this, text) { + $.bb_copyText(text); + $this.tooltip({ + title: 'Copied!' + }); + $this.tooltip('show'); + var handler = window.setTimeout(function () { + window.clearTimeout(handler); + $this.tooltip('dispose'); + }, 1000); + } + }); +})(jQuery); diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor b/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor new file mode 100644 index 000000000..a41f20e7d --- /dev/null +++ b/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor @@ -0,0 +1,1040 @@ +@namespace BootstrapBlazor.Components +@inherits BootstrapComponentBase + +
+
+
+
+

Web Application Icons

+
+
Example of address-book
+
Example of address-book-o
+
Example of address-card
+
Example of address-card-o
+
Example of adjust
+
Example of american-sign-language-interpreting
+
Example of anchor
+
Example of archive
+
Example of area-chart
+
Example of arrows
+
Example of arrows-h
+
Example of arrows-v
+
Example of asl-interpreting (alias)
+
Example of assistive-listening-systems
+
Example of asterisk
+
Example of at
+
Example of audio-description
+
Example of automobile (alias)
+
Example of balance-scale
+
Example of ban
+
Example of bank (alias)
+
Example of bar-chart
+
Example of bar-chart-o (alias)
+
Example of barcode
+
Example of bars
+
Example of bath
+
Example of bathtub (alias)
+
Example of battery (alias)
+
Example of battery-0 (alias)
+
Example of battery-1 (alias)
+
Example of battery-2 (alias)
+
Example of battery-3 (alias)
+
Example of battery-4 (alias)
+
Example of battery-empty
+
Example of battery-full
+
Example of battery-half
+
Example of battery-quarter
+
Example of battery-three-quarters
+
Example of bed
+
Example of beer
+
Example of bell
+
Example of bell-o
+
Example of bell-slash
+
Example of bell-slash-o
+
Example of bicycle
+
Example of binoculars
+
Example of birthday-cake
+
Example of blind
+
Example of bluetooth
+
Example of bluetooth-b
+
Example of bolt
+
Example of bomb
+
Example of book
+
Example of bookmark
+
Example of bookmark-o
+
Example of braille
+
Example of briefcase
+
Example of bug
+
Example of building
+
Example of building-o
+
Example of bullhorn
+
Example of bullseye
+
Example of bus
+
Example of cab (alias)
+
Example of calculator
+
Example of calendar
+
Example of calendar-check-o
+
Example of calendar-minus-o
+
Example of calendar-o
+
Example of calendar-plus-o
+
Example of calendar-times-o
+
Example of camera
+
Example of camera-retro
+
Example of car
+
Example of caret-square-o-down
+
Example of caret-square-o-left
+
Example of caret-square-o-right
+
Example of caret-square-o-up
+
Example of cart-arrow-down
+
Example of cart-plus
+
Example of cc
+
Example of certificate
+
Example of check
+
Example of check-circle
+
Example of check-circle-o
+
Example of check-square
+
Example of check-square-o
+
Example of child
+
Example of circle
+
Example of circle-o
+
Example of circle-o-notch
+
Example of circle-thin
+
Example of clock-o
+
Example of clone
+
Example of close (alias)
+
Example of cloud
+
Example of cloud-download
+
Example of cloud-upload
+
Example of code
+
Example of code-fork
+
Example of coffee
+
Example of cog
+
Example of cogs
+
Example of comment
+
Example of comment-o
+
Example of commenting
+
Example of commenting-o
+
Example of comments
+
Example of comments-o
+
Example of compass
+
Example of copyright
+
Example of creative-commons
+
Example of credit-card
+
Example of credit-card-alt
+
Example of crop
+
Example of crosshairs
+
Example of cube
+
Example of cubes
+
Example of cutlery
+
Example of dashboard (alias)
+
Example of database
+
Example of deaf
+
Example of deafness (alias)
+
Example of desktop
+
Example of diamond
+
Example of dot-circle-o
+
Example of download
+
Example of drivers-license (alias)
+
Example of drivers-license-o (alias)
+
Example of edit (alias)
+
Example of ellipsis-h
+
Example of ellipsis-v
+
Example of envelope
+
Example of envelope-o
+
Example of envelope-open
+
Example of envelope-open-o
+
Example of envelope-square
+
Example of eraser
+
Example of exchange
+
Example of exclamation
+
Example of exclamation-circle
+
Example of exclamation-triangle
+
Example of external-link
+
Example of external-link-square
+
Example of eye
+
Example of eye-slash
+
Example of eyedropper
+
Example of fax
+
Example of feed (alias)
+
Example of female
+
Example of fighter-jet
+
Example of file-archive-o
+
Example of file-audio-o
+
Example of file-code-o
+
Example of file-excel-o
+
Example of file-image-o
+
Example of file-movie-o (alias)
+
Example of file-pdf-o
+
Example of file-photo-o (alias)
+
Example of file-picture-o (alias)
+
Example of file-powerpoint-o
+
Example of file-sound-o (alias)
+
Example of file-video-o
+
Example of file-word-o
+
Example of file-zip-o (alias)
+
Example of film
+
Example of filter
+
Example of fire
+
Example of fire-extinguisher
+
Example of flag
+
Example of flag-checkered
+
Example of flag-o
+
Example of flash (alias)
+
Example of flask
+
Example of folder
+
Example of folder-o
+
Example of folder-open
+
Example of folder-open-o
+
Example of frown-o
+
Example of futbol-o
+
Example of gamepad
+
Example of gavel
+
Example of gear (alias)
+
Example of gears (alias)
+
Example of gift
+
Example of glass
+
Example of globe
+
Example of graduation-cap
+
Example of group (alias)
+
Example of hand-grab-o (alias)
+
Example of hand-lizard-o
+
Example of hand-paper-o
+
Example of hand-peace-o
+
Example of hand-pointer-o
+
Example of hand-rock-o
+
Example of hand-scissors-o
+
Example of hand-spock-o
+
Example of hand-stop-o (alias)
+
Example of handshake-o
+
Example of hard-of-hearing (alias)
+
Example of hashtag
+
Example of hdd-o
+
Example of headphones
+
Example of heart
+
Example of heart-o
+
Example of heartbeat
+
Example of history
+
Example of home
+
Example of hotel (alias)
+
Example of hourglass
+
Example of hourglass-1 (alias)
+
Example of hourglass-2 (alias)
+
Example of hourglass-3 (alias)
+
Example of hourglass-end
+
Example of hourglass-half
+
Example of hourglass-o
+
Example of hourglass-start
+
Example of i-cursor
+
Example of id-badge
+
Example of id-card
+
Example of id-card-o
+
Example of image (alias)
+
Example of inbox
+
Example of industry
+
Example of info
+
Example of info-circle
+
Example of institution (alias)
+
Example of key
+
Example of keyboard-o
+
Example of language
+
Example of laptop
+
Example of leaf
+
Example of legal (alias)
+
Example of lemon-o
+
Example of level-down
+
Example of level-up
+
Example of life-bouy (alias)
+
Example of life-buoy (alias)
+
Example of life-ring
+
Example of life-saver (alias)
+
Example of lightbulb-o
+
Example of line-chart
+
Example of location-arrow
+
Example of lock
+
Example of low-vision
+
Example of magic
+
Example of magnet
+
Example of mail-forward (alias)
+
Example of mail-reply (alias)
+
Example of mail-reply-all (alias)
+
Example of male
+
Example of map
+
Example of map-marker
+
Example of map-o
+
Example of map-pin
+
Example of map-signs
+
Example of meh-o
+
Example of microchip
+
Example of microphone
+
Example of microphone-slash
+
Example of minus
+
Example of minus-circle
+
Example of minus-square
+
Example of minus-square-o
+
Example of mobile
+
Example of mobile-phone (alias)
+
Example of money
+
Example of moon-o
+
Example of mortar-board (alias)
+
Example of motorcycle
+
Example of mouse-pointer
+
Example of music
+
Example of navicon (alias)
+
Example of newspaper-o
+
Example of object-group
+
Example of object-ungroup
+
Example of paint-brush
+
Example of paper-plane
+
Example of paper-plane-o
+
Example of paw
+
Example of pencil
+
Example of pencil-square
+
Example of pencil-square-o
+
Example of percent
+
Example of phone
+
Example of phone-square
+
Example of photo (alias)
+
Example of picture-o
+
Example of pie-chart
+
Example of plane
+
Example of plug
+
Example of plus
+
Example of plus-circle
+
Example of plus-square
+
Example of plus-square-o
+
Example of podcast
+
Example of power-off
+
Example of print
+
Example of puzzle-piece
+
Example of qrcode
+
Example of question
+
Example of question-circle
+
Example of question-circle-o
+
Example of quote-left
+
Example of quote-right
+
Example of random
+
Example of recycle
+
Example of refresh
+
Example of registered
+
Example of remove (alias)
+
Example of reorder (alias)
+
Example of reply
+
Example of reply-all
+
Example of retweet
+
Example of road
+
Example of rocket
+
Example of rss
+
Example of rss-square
+
Example of s15 (alias)
+
Example of search
+
Example of search-minus
+
Example of search-plus
+
Example of send (alias)
+
Example of send-o (alias)
+
Example of server
+
Example of share
+
Example of share-alt
+
Example of share-alt-square
+
Example of share-square
+
Example of share-square-o
+
Example of shield
+
Example of ship
+
Example of shopping-bag
+
Example of shopping-basket
+
Example of shopping-cart
+
Example of shower
+
Example of sign-in
+
Example of sign-language
+
Example of sign-out
+
Example of signal
+
Example of signing (alias)
+
Example of sitemap
+
Example of sliders
+
Example of smile-o
+
Example of snowflake-o
+
Example of soccer-ball-o (alias)
+
Example of sort
+
Example of sort-alpha-asc
+
Example of sort-alpha-desc
+
Example of sort-amount-asc
+
Example of sort-amount-desc
+
Example of sort-asc
+
Example of sort-desc
+
Example of sort-down (alias)
+
Example of sort-numeric-asc
+
Example of sort-numeric-desc
+
Example of sort-up (alias)
+
Example of space-shuttle
+
Example of spinner
+
Example of spoon
+
Example of square
+
Example of square-o
+
Example of star
+
Example of star-half
+
Example of star-half-empty (alias)
+
Example of star-half-full (alias)
+
Example of star-half-o
+
Example of star-o
+
Example of sticky-note
+
Example of sticky-note-o
+
Example of street-view
+
Example of suitcase
+
Example of sun-o
+
Example of support (alias)
+
Example of tablet
+
Example of tachometer
+
Example of tag
+
Example of tags
+
Example of tasks
+
Example of taxi
+
Example of television
+
Example of terminal
+
Example of thermometer (alias)
+
Example of thermometer-0 (alias)
+
Example of thermometer-1 (alias)
+
Example of thermometer-2 (alias)
+
Example of thermometer-3 (alias)
+
Example of thermometer-4 (alias)
+
Example of thermometer-empty
+
Example of thermometer-full
+
Example of thermometer-half
+
Example of thermometer-quarter
+
Example of thermometer-three-quarters
+
Example of thumb-tack
+
Example of thumbs-down
+
Example of thumbs-o-down
+
Example of thumbs-o-up
+
Example of thumbs-up
+
Example of ticket
+
Example of times
+
Example of times-circle
+
Example of times-circle-o
+
Example of times-rectangle (alias)
+
Example of times-rectangle-o (alias)
+
Example of tint
+
Example of toggle-down (alias)
+
Example of toggle-left (alias)
+
Example of toggle-off
+
Example of toggle-on
+
Example of toggle-right (alias)
+
Example of toggle-up (alias)
+
Example of trademark
+
Example of trash
+
Example of trash-o
+
Example of tree
+
Example of trophy
+
Example of truck
+
Example of tty
+
Example of tv (alias)
+
Example of umbrella
+
Example of universal-access
+
Example of university
+
Example of unlock
+
Example of unlock-alt
+
Example of unsorted (alias)
+
Example of upload
+
Example of user
+
Example of user-circle
+
Example of user-circle-o
+
Example of user-o
+
Example of user-plus
+
Example of user-secret
+
Example of user-times
+
Example of users
+
Example of vcard (alias)
+
Example of vcard-o (alias)
+
Example of video-camera
+
Example of volume-control-phone
+
Example of volume-down
+
Example of volume-off
+
Example of volume-up
+
Example of warning (alias)
+
Example of wheelchair
+
Example of wheelchair-alt
+
Example of wifi
+
Example of window-close
+
Example of window-close-o
+
Example of window-maximize
+
Example of window-minimize
+
Example of window-restore
+
Example of wrench
+
+
+
+

Accessibility Icons

+
+
Example of american-sign-language-interpreting
+
Example of asl-interpreting (alias)
+
Example of assistive-listening-systems
+
Example of audio-description
+
Example of blind
+
Example of braille
+
Example of cc
+
Example of deaf
+
Example of deafness (alias)
+
Example of hard-of-hearing (alias)
+
Example of low-vision
+
Example of question-circle-o
+
Example of sign-language
+
Example of signing (alias)
+
Example of tty
+
Example of universal-access
+
Example of volume-control-phone
+
Example of wheelchair
+
Example of wheelchair-alt
+
+
+
+

Hand Icons

+
+
Example of hand-grab-o (alias)
+
Example of hand-lizard-o
+
Example of hand-o-down
+
Example of hand-o-left
+
Example of hand-o-right
+
Example of hand-o-up
+
Example of hand-paper-o
+
Example of hand-peace-o
+
Example of hand-pointer-o
+
Example of hand-rock-o
+
Example of hand-scissors-o
+
Example of hand-spock-o
+
Example of hand-stop-o (alias)
+
Example of thumbs-down
+
Example of thumbs-o-down
+
Example of thumbs-o-up
+
Example of thumbs-up
+
+
+
+

Transportation Icons

+
+
Example of ambulance
+
Example of automobile (alias)
+
Example of bicycle
+
Example of bus
+
Example of cab (alias)
+
Example of car
+
Example of fighter-jet
+
Example of motorcycle
+
Example of plane
+
Example of rocket
+
Example of ship
+
Example of space-shuttle
+
Example of subway
+
Example of taxi
+
Example of train
+
Example of truck
+
Example of wheelchair
+
Example of wheelchair-alt
+
+
+
+

Gender Icons

+
+
Example of genderless
+
Example of intersex (alias)
+
Example of mars
+
Example of mars-double
+
Example of mars-stroke
+
Example of mars-stroke-h
+
Example of mars-stroke-v
+
Example of mercury
+
Example of neuter
+
Example of transgender
+
Example of transgender-alt
+
Example of venus
+
Example of venus-double
+
Example of venus-mars
+
+
+
+

File Type Icons

+
+
Example of file
+
Example of file-archive-o
+
Example of file-audio-o
+
Example of file-code-o
+
Example of file-excel-o
+
Example of file-image-o
+
Example of file-movie-o (alias)
+
Example of file-o
+
Example of file-pdf-o
+
Example of file-photo-o (alias)
+
Example of file-picture-o (alias)
+
Example of file-powerpoint-o
+
Example of file-sound-o (alias)
+
Example of file-text
+
Example of file-text-o
+
Example of file-video-o
+
Example of file-word-o
+
Example of file-zip-o (alias)
+
+
+
+

Spinner Icons

+
+
Example of circle-o-notch
+
Example of cog
+
Example of gear (alias)
+
Example of refresh
+
Example of spinner
+
+
+
+

Form Control Icons

+
+
Example of check-square
+
Example of check-square-o
+
Example of circle
+
Example of circle-o
+
Example of dot-circle-o
+
Example of minus-square
+
Example of minus-square-o
+
Example of plus-square
+
Example of plus-square-o
+
Example of square
+
Example of square-o
+
+
+
+

Payment Icons

+
+
Example of cc-amex
+
Example of cc-diners-club
+
Example of cc-discover
+
Example of cc-jcb
+
Example of cc-mastercard
+
Example of cc-paypal
+
Example of cc-stripe
+
Example of cc-visa
+
Example of credit-card
+
Example of credit-card-alt
+
Example of google-wallet
+
Example of paypal
+
+
+
+

Chart Icons

+
+
Example of area-chart
+
Example of bar-chart
+
Example of bar-chart-o (alias)
+
Example of line-chart
+
Example of pie-chart
+
+
+
+

Currency Icons

+
+
Example of bitcoin (alias)
+
Example of btc
+
Example of cny (alias)
+
Example of dollar (alias)
+
Example of eur
+
Example of euro (alias)
+
Example of gbp
+
Example of gg
+
Example of gg-circle
+
Example of ils
+
Example of inr
+
Example of jpy
+
Example of krw
+
Example of money
+
Example of rmb (alias)
+
Example of rouble (alias)
+
Example of rub
+
Example of ruble (alias)
+
Example of rupee (alias)
+
Example of shekel (alias)
+
Example of sheqel (alias)
+
Example of try
+
Example of turkish-lira (alias)
+
Example of usd
+
Example of won (alias)
+
Example of yen (alias)
+
+
+
+

Text Editor Icons

+
+
Example of align-center
+
Example of align-justify
+
Example of align-left
+
Example of align-right
+
Example of bold
+
Example of chain (alias)
+
Example of chain-broken
+
Example of clipboard
+
Example of columns
+
Example of copy (alias)
+
Example of cut (alias)
+
Example of dedent (alias)
+
Example of eraser
+
Example of file
+
Example of file-o
+
Example of file-text
+
Example of file-text-o
+
Example of files-o
+
Example of floppy-o
+
Example of font
+
Example of header
+
Example of indent
+
Example of italic
+
Example of link
+
Example of list
+
Example of list-alt
+
Example of list-ol
+
Example of list-ul
+
Example of outdent
+
Example of paperclip
+
Example of paragraph
+
Example of paste (alias)
+
Example of repeat
+
Example of rotate-left (alias)
+
Example of rotate-right (alias)
+
Example of save (alias)
+
Example of scissors
+
Example of strikethrough
+
Example of subscript
+
Example of superscript
+
Example of table
+
Example of text-height
+
Example of text-width
+
Example of th
+
Example of th-large
+
Example of th-list
+
Example of underline
+
Example of undo
+
Example of unlink (alias)
+
+
+
+

Directional Icons

+
+
Example of angle-double-down
+
Example of angle-double-left
+
Example of angle-double-right
+
Example of angle-double-up
+
Example of angle-down
+
Example of angle-left
+
Example of angle-right
+
Example of angle-up
+
Example of arrow-circle-down
+
Example of arrow-circle-left
+
Example of arrow-circle-o-down
+
Example of arrow-circle-o-left
+
Example of arrow-circle-o-right
+
Example of arrow-circle-o-up
+
Example of arrow-circle-right
+
Example of arrow-circle-up
+
Example of arrow-down
+
Example of arrow-left
+
Example of arrow-right
+
Example of arrow-up
+
Example of arrows
+
Example of arrows-alt
+
Example of arrows-h
+
Example of arrows-v
+
Example of caret-down
+
Example of caret-left
+
Example of caret-right
+
Example of caret-square-o-down
+
Example of caret-square-o-left
+
Example of caret-square-o-right
+
Example of caret-square-o-up
+
Example of caret-up
+
Example of chevron-circle-down
+
Example of chevron-circle-left
+
Example of chevron-circle-right
+
Example of chevron-circle-up
+
Example of chevron-down
+
Example of chevron-left
+
Example of chevron-right
+
Example of chevron-up
+
Example of exchange
+
Example of hand-o-down
+
Example of hand-o-left
+
Example of hand-o-right
+
Example of hand-o-up
+
Example of long-arrow-down
+
Example of long-arrow-left
+
Example of long-arrow-right
+
Example of long-arrow-up
+
Example of toggle-down (alias)
+
Example of toggle-left (alias)
+
Example of toggle-right (alias)
+
Example of toggle-up (alias)
+
+
+
+

Video Player Icons

+
+
Example of arrows-alt
+
Example of backward
+
Example of compress
+
Example of eject
+
Example of expand
+
Example of fast-backward
+
Example of fast-forward
+
Example of forward
+
Example of pause
+
Example of pause-circle
+
Example of pause-circle-o
+
Example of play
+
Example of play-circle
+
Example of play-circle-o
+
Example of random
+
Example of step-backward
+
Example of step-forward
+
Example of stop
+
Example of stop-circle
+
Example of stop-circle-o
+
Example of youtube-play
+
+
+
+

Brand Icons

+
+
Example of 500px
+
Example of adn
+
Example of amazon
+
Example of android
+
Example of angellist
+
Example of apple
+
Example of bandcamp
+
Example of behance
+
Example of behance-square
+
Example of bitbucket
+
Example of bitbucket-square
+
Example of bitcoin (alias)
+
Example of black-tie
+
Example of bluetooth
+
Example of bluetooth-b
+
Example of btc
+
Example of buysellads
+
Example of cc-amex
+
Example of cc-diners-club
+
Example of cc-discover
+
Example of cc-jcb
+
Example of cc-mastercard
+
Example of cc-paypal
+
Example of cc-stripe
+
Example of cc-visa
+
Example of chrome
+
Example of codepen
+
Example of codiepie
+
Example of connectdevelop
+
Example of contao
+
Example of css3
+
Example of dashcube
+
Example of delicious
+
Example of deviantart
+
Example of digg
+
Example of dribbble
+
Example of dropbox
+
Example of drupal
+
Example of edge
+ + +
Example of empire
+
Example of envira
+
Example of etsy
+
Example of expeditedssl
+
Example of fa (alias)
+
Example of facebook
+
Example of facebook-f (alias)
+
Example of facebook-official
+
Example of facebook-square
+
Example of firefox
+
Example of first-order
+
Example of flickr
+
Example of font-awesome
+
Example of fonticons
+
Example of fort-awesome
+
Example of forumbee
+
Example of foursquare
+
Example of free-code-camp
+
Example of ge (alias)
+
Example of get-pocket
+
Example of gg
+
Example of gg-circle
+
Example of git
+
Example of git-square
+
Example of github
+
Example of github-alt
+
Example of github-square
+
Example of gitlab
+
Example of gittip (alias)
+
Example of glide
+
Example of glide-g
+
Example of google
+
Example of google-plus
+
Example of google-plus-circle (alias)
+
Example of google-plus-official
+
Example of google-plus-square
+
Example of google-wallet
+
Example of gratipay
+
Example of grav
+
Example of hacker-news
+
Example of houzz
+
Example of html5
+
Example of imdb
+
Example of instagram
+
Example of internet-explorer
+
Example of ioxhost
+
Example of joomla
+
Example of jsfiddle
+
Example of lastfm
+
Example of lastfm-square
+
Example of leanpub
+
Example of linkedin
+
Example of linkedin-square
+
Example of linode
+
Example of linux
+
Example of maxcdn
+ + +
Example of medium
+
Example of meetup
+
Example of mixcloud
+
Example of modx
+
Example of odnoklassniki
+
Example of odnoklassniki-square
+
Example of opencart
+
Example of openid
+
Example of opera
+
Example of optin-monster
+
Example of pagelines
+
Example of paypal
+
Example of pied-piper
+
Example of pied-piper-alt
+
Example of pied-piper-pp
+
Example of pinterest
+
Example of pinterest-p
+
Example of pinterest-square
+
Example of product-hunt
+
Example of qq
+
Example of quora
+
Example of ra (alias)
+
Example of ravelry
+
Example of rebel
+
Example of reddit
+
Example of reddit-alien
+
Example of reddit-square
+
Example of renren
+
Example of resistance (alias)
+
Example of safari
+
Example of scribd
+
Example of sellsy
+
Example of share-alt
+
Example of share-alt-square
+
Example of shirtsinbulk
+
Example of simplybuilt
+
Example of skyatlas
+
Example of skype
+
Example of slack
+
Example of slideshare
+
Example of snapchat
+
Example of snapchat-ghost
+
Example of snapchat-square
+
Example of soundcloud
+
Example of spotify
+
Example of stack-exchange
+
Example of stack-overflow
+
Example of steam
+
Example of steam-square
+
Example of stumbleupon
+
Example of stumbleupon-circle
+
Example of superpowers
+
Example of telegram
+
Example of tencent-weibo
+
Example of themeisle
+
Example of trello
+ + +
Example of tumblr
+
Example of tumblr-square
+
Example of twitch
+
Example of twitter
+
Example of twitter-square
+
Example of usb
+
Example of viacoin
+
Example of viadeo
+
Example of viadeo-square
+
Example of vimeo
+
Example of vimeo-square
+
Example of vine
+
Example of vk
+
Example of wechat (alias)
+
Example of weibo
+
Example of weixin
+
Example of whatsapp
+
Example of wikipedia-w
+
Example of windows
+
Example of wordpress
+
Example of wpbeginner
+
Example of wpexplorer
+
Example of wpforms
+
Example of xing
+
Example of xing-square
+
Example of y-combinator
+
Example of y-combinator-square (alias)
+
Example of yahoo
+
Example of yc (alias)
+
Example of yc-square (alias)
+
Example of yelp
+
Example of yoast
+
Example of youtube
+
Example of youtube-play
+
Example of youtube-square
+
+
+
+

Medical Icons

+
+
Example of ambulance
+
Example of h-square
+
Example of heart
+
Example of heart-o
+
Example of heartbeat
+
Example of hospital-o
+
Example of medkit
+
Example of plus-square
+
Example of stethoscope
+
Example of user-md
+
Example of wheelchair
+
Example of wheelchair-alt
+
+
+
+
+ @if (ShowCatalog) + { +
+

图标分类

+ +
+ } +
diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs b/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs new file mode 100644 index 000000000..5c9542020 --- /dev/null +++ b/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs @@ -0,0 +1,63 @@ +// 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/ + +namespace BootstrapBlazor.Components; + +/// +/// +/// +public partial class FAIconList +{ + private ElementReference IconListElement { get; set; } + + private string? ClassString => CssBuilder.Default("icon-list") + .AddClass("is-catalog", ShowCatalog) + .AddClass("is-dialog", ShowCopyDialog) + .AddClassFromAttributes(AdditionalAttributes) + .Build(); + + /// + /// 获得/设置 点击时是否显示高级拷贝弹窗 默认 false 直接拷贝到粘贴板 + /// + [Parameter] + public bool ShowCopyDialog { get; set; } + + /// + /// 获得/设置 是否显示目录 默认 false 开启后需要自行增加样式 + /// + [Parameter] + public bool ShowCatalog { get; set; } + + [Inject] + [NotNull] + private DialogService? DialogService { get; set; } + + private JSInterop? Interop { get; set; } + + /// + /// OnAfterRenderAsync 方法 + /// + /// + /// + protected override async Task OnAfterRenderAsync(bool firstRender) + { + await base.OnAfterRenderAsync(firstRender); + + if (firstRender) + { + Interop ??= new(JSRuntime); + await Interop.InvokeVoidAsync(this, IconListElement, "bb_iconList", nameof(ShowDialog)); + } + } + + /// + /// + /// + /// + [JSInvokable] + public Task ShowDialog(string text) => DialogService.ShowCloseDialog("请选择图标", parameters => + { + parameters.Add(nameof(IconDialog.IconName), text); + }); +} diff --git a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor new file mode 100644 index 000000000..4a6296f43 --- /dev/null +++ b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor @@ -0,0 +1,25 @@ +@namespace BootstrapBlazor.Components +@inherits BootstrapComponentBase + +
+
+ +
+
+ +
+
@IconName
+ +
+
+
+ +
+
+ +
+
@IconFullName
+ +
+
+
diff --git a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs new file mode 100644 index 000000000..8c3e6162f --- /dev/null +++ b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs @@ -0,0 +1,40 @@ +// 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/ + +namespace BootstrapBlazor.Components; + +/// +/// +/// +public partial class IconDialog +{ + /// + /// + /// + [Parameter] + [NotNull] +#if NET6_0_OR_GREATER + [EditorRequired] +#endif + public string? IconName { get; set; } + + private string IconFullName => $""; + + private ElementReference IconDialogElement { get; set; } + + /// + /// OnAfterRenderAsync 方法 + /// + /// + /// + protected override async Task OnAfterRenderAsync(bool firstRender) + { + await base.OnAfterRenderAsync(firstRender); + + if (firstRender) + { + await JSRuntime.InvokeVoidAsync(IconDialogElement, "bb_iconDialog"); + } + } +} -- Gitee From 3816fc704e46cf0d63c6107185ae4f12280f5ed6 Mon Sep 17 00:00:00 2001 From: Argo-Lenovo Date: Sat, 27 Aug 2022 14:30:23 +0800 Subject: [PATCH 2/8] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20IconDialog?= =?UTF-8?q?=20=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/FAIcons/FAIconList.razor | 1040 ----------------- .../Components/FAIcons/FAIconList.razor.cs | 63 - .../{FAIconList.css => IconDialog.css} | 32 +- .../FAIcons/{FAIconList.js => IconDialog.js} | 2 +- .../Components/FAIcons/IconDialog.razor | 10 +- .../wwwroot/bundle/bootstrap.blazor.min.js | 2 +- .../css/bootstrap.blazor.bundle.min.css | 2 +- .../wwwroot/js/bootstrap.blazor.bundle.min.js | 2 +- 8 files changed, 31 insertions(+), 1122 deletions(-) delete mode 100644 src/BootstrapBlazor/Components/FAIcons/FAIconList.razor delete mode 100644 src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs rename src/BootstrapBlazor/Components/FAIcons/{FAIconList.css => IconDialog.css} (81%) rename src/BootstrapBlazor/Components/FAIcons/{FAIconList.js => IconDialog.js} (97%) diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor b/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor deleted file mode 100644 index a41f20e7d..000000000 --- a/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor +++ /dev/null @@ -1,1040 +0,0 @@ -@namespace BootstrapBlazor.Components -@inherits BootstrapComponentBase - -
-
-
-
-

Web Application Icons

-
-
Example of address-book
-
Example of address-book-o
-
Example of address-card
-
Example of address-card-o
-
Example of adjust
-
Example of american-sign-language-interpreting
-
Example of anchor
-
Example of archive
-
Example of area-chart
-
Example of arrows
-
Example of arrows-h
-
Example of arrows-v
-
Example of asl-interpreting (alias)
-
Example of assistive-listening-systems
-
Example of asterisk
-
Example of at
-
Example of audio-description
-
Example of automobile (alias)
-
Example of balance-scale
-
Example of ban
-
Example of bank (alias)
-
Example of bar-chart
-
Example of bar-chart-o (alias)
-
Example of barcode
-
Example of bars
-
Example of bath
-
Example of bathtub (alias)
-
Example of battery (alias)
-
Example of battery-0 (alias)
-
Example of battery-1 (alias)
-
Example of battery-2 (alias)
-
Example of battery-3 (alias)
-
Example of battery-4 (alias)
-
Example of battery-empty
-
Example of battery-full
-
Example of battery-half
-
Example of battery-quarter
-
Example of battery-three-quarters
-
Example of bed
-
Example of beer
-
Example of bell
-
Example of bell-o
-
Example of bell-slash
-
Example of bell-slash-o
-
Example of bicycle
-
Example of binoculars
-
Example of birthday-cake
-
Example of blind
-
Example of bluetooth
-
Example of bluetooth-b
-
Example of bolt
-
Example of bomb
-
Example of book
-
Example of bookmark
-
Example of bookmark-o
-
Example of braille
-
Example of briefcase
-
Example of bug
-
Example of building
-
Example of building-o
-
Example of bullhorn
-
Example of bullseye
-
Example of bus
-
Example of cab (alias)
-
Example of calculator
-
Example of calendar
-
Example of calendar-check-o
-
Example of calendar-minus-o
-
Example of calendar-o
-
Example of calendar-plus-o
-
Example of calendar-times-o
-
Example of camera
-
Example of camera-retro
-
Example of car
-
Example of caret-square-o-down
-
Example of caret-square-o-left
-
Example of caret-square-o-right
-
Example of caret-square-o-up
-
Example of cart-arrow-down
-
Example of cart-plus
-
Example of cc
-
Example of certificate
-
Example of check
-
Example of check-circle
-
Example of check-circle-o
-
Example of check-square
-
Example of check-square-o
-
Example of child
-
Example of circle
-
Example of circle-o
-
Example of circle-o-notch
-
Example of circle-thin
-
Example of clock-o
-
Example of clone
-
Example of close (alias)
-
Example of cloud
-
Example of cloud-download
-
Example of cloud-upload
-
Example of code
-
Example of code-fork
-
Example of coffee
-
Example of cog
-
Example of cogs
-
Example of comment
-
Example of comment-o
-
Example of commenting
-
Example of commenting-o
-
Example of comments
-
Example of comments-o
-
Example of compass
-
Example of copyright
-
Example of creative-commons
-
Example of credit-card
-
Example of credit-card-alt
-
Example of crop
-
Example of crosshairs
-
Example of cube
-
Example of cubes
-
Example of cutlery
-
Example of dashboard (alias)
-
Example of database
-
Example of deaf
-
Example of deafness (alias)
-
Example of desktop
-
Example of diamond
-
Example of dot-circle-o
-
Example of download
-
Example of drivers-license (alias)
-
Example of drivers-license-o (alias)
-
Example of edit (alias)
-
Example of ellipsis-h
-
Example of ellipsis-v
-
Example of envelope
-
Example of envelope-o
-
Example of envelope-open
-
Example of envelope-open-o
-
Example of envelope-square
-
Example of eraser
-
Example of exchange
-
Example of exclamation
-
Example of exclamation-circle
-
Example of exclamation-triangle
-
Example of external-link
-
Example of external-link-square
-
Example of eye
-
Example of eye-slash
-
Example of eyedropper
-
Example of fax
-
Example of feed (alias)
-
Example of female
-
Example of fighter-jet
-
Example of file-archive-o
-
Example of file-audio-o
-
Example of file-code-o
-
Example of file-excel-o
-
Example of file-image-o
-
Example of file-movie-o (alias)
-
Example of file-pdf-o
-
Example of file-photo-o (alias)
-
Example of file-picture-o (alias)
-
Example of file-powerpoint-o
-
Example of file-sound-o (alias)
-
Example of file-video-o
-
Example of file-word-o
-
Example of file-zip-o (alias)
-
Example of film
-
Example of filter
-
Example of fire
-
Example of fire-extinguisher
-
Example of flag
-
Example of flag-checkered
-
Example of flag-o
-
Example of flash (alias)
-
Example of flask
-
Example of folder
-
Example of folder-o
-
Example of folder-open
-
Example of folder-open-o
-
Example of frown-o
-
Example of futbol-o
-
Example of gamepad
-
Example of gavel
-
Example of gear (alias)
-
Example of gears (alias)
-
Example of gift
-
Example of glass
-
Example of globe
-
Example of graduation-cap
-
Example of group (alias)
-
Example of hand-grab-o (alias)
-
Example of hand-lizard-o
-
Example of hand-paper-o
-
Example of hand-peace-o
-
Example of hand-pointer-o
-
Example of hand-rock-o
-
Example of hand-scissors-o
-
Example of hand-spock-o
-
Example of hand-stop-o (alias)
-
Example of handshake-o
-
Example of hard-of-hearing (alias)
-
Example of hashtag
-
Example of hdd-o
-
Example of headphones
-
Example of heart
-
Example of heart-o
-
Example of heartbeat
-
Example of history
-
Example of home
-
Example of hotel (alias)
-
Example of hourglass
-
Example of hourglass-1 (alias)
-
Example of hourglass-2 (alias)
-
Example of hourglass-3 (alias)
-
Example of hourglass-end
-
Example of hourglass-half
-
Example of hourglass-o
-
Example of hourglass-start
-
Example of i-cursor
-
Example of id-badge
-
Example of id-card
-
Example of id-card-o
-
Example of image (alias)
-
Example of inbox
-
Example of industry
-
Example of info
-
Example of info-circle
-
Example of institution (alias)
-
Example of key
-
Example of keyboard-o
-
Example of language
-
Example of laptop
-
Example of leaf
-
Example of legal (alias)
-
Example of lemon-o
-
Example of level-down
-
Example of level-up
-
Example of life-bouy (alias)
-
Example of life-buoy (alias)
-
Example of life-ring
-
Example of life-saver (alias)
-
Example of lightbulb-o
-
Example of line-chart
-
Example of location-arrow
-
Example of lock
-
Example of low-vision
-
Example of magic
-
Example of magnet
-
Example of mail-forward (alias)
-
Example of mail-reply (alias)
-
Example of mail-reply-all (alias)
-
Example of male
-
Example of map
-
Example of map-marker
-
Example of map-o
-
Example of map-pin
-
Example of map-signs
-
Example of meh-o
-
Example of microchip
-
Example of microphone
-
Example of microphone-slash
-
Example of minus
-
Example of minus-circle
-
Example of minus-square
-
Example of minus-square-o
-
Example of mobile
-
Example of mobile-phone (alias)
-
Example of money
-
Example of moon-o
-
Example of mortar-board (alias)
-
Example of motorcycle
-
Example of mouse-pointer
-
Example of music
-
Example of navicon (alias)
-
Example of newspaper-o
-
Example of object-group
-
Example of object-ungroup
-
Example of paint-brush
-
Example of paper-plane
-
Example of paper-plane-o
-
Example of paw
-
Example of pencil
-
Example of pencil-square
-
Example of pencil-square-o
-
Example of percent
-
Example of phone
-
Example of phone-square
-
Example of photo (alias)
-
Example of picture-o
-
Example of pie-chart
-
Example of plane
-
Example of plug
-
Example of plus
-
Example of plus-circle
-
Example of plus-square
-
Example of plus-square-o
-
Example of podcast
-
Example of power-off
-
Example of print
-
Example of puzzle-piece
-
Example of qrcode
-
Example of question
-
Example of question-circle
-
Example of question-circle-o
-
Example of quote-left
-
Example of quote-right
-
Example of random
-
Example of recycle
-
Example of refresh
-
Example of registered
-
Example of remove (alias)
-
Example of reorder (alias)
-
Example of reply
-
Example of reply-all
-
Example of retweet
-
Example of road
-
Example of rocket
-
Example of rss
-
Example of rss-square
-
Example of s15 (alias)
-
Example of search
-
Example of search-minus
-
Example of search-plus
-
Example of send (alias)
-
Example of send-o (alias)
-
Example of server
-
Example of share
-
Example of share-alt
-
Example of share-alt-square
-
Example of share-square
-
Example of share-square-o
-
Example of shield
-
Example of ship
-
Example of shopping-bag
-
Example of shopping-basket
-
Example of shopping-cart
-
Example of shower
-
Example of sign-in
-
Example of sign-language
-
Example of sign-out
-
Example of signal
-
Example of signing (alias)
-
Example of sitemap
-
Example of sliders
-
Example of smile-o
-
Example of snowflake-o
-
Example of soccer-ball-o (alias)
-
Example of sort
-
Example of sort-alpha-asc
-
Example of sort-alpha-desc
-
Example of sort-amount-asc
-
Example of sort-amount-desc
-
Example of sort-asc
-
Example of sort-desc
-
Example of sort-down (alias)
-
Example of sort-numeric-asc
-
Example of sort-numeric-desc
-
Example of sort-up (alias)
-
Example of space-shuttle
-
Example of spinner
-
Example of spoon
-
Example of square
-
Example of square-o
-
Example of star
-
Example of star-half
-
Example of star-half-empty (alias)
-
Example of star-half-full (alias)
-
Example of star-half-o
-
Example of star-o
-
Example of sticky-note
-
Example of sticky-note-o
-
Example of street-view
-
Example of suitcase
-
Example of sun-o
-
Example of support (alias)
-
Example of tablet
-
Example of tachometer
-
Example of tag
-
Example of tags
-
Example of tasks
-
Example of taxi
-
Example of television
-
Example of terminal
-
Example of thermometer (alias)
-
Example of thermometer-0 (alias)
-
Example of thermometer-1 (alias)
-
Example of thermometer-2 (alias)
-
Example of thermometer-3 (alias)
-
Example of thermometer-4 (alias)
-
Example of thermometer-empty
-
Example of thermometer-full
-
Example of thermometer-half
-
Example of thermometer-quarter
-
Example of thermometer-three-quarters
-
Example of thumb-tack
-
Example of thumbs-down
-
Example of thumbs-o-down
-
Example of thumbs-o-up
-
Example of thumbs-up
-
Example of ticket
-
Example of times
-
Example of times-circle
-
Example of times-circle-o
-
Example of times-rectangle (alias)
-
Example of times-rectangle-o (alias)
-
Example of tint
-
Example of toggle-down (alias)
-
Example of toggle-left (alias)
-
Example of toggle-off
-
Example of toggle-on
-
Example of toggle-right (alias)
-
Example of toggle-up (alias)
-
Example of trademark
-
Example of trash
-
Example of trash-o
-
Example of tree
-
Example of trophy
-
Example of truck
-
Example of tty
-
Example of tv (alias)
-
Example of umbrella
-
Example of universal-access
-
Example of university
-
Example of unlock
-
Example of unlock-alt
-
Example of unsorted (alias)
-
Example of upload
-
Example of user
-
Example of user-circle
-
Example of user-circle-o
-
Example of user-o
-
Example of user-plus
-
Example of user-secret
-
Example of user-times
-
Example of users
-
Example of vcard (alias)
-
Example of vcard-o (alias)
-
Example of video-camera
-
Example of volume-control-phone
-
Example of volume-down
-
Example of volume-off
-
Example of volume-up
-
Example of warning (alias)
-
Example of wheelchair
-
Example of wheelchair-alt
-
Example of wifi
-
Example of window-close
-
Example of window-close-o
-
Example of window-maximize
-
Example of window-minimize
-
Example of window-restore
-
Example of wrench
-
-
-
-

Accessibility Icons

-
-
Example of american-sign-language-interpreting
-
Example of asl-interpreting (alias)
-
Example of assistive-listening-systems
-
Example of audio-description
-
Example of blind
-
Example of braille
-
Example of cc
-
Example of deaf
-
Example of deafness (alias)
-
Example of hard-of-hearing (alias)
-
Example of low-vision
-
Example of question-circle-o
-
Example of sign-language
-
Example of signing (alias)
-
Example of tty
-
Example of universal-access
-
Example of volume-control-phone
-
Example of wheelchair
-
Example of wheelchair-alt
-
-
-
-

Hand Icons

-
-
Example of hand-grab-o (alias)
-
Example of hand-lizard-o
-
Example of hand-o-down
-
Example of hand-o-left
-
Example of hand-o-right
-
Example of hand-o-up
-
Example of hand-paper-o
-
Example of hand-peace-o
-
Example of hand-pointer-o
-
Example of hand-rock-o
-
Example of hand-scissors-o
-
Example of hand-spock-o
-
Example of hand-stop-o (alias)
-
Example of thumbs-down
-
Example of thumbs-o-down
-
Example of thumbs-o-up
-
Example of thumbs-up
-
-
-
-

Transportation Icons

-
-
Example of ambulance
-
Example of automobile (alias)
-
Example of bicycle
-
Example of bus
-
Example of cab (alias)
-
Example of car
-
Example of fighter-jet
-
Example of motorcycle
-
Example of plane
-
Example of rocket
-
Example of ship
-
Example of space-shuttle
-
Example of subway
-
Example of taxi
-
Example of train
-
Example of truck
-
Example of wheelchair
-
Example of wheelchair-alt
-
-
-
-

Gender Icons

-
-
Example of genderless
-
Example of intersex (alias)
-
Example of mars
-
Example of mars-double
-
Example of mars-stroke
-
Example of mars-stroke-h
-
Example of mars-stroke-v
-
Example of mercury
-
Example of neuter
-
Example of transgender
-
Example of transgender-alt
-
Example of venus
-
Example of venus-double
-
Example of venus-mars
-
-
-
-

File Type Icons

-
-
Example of file
-
Example of file-archive-o
-
Example of file-audio-o
-
Example of file-code-o
-
Example of file-excel-o
-
Example of file-image-o
-
Example of file-movie-o (alias)
-
Example of file-o
-
Example of file-pdf-o
-
Example of file-photo-o (alias)
-
Example of file-picture-o (alias)
-
Example of file-powerpoint-o
-
Example of file-sound-o (alias)
-
Example of file-text
-
Example of file-text-o
-
Example of file-video-o
-
Example of file-word-o
-
Example of file-zip-o (alias)
-
-
-
-

Spinner Icons

-
-
Example of circle-o-notch
-
Example of cog
-
Example of gear (alias)
-
Example of refresh
-
Example of spinner
-
-
-
-

Form Control Icons

-
-
Example of check-square
-
Example of check-square-o
-
Example of circle
-
Example of circle-o
-
Example of dot-circle-o
-
Example of minus-square
-
Example of minus-square-o
-
Example of plus-square
-
Example of plus-square-o
-
Example of square
-
Example of square-o
-
-
-
-

Payment Icons

-
-
Example of cc-amex
-
Example of cc-diners-club
-
Example of cc-discover
-
Example of cc-jcb
-
Example of cc-mastercard
-
Example of cc-paypal
-
Example of cc-stripe
-
Example of cc-visa
-
Example of credit-card
-
Example of credit-card-alt
-
Example of google-wallet
-
Example of paypal
-
-
-
-

Chart Icons

-
-
Example of area-chart
-
Example of bar-chart
-
Example of bar-chart-o (alias)
-
Example of line-chart
-
Example of pie-chart
-
-
-
-

Currency Icons

-
-
Example of bitcoin (alias)
-
Example of btc
-
Example of cny (alias)
-
Example of dollar (alias)
-
Example of eur
-
Example of euro (alias)
-
Example of gbp
-
Example of gg
-
Example of gg-circle
-
Example of ils
-
Example of inr
-
Example of jpy
-
Example of krw
-
Example of money
-
Example of rmb (alias)
-
Example of rouble (alias)
-
Example of rub
-
Example of ruble (alias)
-
Example of rupee (alias)
-
Example of shekel (alias)
-
Example of sheqel (alias)
-
Example of try
-
Example of turkish-lira (alias)
-
Example of usd
-
Example of won (alias)
-
Example of yen (alias)
-
-
-
-

Text Editor Icons

-
-
Example of align-center
-
Example of align-justify
-
Example of align-left
-
Example of align-right
-
Example of bold
-
Example of chain (alias)
-
Example of chain-broken
-
Example of clipboard
-
Example of columns
-
Example of copy (alias)
-
Example of cut (alias)
-
Example of dedent (alias)
-
Example of eraser
-
Example of file
-
Example of file-o
-
Example of file-text
-
Example of file-text-o
-
Example of files-o
-
Example of floppy-o
-
Example of font
-
Example of header
-
Example of indent
-
Example of italic
-
Example of link
-
Example of list
-
Example of list-alt
-
Example of list-ol
-
Example of list-ul
-
Example of outdent
-
Example of paperclip
-
Example of paragraph
-
Example of paste (alias)
-
Example of repeat
-
Example of rotate-left (alias)
-
Example of rotate-right (alias)
-
Example of save (alias)
-
Example of scissors
-
Example of strikethrough
-
Example of subscript
-
Example of superscript
-
Example of table
-
Example of text-height
-
Example of text-width
-
Example of th
-
Example of th-large
-
Example of th-list
-
Example of underline
-
Example of undo
-
Example of unlink (alias)
-
-
-
-

Directional Icons

-
-
Example of angle-double-down
-
Example of angle-double-left
-
Example of angle-double-right
-
Example of angle-double-up
-
Example of angle-down
-
Example of angle-left
-
Example of angle-right
-
Example of angle-up
-
Example of arrow-circle-down
-
Example of arrow-circle-left
-
Example of arrow-circle-o-down
-
Example of arrow-circle-o-left
-
Example of arrow-circle-o-right
-
Example of arrow-circle-o-up
-
Example of arrow-circle-right
-
Example of arrow-circle-up
-
Example of arrow-down
-
Example of arrow-left
-
Example of arrow-right
-
Example of arrow-up
-
Example of arrows
-
Example of arrows-alt
-
Example of arrows-h
-
Example of arrows-v
-
Example of caret-down
-
Example of caret-left
-
Example of caret-right
-
Example of caret-square-o-down
-
Example of caret-square-o-left
-
Example of caret-square-o-right
-
Example of caret-square-o-up
-
Example of caret-up
-
Example of chevron-circle-down
-
Example of chevron-circle-left
-
Example of chevron-circle-right
-
Example of chevron-circle-up
-
Example of chevron-down
-
Example of chevron-left
-
Example of chevron-right
-
Example of chevron-up
-
Example of exchange
-
Example of hand-o-down
-
Example of hand-o-left
-
Example of hand-o-right
-
Example of hand-o-up
-
Example of long-arrow-down
-
Example of long-arrow-left
-
Example of long-arrow-right
-
Example of long-arrow-up
-
Example of toggle-down (alias)
-
Example of toggle-left (alias)
-
Example of toggle-right (alias)
-
Example of toggle-up (alias)
-
-
-
-

Video Player Icons

-
-
Example of arrows-alt
-
Example of backward
-
Example of compress
-
Example of eject
-
Example of expand
-
Example of fast-backward
-
Example of fast-forward
-
Example of forward
-
Example of pause
-
Example of pause-circle
-
Example of pause-circle-o
-
Example of play
-
Example of play-circle
-
Example of play-circle-o
-
Example of random
-
Example of step-backward
-
Example of step-forward
-
Example of stop
-
Example of stop-circle
-
Example of stop-circle-o
-
Example of youtube-play
-
-
-
-

Brand Icons

-
-
Example of 500px
-
Example of adn
-
Example of amazon
-
Example of android
-
Example of angellist
-
Example of apple
-
Example of bandcamp
-
Example of behance
-
Example of behance-square
-
Example of bitbucket
-
Example of bitbucket-square
-
Example of bitcoin (alias)
-
Example of black-tie
-
Example of bluetooth
-
Example of bluetooth-b
-
Example of btc
-
Example of buysellads
-
Example of cc-amex
-
Example of cc-diners-club
-
Example of cc-discover
-
Example of cc-jcb
-
Example of cc-mastercard
-
Example of cc-paypal
-
Example of cc-stripe
-
Example of cc-visa
-
Example of chrome
-
Example of codepen
-
Example of codiepie
-
Example of connectdevelop
-
Example of contao
-
Example of css3
-
Example of dashcube
-
Example of delicious
-
Example of deviantart
-
Example of digg
-
Example of dribbble
-
Example of dropbox
-
Example of drupal
-
Example of edge
- - -
Example of empire
-
Example of envira
-
Example of etsy
-
Example of expeditedssl
-
Example of fa (alias)
-
Example of facebook
-
Example of facebook-f (alias)
-
Example of facebook-official
-
Example of facebook-square
-
Example of firefox
-
Example of first-order
-
Example of flickr
-
Example of font-awesome
-
Example of fonticons
-
Example of fort-awesome
-
Example of forumbee
-
Example of foursquare
-
Example of free-code-camp
-
Example of ge (alias)
-
Example of get-pocket
-
Example of gg
-
Example of gg-circle
-
Example of git
-
Example of git-square
-
Example of github
-
Example of github-alt
-
Example of github-square
-
Example of gitlab
-
Example of gittip (alias)
-
Example of glide
-
Example of glide-g
-
Example of google
-
Example of google-plus
-
Example of google-plus-circle (alias)
-
Example of google-plus-official
-
Example of google-plus-square
-
Example of google-wallet
-
Example of gratipay
-
Example of grav
-
Example of hacker-news
-
Example of houzz
-
Example of html5
-
Example of imdb
-
Example of instagram
-
Example of internet-explorer
-
Example of ioxhost
-
Example of joomla
-
Example of jsfiddle
-
Example of lastfm
-
Example of lastfm-square
-
Example of leanpub
-
Example of linkedin
-
Example of linkedin-square
-
Example of linode
-
Example of linux
-
Example of maxcdn
- - -
Example of medium
-
Example of meetup
-
Example of mixcloud
-
Example of modx
-
Example of odnoklassniki
-
Example of odnoklassniki-square
-
Example of opencart
-
Example of openid
-
Example of opera
-
Example of optin-monster
-
Example of pagelines
-
Example of paypal
-
Example of pied-piper
-
Example of pied-piper-alt
-
Example of pied-piper-pp
-
Example of pinterest
-
Example of pinterest-p
-
Example of pinterest-square
-
Example of product-hunt
-
Example of qq
-
Example of quora
-
Example of ra (alias)
-
Example of ravelry
-
Example of rebel
-
Example of reddit
-
Example of reddit-alien
-
Example of reddit-square
-
Example of renren
-
Example of resistance (alias)
-
Example of safari
-
Example of scribd
-
Example of sellsy
-
Example of share-alt
-
Example of share-alt-square
-
Example of shirtsinbulk
-
Example of simplybuilt
-
Example of skyatlas
-
Example of skype
-
Example of slack
-
Example of slideshare
-
Example of snapchat
-
Example of snapchat-ghost
-
Example of snapchat-square
-
Example of soundcloud
-
Example of spotify
-
Example of stack-exchange
-
Example of stack-overflow
-
Example of steam
-
Example of steam-square
-
Example of stumbleupon
-
Example of stumbleupon-circle
-
Example of superpowers
-
Example of telegram
-
Example of tencent-weibo
-
Example of themeisle
-
Example of trello
- - -
Example of tumblr
-
Example of tumblr-square
-
Example of twitch
-
Example of twitter
-
Example of twitter-square
-
Example of usb
-
Example of viacoin
-
Example of viadeo
-
Example of viadeo-square
-
Example of vimeo
-
Example of vimeo-square
-
Example of vine
-
Example of vk
-
Example of wechat (alias)
-
Example of weibo
-
Example of weixin
-
Example of whatsapp
-
Example of wikipedia-w
-
Example of windows
-
Example of wordpress
-
Example of wpbeginner
-
Example of wpexplorer
-
Example of wpforms
-
Example of xing
-
Example of xing-square
-
Example of y-combinator
-
Example of y-combinator-square (alias)
-
Example of yahoo
-
Example of yc (alias)
-
Example of yc-square (alias)
-
Example of yelp
-
Example of yoast
-
Example of youtube
-
Example of youtube-play
-
Example of youtube-square
-
-
-
-

Medical Icons

-
-
Example of ambulance
-
Example of h-square
-
Example of heart
-
Example of heart-o
-
Example of heartbeat
-
Example of hospital-o
-
Example of medkit
-
Example of plus-square
-
Example of stethoscope
-
Example of user-md
-
Example of wheelchair
-
Example of wheelchair-alt
-
-
-
-
- @if (ShowCatalog) - { -
-

图标分类

- -
- } -
diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs b/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs deleted file mode 100644 index 5c9542020..000000000 --- a/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs +++ /dev/null @@ -1,63 +0,0 @@ -// 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/ - -namespace BootstrapBlazor.Components; - -/// -/// -/// -public partial class FAIconList -{ - private ElementReference IconListElement { get; set; } - - private string? ClassString => CssBuilder.Default("icon-list") - .AddClass("is-catalog", ShowCatalog) - .AddClass("is-dialog", ShowCopyDialog) - .AddClassFromAttributes(AdditionalAttributes) - .Build(); - - /// - /// 获得/设置 点击时是否显示高级拷贝弹窗 默认 false 直接拷贝到粘贴板 - /// - [Parameter] - public bool ShowCopyDialog { get; set; } - - /// - /// 获得/设置 是否显示目录 默认 false 开启后需要自行增加样式 - /// - [Parameter] - public bool ShowCatalog { get; set; } - - [Inject] - [NotNull] - private DialogService? DialogService { get; set; } - - private JSInterop? Interop { get; set; } - - /// - /// OnAfterRenderAsync 方法 - /// - /// - /// - protected override async Task OnAfterRenderAsync(bool firstRender) - { - await base.OnAfterRenderAsync(firstRender); - - if (firstRender) - { - Interop ??= new(JSRuntime); - await Interop.InvokeVoidAsync(this, IconListElement, "bb_iconList", nameof(ShowDialog)); - } - } - - /// - /// - /// - /// - [JSInvokable] - public Task ShowDialog(string text) => DialogService.ShowCloseDialog("请选择图标", parameters => - { - parameters.Add(nameof(IconDialog.IconName), text); - }); -} diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.css b/src/BootstrapBlazor/Components/FAIcons/IconDialog.css similarity index 81% rename from src/BootstrapBlazor/Components/FAIcons/FAIconList.css rename to src/BootstrapBlazor/Components/FAIcons/IconDialog.css index 28b7511b1..d80016234 100644 --- a/src/BootstrapBlazor/Components/FAIcons/FAIconList.css +++ b/src/BootstrapBlazor/Components/FAIcons/IconDialog.css @@ -4,19 +4,15 @@ position: relative; } -.bb-icons > section { - padding-top: 1px; -} - -.fa-icons > section:not(:first-child) { - margin-top: 1rem; +section > h2 { + margin: 2rem 0 1rem 0; } .fa-target { display: block; } -.fontawesome-icon-list .icon-item { +.fil a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -26,23 +22,33 @@ background-color: #f0f1f3; border-radius: .5rem; padding: .75rem; + transition: .3s background-color ease-in-out; } - .fontawesome-icon-list .icon-item:hover { + .fil a:hover { background-color: var(--bs-warning); text-decoration: none; } - .fontawesome-icon-list .icon-item :where(.fa-solid, .fa-regular, .fa-brands) { - font-size: 1.25rem; - line-height: 1.25rem; - } + .fil a:hover > :not(i):not(.sr-only) { + color: inherit; + } - .fontawesome-icon-list .icon-item .icon-text { + .fil a > :not(i):not(.sr-only) { font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 11px; margin-left: 10px; line-height: 1.25rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: #919191; + transition: .3s color ease-in-out; + } + + .fil a > i { + font-size: 1.25rem; + line-height: 1.25rem; } .fa-nav { diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.js b/src/BootstrapBlazor/Components/FAIcons/IconDialog.js similarity index 97% rename from src/BootstrapBlazor/Components/FAIcons/FAIconList.js rename to src/BootstrapBlazor/Components/FAIcons/IconDialog.js index 0f63afb5a..acd5bf582 100644 --- a/src/BootstrapBlazor/Components/FAIcons/FAIconList.js +++ b/src/BootstrapBlazor/Components/FAIcons/IconDialog.js @@ -17,7 +17,7 @@ } $(container).scrollTop(margin); }); - $el.on('click', '.icon-item', function (e) { + $el.on('click', 'a', function (e) { e.preventDefault(); e.stopPropagation(); diff --git a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor index 4a6296f43..0fe6af0c4 100644 --- a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor +++ b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor @@ -9,7 +9,10 @@
@IconName
- +
@@ -19,7 +22,10 @@
@IconFullName
- + diff --git a/src/BootstrapBlazor/wwwroot/bundle/bootstrap.blazor.min.js b/src/BootstrapBlazor/wwwroot/bundle/bootstrap.blazor.min.js index 6ae1e1311..bd08451ed 100644 --- a/src/BootstrapBlazor/wwwroot/bundle/bootstrap.blazor.min.js +++ b/src/BootstrapBlazor/wwwroot/bundle/bootstrap.blazor.min.js @@ -1 +1 @@ -(function(n,t){typeof define=="function"&&(define.amd||define.cmd)?define(function(){return t(n)}):typeof exports=="object"?module.exports=t(n):n.Browser=t(n)})(typeof self!="undefined"?self:this,function(n){var r=n||{},t=typeof n.navigator!="undefined"?n.navigator:{},i=function(n,i){var r=t.mimeTypes;for(var u in r)if(r[u][n]==i)return!0;return!1};return function(n){var u=n||t.userAgent||{},f=this,e={Trident:u.indexOf("Trident")>-1||u.indexOf("NET CLR")>-1,Presto:u.indexOf("Presto")>-1,WebKit:u.indexOf("AppleWebKit")>-1,Gecko:u.indexOf("Gecko/")>-1,KHTML:u.indexOf("KHTML/")>-1,Safari:u.indexOf("Safari")>-1,Chrome:u.indexOf("Chrome")>-1||u.indexOf("CriOS")>-1,IE:u.indexOf("MSIE")>-1||u.indexOf("Trident")>-1,Edge:u.indexOf("Edge")>-1||u.indexOf("Edg/")>-1,Firefox:u.indexOf("Firefox")>-1||u.indexOf("FxiOS")>-1,"Firefox Focus":u.indexOf("Focus")>-1,Chromium:u.indexOf("Chromium")>-1,Opera:u.indexOf("Opera")>-1||u.indexOf("OPR")>-1,Vivaldi:u.indexOf("Vivaldi")>-1,Yandex:u.indexOf("YaBrowser")>-1,Arora:u.indexOf("Arora")>-1,Lunascape:u.indexOf("Lunascape")>-1,QupZilla:u.indexOf("QupZilla")>-1,"Coc Coc":u.indexOf("coc_coc_browser")>-1,Kindle:u.indexOf("Kindle")>-1||u.indexOf("Silk/")>-1,Iceweasel:u.indexOf("Iceweasel")>-1,Konqueror:u.indexOf("Konqueror")>-1,Iceape:u.indexOf("Iceape")>-1,SeaMonkey:u.indexOf("SeaMonkey")>-1,Epiphany:u.indexOf("Epiphany")>-1,"360":u.indexOf("QihooBrowser")>-1||u.indexOf("QHBrowser")>-1,"360EE":u.indexOf("360EE")>-1,"360SE":u.indexOf("360SE")>-1,UC:u.indexOf("UCBrowser")>-1||u.indexOf(" UBrowser")>-1||u.indexOf("UCWEB")>-1,QQBrowser:u.indexOf("QQBrowser")>-1,QQ:u.indexOf("QQ/")>-1,Baidu:u.indexOf("Baidu")>-1||u.indexOf("BIDUBrowser")>-1||u.indexOf("baidubrowser")>-1||u.indexOf("baiduboxapp")>-1||u.indexOf("BaiduHD")>-1,Maxthon:u.indexOf("Maxthon")>-1,Sogou:u.indexOf("MetaSr")>-1||u.indexOf("Sogou")>-1,Liebao:u.indexOf("LBBROWSER")>-1||u.indexOf("LieBaoFast")>-1,"2345Explorer":u.indexOf("2345Explorer")>-1||u.indexOf("Mb2345Browser")>-1||u.indexOf("2345chrome")>-1,"115Browser":u.indexOf("115Browser")>-1,TheWorld:u.indexOf("TheWorld")>-1,XiaoMi:u.indexOf("MiuiBrowser")>-1,Quark:u.indexOf("Quark")>-1,Qiyu:u.indexOf("Qiyu")>-1,Wechat:u.indexOf("MicroMessenger")>-1,WechatWork:u.indexOf("wxwork/")>-1,Taobao:u.indexOf("AliApp(TB")>-1,Alipay:u.indexOf("AliApp(AP")>-1,Weibo:u.indexOf("Weibo")>-1,Douban:u.indexOf("com.douban.frodo")>-1,Suning:u.indexOf("SNEBUY-APP")>-1,iQiYi:u.indexOf("IqiyiApp")>-1,DingTalk:u.indexOf("DingTalk")>-1,Huawei:u.indexOf("HuaweiBrowser")>-1||u.indexOf("HUAWEI/")>-1||u.indexOf("HONOR")>-1,Vivo:u.indexOf("VivoBrowser")>-1,Windows:u.indexOf("Windows")>-1,Linux:u.indexOf("Linux")>-1||u.indexOf("X11")>-1,"Mac OS":u.indexOf("Macintosh")>-1,Android:u.indexOf("Android")>-1||u.indexOf("Adr")>-1,HarmonyOS:u.indexOf("HarmonyOS")>-1,Ubuntu:u.indexOf("Ubuntu")>-1,FreeBSD:u.indexOf("FreeBSD")>-1,Debian:u.indexOf("Debian")>-1,"Windows Phone":u.indexOf("IEMobile")>-1||u.indexOf("Windows Phone")>-1,BlackBerry:u.indexOf("BlackBerry")>-1||u.indexOf("RIM")>-1,MeeGo:u.indexOf("MeeGo")>-1,Symbian:u.indexOf("Symbian")>-1,iOS:u.indexOf("like Mac OS X")>-1,"Chrome OS":u.indexOf("CrOS")>-1,WebOS:u.indexOf("hpwOS")>-1,Mobile:u.indexOf("Mobi")>-1||u.indexOf("iPh")>-1||u.indexOf("480")>-1,Tablet:u.indexOf("Tablet")>-1||u.indexOf("Pad")>-1||u.indexOf("Nexus 7")>-1},o=!1,s,h,c,l,v,y,a;r.chrome&&(s=u.replace(/^.*Chrome\/([\d]+).*$/,"$1"),r.chrome.adblock2345||r.chrome.common2345?e["2345Explorer"]=!0:i("type","application/360softmgrplugin")||i("type","application/mozilla-npqihooquicklogin")?o=!0:s>36&&r.showModalDialog?o=!0:s>45&&(o=i("type","application/vnd.chromium.remoting-viewer"),!o&&s>=69&&(o=i("type","application/hwepass2001.installepass2001")||i("type","application/asx"))));e.Mobile?e.Mobile=!(u.indexOf("iPad")>-1):o&&(i("type","application/gameplugin")?e["360SE"]=!0:t&&typeof t.connection!="undefined"&&typeof t.connection.saveData=="undefined"?e["360SE"]=!0:e["360EE"]=!0);e.Baidu&&e.Opera?e.Baidu=!1:e.iOS&&(e.Safari=!0);h={engine:["WebKit","Trident","Gecko","Presto","KHTML"],browser:["Safari","Chrome","Edge","IE","Firefox","Firefox Focus","Chromium","Opera","Vivaldi","Yandex","Arora","Lunascape","QupZilla","Coc Coc","Kindle","Iceweasel","Konqueror","Iceape","SeaMonkey","Epiphany","XiaoMi","Vivo","360","360SE","360EE","UC","QQBrowser","QQ","Huawei","Baidu","Maxthon","Sogou","Liebao","2345Explorer","115Browser","TheWorld","Quark","Qiyu","Wechat","WechatWork","Taobao","Alipay","Weibo","Douban","Suning","iQiYi","DingTalk"],os:["Windows","Linux","Mac OS","Android","HarmonyOS","Ubuntu","FreeBSD","Debian","iOS","Windows Phone","BlackBerry","MeeGo","Symbian","Chrome OS","WebOS"],device:["Mobile","Tablet"]};f.device="PC";f.language=function(){var i=t.browserLanguage||t.language,n=i.split("-");return n[1]&&(n[1]=n[1].toUpperCase()),n.join("_")}();for(c in h)for(l=0;l-1&&(n=u.replace(/^.*LieBaoFast\/([\d.]+).*$/,"$1")),t={"57":"6.5","49":"6.0","46":"5.9","42":"5.3","39":"5.2","34":"5.0","29":"4.5","21":"4.0"},i=u.replace(/^.*Chrome\/([\d]+).*$/,"$1"),n||t[i]||""},"2345Explorer":function(){var n=navigator.userAgent.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"69":"10.0","55":"9.9"}[n]||u.replace(/^.*2345Explorer\/([\d.]+).*$/,"$1").replace(/^.*Mb2345Browser\/([\d.]+).*$/,"$1")},"115Browser":function(){return u.replace(/^.*115Browser\/([\d.]+).*$/,"$1")},TheWorld:function(){return u.replace(/^.*TheWorld ([\d.]+).*$/,"$1")},XiaoMi:function(){return u.replace(/^.*MiuiBrowser\/([\d.]+).*$/,"$1")},Vivo:function(){return u.replace(/^.*VivoBrowser\/([\d.]+).*$/,"$1")},Quark:function(){return u.replace(/^.*Quark\/([\d.]+).*$/,"$1")},Qiyu:function(){return u.replace(/^.*Qiyu\/([\d.]+).*$/,"$1")},Wechat:function(){return u.replace(/^.*MicroMessenger\/([\d.]+).*$/,"$1")},WechatWork:function(){return u.replace(/^.*wxwork\/([\d.]+).*$/,"$1")},Taobao:function(){return u.replace(/^.*AliApp\(TB\/([\d.]+).*$/,"$1")},Alipay:function(){return u.replace(/^.*AliApp\(AP\/([\d.]+).*$/,"$1")},Weibo:function(){return u.replace(/^.*weibo__([\d.]+).*$/,"$1")},Douban:function(){return u.replace(/^.*com.douban.frodo\/([\d.]+).*$/,"$1")},Suning:function(){return u.replace(/^.*SNEBUY-APP([\d.]+).*$/,"$1")},iQiYi:function(){return u.replace(/^.*IqiyiVersion\/([\d.]+).*$/,"$1")},DingTalk:function(){return u.replace(/^.*DingTalk\/([\d.]+).*$/,"$1")},Huawei:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1").replace(/^.*HuaweiBrowser\/([\d.]+).*$/,"$1")}};f.version="";a[f.browser]&&(f.version=a[f.browser](),f.version==u&&(f.version=""));f.browser=="Chrome"&&u.match(/\S+Browser/)&&(f.browser=u.match(/\S+Browser/)[0],f.version=u.replace(/^.*Browser\/([\d.]+).*$/,"$1"));f.browser=="Firefox"&&(window.clientInformation||!window.u2f)&&(f.browser+=" Nightly");f.browser=="Edge"?f.engine=f.version>"75"?"Blink":"EdgeHTML":e.Chrome&&f.engine=="WebKit"&&parseInt(a.Chrome())>27?f.engine="Blink":f.browser=="Opera"&&parseInt(f.version)>12?f.engine="Blink":f.browser=="Yandex"&&(f.engine="Blink")}}),function(n){function r(t){return this.each(function(){var u=n(this),r=u.data(i.DATA_KEY),f=typeof t=="object"&&t;r?r.update(f):u.data(i.DATA_KEY,r=new i(this,f))})}var i=function(t,i){this.$element=n(t);this.options=n.extend({},i);this.init()},t;i.VERSION="5.1.0";i.Author="argo@163.com";i.DATA_KEY="lgb.SliderCaptcha";t=i.prototype;t.init=function(){this.initDOM();this.initImg();this.bindEvents()};t.initDOM=function(){var u=this.$element.find("canvas:first")[0].getContext("2d"),t=this.$element.find("canvas:last")[0],f=t.getContext("2d"),e=this.$element.find(".captcha-load"),i=this.$element.find(".captcha-footer"),o=i.find(".captcha-bar-bg"),s=this.$element.find(".captcha-bar"),r=this.$element.find(".captcha-bar-text"),h=this.$element.find(".captcha-refresh"),c=r.attr("data-text");n.extend(this,{canvas:u,block:t,bar:f,$load:e,$footer:i,$barLeft:o,$slider:s,$barText:r,$refresh:h,barText:c})};t.initImg=function(){var i=function(n,t){var i=this.options.sideLength,f=this.options.diameter,e=Math.PI,r=this.options.offsetX,u=this.options.offsetY;n.beginPath();n.moveTo(r,u);n.arc(r+i/2,u-f+2,f,.72*e,2.26*e);n.lineTo(r+i,u);n.arc(r+i+f-2,u+i/2,f,1.21*e,2.78*e);n.lineTo(r+i,u+i);n.lineTo(r,u+i);n.arc(r+f-2,u+i/2,f+.4,2.76*e,1.24*e,!0);n.lineTo(r,u);n.lineWidth=2;n.fillStyle="rgba(255, 255, 255, 0.7)";n.strokeStyle="rgba(255, 255, 255, 0.7)";n.stroke();n[t]();n.globalCompositeOperation="destination-over"},t=new Image,n;t.src=this.options.imageUrl;n=this;t.onload=function(){i.call(n,n.canvas,"fill");i.call(n,n.bar,"clip");n.canvas.drawImage(t,0,0,n.options.width,n.options.height);n.bar.drawImage(t,0,0,n.options.width,n.options.height);var r=n.options.offsetY-n.options.diameter*2-1,u=n.bar.getImageData(n.options.offsetX-3,r,n.options.barWidth,n.options.barWidth);n.block.width=n.options.barWidth;n.bar.putImageData(u,0,r)};t.onerror=function(){n.$load.text($load.attr("data-failed")).addClass("text-danger")}};t.bindEvents=function(){var n=this,t=0,i=0,r=[];this.$slider.drag(function(r){n.$barText.addClass("d-none");t=r.clientX||r.touches[0].clientX;i=r.clientY||r.touches[0].clientY},function(u){var o=u.clientX||u.touches[0].clientX,s=u.clientY||u.touches[0].clientY,f=o-t,h=s-i,e;if(f<0||f+40>n.options.width)return!1;n.$slider.css({left:f-1+"px"});e=(n.options.width-60)/(n.options.width-40)*f;n.block.style.left=e+"px";n.$footer.addClass("is-move");n.$barLeft.css({width:f+4+"px"});r.push(Math.round(h))},function(i){var f=i.clientX||i.changedTouches[0].clientX,u;n.$footer.removeClass("is-move");u=Math.ceil((n.options.width-60)/(n.options.width-40)*(f-t)+3);n.verify(u,r)});this.$refresh.on("click",function(){n.options.barText=n.$barText.attr("data-text")})};t.verify=function(n,t){var r=this.options.remoteObj.obj,u=this.options.remoteObj.method,i=this;r.invokeMethodAsync(u,n,t).then(function(n){n?(i.$footer.addClass("is-valid"),i.options.barText=i.$barText.attr("data-text")):(i.$footer.addClass("is-invalid"),setTimeout(function(){i.$refresh.trigger("click");i.options.barText=i.$barText.attr("data-try")},1e3))})};t.update=function(t){n.extend(this.options,t);this.resetCanvas();this.initImg();this.resetBar()};t.resetCanvas=function(){this.canvas.clearRect(0,0,this.options.width,this.options.height);this.bar.clearRect(0,0,this.options.width,this.options.height);this.block.width=this.options.width;this.block.style.left=0;this.$load.text(this.$load.attr("data-load")).removeClass("text-danger")};t.resetBar=function(){this.$footer.removeClass("is-invalid is-valid");this.$barText.text(this.options.barText).removeClass("d-none");this.$slider.css({left:"0px"});this.$barLeft.css({width:"0px"})};n.fn.sliderCaptcha=r;n.fn.sliderCaptcha.Constructor=i;n.extend({captcha:function(t,i,r,u){u.remoteObj={obj:i,method:r};n(t).sliderCaptcha(u)}})}(jQuery),function(n){n.isFunction(Date.prototype.format)||(Date.prototype.format=function(n){var i={"M+":this.getMonth()+1,"d+":this.getDate(),"h+":this.getHours()%12==0?12:this.getHours()%12,"H+":this.getHours(),"m+":this.getMinutes(),"s+":this.getSeconds(),"q+":Math.floor((this.getMonth()+3)/3),S:this.getMilliseconds()},t;/(y+)/.test(n)&&(n=n.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length)));/(E+)/.test(n)&&(n=n.replace(RegExp.$1,(RegExp.$1.length>1?RegExp.$1.length>2?"星期":"周":"")+{0:"日",1:"一",2:"二",3:"三",4:"四",5:"五",6:"六"}[this.getDay()]));for(t in i)new RegExp("("+t+")").test(n)&&(n=n.replace(RegExp.$1,RegExp.$1.length===1?i[t]:("00"+i[t]).substr((""+i[t]).length)));return n});n.browser={versions:function(){var n=navigator.userAgent;return{trident:n.indexOf("Trident")>-1,presto:n.indexOf("Presto")>-1,webKit:n.indexOf("AppleWebKit")>-1,gecko:n.indexOf("Gecko")>-1&&n.indexOf("KHTML")===-1,mobile:!!n.match(/AppleWebKit.*Mobile.*/),ios:!!n.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),android:n.indexOf("Android")>-1||n.indexOf("Linux")>-1,iPhone:n.indexOf("iPhone")>-1,iPod:n.indexOf("iPod")>-1,iPad:n.indexOf("iPad")>-1,mac:n.indexOf("Macintosh")>-1,webApp:n.indexOf("Safari")===-1}}(),language:(navigator.browserLanguage||navigator.language).toLowerCase()};Array.prototype.indexOf=function(n){for(var t=0;t-1&&this.splice(t,1)};n.extend({format:function(t,i){return i===undefined||i===null?null:(arguments.length>2&&i.constructor!==Array&&(i=n.makeArray(arguments).slice(1)),i.constructor!==Array&&(i=[i]),n.each(i,function(n,i){t=t.replace(new RegExp("\\{"+n+"\\}","g"),function(){return i})}),t)},getUID:function(n){n||(n="b");do n+=~~(Math.random()*1e6);while(document.getElementById(n));return n},webClient:function(t,i,r){var u={},f=new Browser;u.Browser=f.browser+" "+f.version;u.Os=f.os+" "+f.osVersion;u.Device=f.device;u.Language=f.language;u.Engine=f.engine;u.UserAgent=navigator.userAgent;n.ajax({type:"GET",url:i,success:function(n){t.invokeMethodAsync(r,n.Id,n.Ip,u.Os,u.Browser,u.Device,u.Language,u.Engine,u.UserAgent)},error:function(){console.error("Please add UseBootstrapBlazor middleware");t.invokeMethodAsync(r,"","",u.Os,u.Browser,u.Device,u.Language,u.Engine,u.UserAgent)}})},bb_vibrate:function(){if("vibrate"in window.navigator){window.navigator.vibrate([200,100,200]);var n=window.setTimeout(function(){window.clearTimeout(n);window.navigator.vibrate([])},1e3)}},bb_setIndeterminate:function(n,t){document.getElementById(n).indeterminate=t}});n.fn.extend({drag:function(t,i,r){var u=n(this),o=function(i){i.preventDefault();i.stopPropagation();document.addEventListener("mousemove",f);document.addEventListener("touchmove",f);document.addEventListener("mouseup",e);document.addEventListener("touchend",e);n.isFunction(t)&&t.call(u,i)},f=function(t){t.touches&&t.touches.length>1||n.isFunction(i)&&i.call(u,t)},e=function(t){n.isFunction(r)&&r.call(u,t);window.setTimeout(function(){document.removeEventListener("mousemove",f);document.removeEventListener("touchmove",f);document.removeEventListener("mouseup",e);document.removeEventListener("touchend",e)},100)};u.on("mousedown",o);u.on("touchstart",o)},touchScale:function(t,i){i=n.extend({max:null,min:.195},i);var f=this[0],r={scale:1},u=n(this);f.addEventListener("touchstart",function(n){var i=n.touches,u=i[0],t=i[1];n.preventDefault();r.pageX=u.pageX;r.pageY=u.pageY;r.moveable=!0;t&&(r.pageX2=t.pageX,r.pageY2=t.pageY);r.originScale=r.scale||1});document.addEventListener("touchmove",function(f){if(r.moveable){var s=f.touches,h=s[0],o=s[1];if(o){f.preventDefault();u.hasClass("transition-none")||u.addClass("transition-none");r.pageX2||(r.pageX2=o.pageX);r.pageY2||(r.pageY2=o.pageY);var c=function(n,t){return Math.hypot(t.x-n.x,t.y-n.y)},l=c({x:h.pageX,y:h.pageY},{x:o.pageX,y:o.pageY})/c({x:r.pageX,y:r.pageY},{x:r.pageX2,y:r.pageY2}),e=r.originScale*l;i.max!=null&&e>i.max&&(e=i.max);i.min!=null&&e-1});t.length===0&&(t=document.createElement("script"),t.setAttribute("src",n),document.body.appendChild(t))},r=function(n){var i,t;const r=[...document.getElementsByTagName("script")];for(i=r.filter(function(t){return t.src.indexOf(n)>-1}),t=0;t-1});t.length===0&&(t=document.createElement("link"),t.setAttribute("href",n),t.setAttribute("rel","stylesheet"),document.getElementsByTagName("head")[0].appendChild(t))},f=function(){var t,n;const i=[...document.getElementsByTagName("link")];for(t=i.filter(function(n){return n.href.indexOf(content)>-1}),n=0;n<\/div>');o==="inline"&&u.addClass("form-inline");e.children().each(function(e,o){var s=n(o),c=s.data("toggle")==="row",h=r._getColSpan(s);c?n("
<\/div>").addClass(r._calc(h)).appendTo(u).append(s):(f=s.prop("tagName")==="LABEL",f?(i===null&&(i=n("
<\/div>").addClass(r._calc(h))),i.append(s)):(f=!1,i==null&&(i=n("
<\/div>").addClass(r._calc(h))),i.append(s),t==null?i.appendTo(u):i.appendTo(t),i=null))});t==null&&e.append(u)},_layout_parent_row:function(){var t=this.$element.data("target"),i=n('[data-uid="'+t+'"]'),r=n('
<\/div>').appendTo(i);this._layout_column(r)},_calc:function(n){var t=this.options.itemsPerRow,i;return n>0&&(t=t*n),i="col-12",t!==12&&(i="col-12 col-sm-"+t),i},_getColSpan:function(n){var t=parseInt(n.data("colspan"));return isNaN(t)&&(t=0),t}});n.fn.grid=i;n.fn.grid.Constructor=t}(jQuery),function(n){function r(i){return this.each(function(){var u=n(this),r=u.data(t.DATA_KEY),f=typeof i=="object"&&i;r||u.data(t.DATA_KEY,r=new t(this,f));typeof i=="string"&&/active/.test(i)&&r[i].apply(r)})}var t=function(t,i){this.$element=n(t);this.$header=this.$element.children(".tabs-header");this.$wrap=this.$header.children(".tabs-nav-wrap");this.$scroll=this.$wrap.children(".tabs-nav-scroll");this.$tab=this.$scroll.children(".tabs-nav");this.options=n.extend({},i);this.init()},i;t.VERSION="5.1.0";t.Author="argo@163.com";t.DATA_KEY="lgb.Tab";i=t.prototype;i.init=function(){var t=this;n(window).on("resize",function(){t.resize()});this.active()};i.fixSize=function(){var n=this.$element.height(),t=this.$element.width();this.$element.css({height:n+"px",width:t+"px"})};i.resize=function(){var n,t,i,r,u;this.vertical=this.$element.hasClass("tabs-left")||this.$element.hasClass("tabs-right");this.horizontal=this.$element.hasClass("tabs-top")||this.$element.hasClass("tabs-bottom");n=this.$tab.find(".tabs-item:last");n.length>0&&(this.vertical?(this.$wrap.css({height:this.$element.height()+"px"}),t=this.$tab.height(),i=n.position().top+n.outerHeight(),i0?this.$scroll.scrollTop(t+s):(f=u-t,f<0&&this.$scroll.scrollTop(t+f));r.css({width:"2px",transform:"translateY("+u+"px)"})}else{var e=n.position().left,y=e+n.outerWidth(),i=this.$scroll.scrollLeft(),p=this.$scroll.width(),h=y-i-p;h>0?this.$scroll.scrollLeft(i+h):(o=e-i,o<0&&this.$scroll.scrollLeft(i+o));c=n.width();l=e+parseInt(n.css("paddingLeft"));r.css({width:c+"px",transform:"translateX("+l+"px)"})}};n.fn.lgbTab=r;n.fn.lgbTab.Constructor=t}(jQuery),function(n){n.extend({bb_ajax:function(t,i,r){r=JSON.stringify(r);var u=null;return(n.ajax({url:t,data:r,method:i,contentType:"application/json",dataType:"json","async":!1,success:function(n){u=n},error:function(){return null}}),u==null)?null:JSON.stringify(u)},bb_ajax_goto:function(n){window.location.href=n}})}(jQuery),function(n){n.extend({bb_anchor:function(t){var i=n(t);i.on("click",function(t){var f,u,r,e,o;t.preventDefault();f=n(i.data("target"));u=i.data("container");u||(u=window);r=f.offset().top;e=f.css("marginTop").replace("px","");e&&(r=r-parseInt(e));o=i.data("offset");o&&(r=r-parseInt(o));n(u).scrollTop(r)})}})}(jQuery),function(n){n(function(){n(document).on("click",".anchor-link",function(){var t=n(this),i=t.attr("id"),r,u,f;i&&(r=t.attr("data-title"),u=window.location.origin+window.location.pathname+"#"+i,n.bb_copyText(u),t.tooltip({title:r}),t.tooltip("show"),f=window.setTimeout(function(){window.clearTimeout(f);t.tooltip("dispose")},1e3))})})}(jQuery),function(n){n.extend({bb_autoScrollItem:function(t,i){var s=n(t),r=s.find(".dropdown-menu"),e=parseInt(r.css("max-height").replace("px",""))/2,u=r.children("li:first").outerHeight(),h=u*i,f=Math.floor(e/u),o;r.children().removeClass("active");o=r.children().length;ie?r.scrollTop(u*(i>f?i-f:i)):i<=f&&r.scrollTop(0)},bb_composition:function(t,i,r){var u=!1,f=n(t);f.on("compositionstart",function(){u=!0});f.on("compositionend",function(){u=!1});f.on("input",function(n){u&&(n.stopPropagation(),n.preventDefault(),setTimeout(function(){u||i.invokeMethodAsync(r,f.val())},15))})},bb_setDebounce:function(t,i){var f=n(t),u;let r;u=["ArrowUp","ArrowDown","Escape","Enter"];f.on("keyup",function(n){u.indexOf(n.key)<1&&r?(clearTimeout(r),n.stopPropagation(),r=setTimeout(function(){r=null;n.target.dispatchEvent(n.originalEvent)},i)):r=setTimeout(function(){},i)})}})}(jQuery),function(n){n.extend({bb_auto_redirect:function(t,i,r){var u={},f=1,e=window.setInterval(function(){n(document).off("mousemove").one("mousemove",function(n){(u.screenX!==n.screenX||u.screenY!==n.screenY)&&(u.screenX=n.screenX,u.screenY=n.screenY,f=1)});n(document).off("keydown").one("keydown",function(){f=1})},1e3),o=window.setInterval(function(){f++>i&&(window.clearInterval(o),window.clearInterval(e),t.invokeMethodAsync(r))},1e3)}})}(jQuery),function(n){n.extend({bb_camera:function(t,i,r,u,f,e){var o=n(t),h=function(n,t){n.pause();n.srcObject=null;t.stop()},c,s;if(r==="stop"){c=o.find("video")[0];s=o.data("bb_video_track");s&&h(c,s);return}navigator.mediaDevices.enumerateDevices().then(function(t){var l=t.filter(function(n){return n.kind==="videoinput"}),r,s,a,c;i.invokeMethodAsync("InitDevices",l).then(()=>{u&&l.length>0&&o.find('button[data-method="play"]').trigger("click")});r=o.find("video")[0];s=o.find("canvas")[0];s.width=f;s.height=e;a=s.getContext("2d");o.on("click","button[data-method]",async function(){var l=n(this).attr("data-method"),t,v,u;if(l==="play"){var w=n(this).attr("data-camera"),y=o.find(".dropdown-item.active").attr("data-val"),p={video:{facingMode:w,width:f,height:e},audio:!1};y!==""&&(p.video.deviceId={exact:y});navigator.mediaDevices.getUserMedia(p).then(n=>{r.srcObject=n,r.play(),c=n.getTracks()[0],o.data("bb_video_track",c),i.invokeMethodAsync("Start")}).catch(n=>{console.log(n),i.invokeMethodAsync("GetError",n.message)})}else if(l==="stop")h(r,c),i.invokeMethodAsync("Stop");else if(l==="capture"){for(a.drawImage(r,0,0,f,e),t=s.toDataURL(),v=30720;t.length>v;)u=t.substr(0,v),console.log(u),await i.invokeMethodAsync("Capture",u),t=t.substr(u.length);t.length>0&&await i.invokeMethodAsync("Capture",t);await i.invokeMethodAsync("Capture","__BB__%END%__BB__")}})})}})}(jQuery),function(n){n.extend({bb_card_collapse:function(t){var i=n(t),r=i.attr("data-bs-collapsed")==="true";r&&(i.removeClass("is-open"),i.closest(".card").find(".card-body").css({display:"none"}));i.on("click",function(t){var r,u,i;t.target.nodeName!=="BUTTON"&&(r=n(t.target).closest("button"),r.length===0)&&(u=n(this).toggleClass("is-open"),i=u.closest(".card").find(".card-body"),i.length===1&&(i.is(":hidden")&&i.parent().toggleClass("collapsed"),i.slideToggle("fade",function(){var t=n(this);t.is(":hidden")&&t.parent().toggleClass("collapsed")})))})}})}(jQuery),function(n){n.extend({bb_carousel:function(t){var r=n(t).carousel(),i=null;r.hover(function(){var t,r,u;i!=null&&window.clearTimeout(i);t=n(this);r=t.find("[data-bs-slide]");r.removeClass("d-none");u=window.setTimeout(function(){window.clearTimeout(u);t.addClass("hover")},10)},function(){var t=n(this),r=t.find("[data-bs-slide]");t.removeClass("hover");i=window.setTimeout(function(){window.clearTimeout(i);r.addClass("d-none")},300)})}})}(jQuery),function(){$.extend({bb_cascader_hide:function(n){const t=document.getElementById(n),i=bootstrap.Dropdown.getInstance(t);i.hide()}})}(),function(n){n.extend({bb_copyText:function(n){if(navigator.clipboard)navigator.clipboard.writeText(n);else{if(typeof ele!="string")return!1;var t=document.createElement("input");t.setAttribute("type","text");t.setAttribute("value",n);document.body.appendChild(t);t.select();document.execCommand("copy");document.body.removeChild(t)}}})}(jQuery),function(n){n.extend({bb_collapse:function(t){var i=n(t),r=null;i.hasClass("is-accordion")&&(r="["+t.getAttributeNames().pop()+"]");n.each(i.children(".accordion-item"),function(){var u=n(this),i=u.children(".accordion-collapse"),t=i.attr("id"),f;t||(t=n.getUID(),i.attr("id",t),r!=null&&i.attr("data-bs-parent",r),f=u.find('[data-bs-toggle="collapse"]'),f.attr("data-bs-target","#"+t).attr("aria-controls",t))});i.find(".tree .tree-item > .fa").on("click",function(){var t=n(this).parent();t.find('[data-bs-toggle="collapse"]').trigger("click")});if(i.parent().hasClass("menu"))i.on("click",".nav-link:not(.collapse)",function(){var r=n(this),t;for(i.find(".active").removeClass("active"),r.addClass("active"),t=r.closest(".accordion");t.length>0;)t.children(".accordion-header").find(".nav-link").addClass("active"),t=t.parent().closest(".accordion")})}})}(jQuery),function(n){n.extend({bb_console:function(t){var u=n(t),i=u.find('[data-scroll="auto"]'),r;i.length>0&&(r=i.find(".console-window"),i.scrollTop(r.height()))}})}(jQuery),function(n){n.extend({bb_timePicker:function(t){var i=n(t);return i.find(".time-spinner-item").height()},bb_timecell:function(t,i,r,u){var f=n(t);f.find(".time-spinner-list").on("mousewheel wheel",function(n){var t=n.originalEvent.wheelDeltaY||-n.originalEvent.deltaY;return t>0?i.invokeMethodAsync(r):i.invokeMethodAsync(u),!1})}})}(jQuery),function(n){n.extend({bb_form_load:function(t,i){var r=n(t);i==="show"?r.addClass("show"):r.removeClass("show")}})}(jQuery),function(n){n.extend({bb_download_wasm:function(n,t,i){var u=BINDING.conv_string(n),e=BINDING.conv_string(t),o=Blazor.platform.toUint8Array(i),s=new File([o],u,{type:e}),f=URL.createObjectURL(s),r=document.createElement("a");document.body.appendChild(r);r.href=f;r.download=u;r.target="_self";r.click();URL.revokeObjectURL(f)},bb_download:function(t,i,r){var f=n.bb_create_url(t,i,r),u=document.createElement("a");document.body.appendChild(u);u.href=f;u.download=t;u.target="_self";u.click();URL.revokeObjectURL(f)},bb_create_url_wasm:function(n,t,i){var r=BINDING.conv_string(n),u=BINDING.conv_string(t),f=Blazor.platform.toUint8Array(i),e=new File([f],r,{type:u});return URL.createObjectURL(e)},bb_create_url:function(t,i,r){typeof r=="string"&&(r=n.base64DecToArr(r));var u=r,f=new File([u],t,{type:i});return URL.createObjectURL(f)},b64ToUint6:function(n){return n>64&&n<91?n-65:n>96&&n<123?n-71:n>47&&n<58?n+4:n===43?62:n===47?63:0},base64DecToArr:function(t,i){for(var h=t.replace(/[^A-Za-z0-9\+\/]/g,""),u=h.length,c=i?Math.ceil((u*3+1>>2)/i)*i:u*3+1>>2,l=new Uint8Array(c),f,e,o=0,s=0,r=0;r>>(16>>>f&24)&255;o=0}return l}})}(jQuery),function(n){n.extend({bb_drawer:function(t,i){var r=n(t),u;i?(r.addClass("is-open"),n("body").addClass("overflow-hidden")):r.hasClass("is-open")&&(r.removeClass("is-open").addClass("is-close"),u=window.setTimeout(function(){window.clearTimeout(u);r.removeClass("is-close");n("body").removeClass("overflow-hidden")},350))}})}(jQuery),function(n){n.extend({bb_filter:function(t,i,r){n(t).data("bb_filter",{obj:i,method:r})}});n(function(){n(document).on("click",function(t){var i=n(t.target),r=i.closest(".popover-datetime"),u,f,e;r.length==1&&(u=r.attr("id"),f=n('[aria-describedby="'+u+'"]'),f.closest(".datetime-picker").hasClass("is-filter"))||(e=i.closest(".table-filter-item"),e.length==0&&n(".table-filter-item.show").each(function(){var t=n(this).data("bb_filter");t.obj.invokeMethodAsync(t.method)}))});n(document).on("keyup",function(t){var i,r;t.key==="Enter"?(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("ConfirmByKey"))):t.key==="Escape"&&(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("EscByKey")))})})}(jQuery),function(n){n.extend({bb_toggleFullscreen:function(t,i){var r=t;r&&r!==""||(r=i?document.getElementById(i):document.documentElement);n.bb_IsFullscreen()?(n.bb_ExitFullscreen(),r.classList.remove("fs-open")):(n.bb_Fullscreen(r),r.classList.add("fs-open"))},bb_Fullscreen:function(n){n.requestFullscreen()||n.webkitRequestFullscreen||n.mozRequestFullScreen||n.msRequestFullscreen},bb_ExitFullscreen:function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()},bb_IsFullscreen:function(){return document.fullscreen||document.webkitIsFullScreen||document.webkitFullScreen||document.mozFullScreen||document.msFullScreent}})}(jQuery),function(n){Number.prototype.toRadians=function(){return this*Math.PI/180};n.extend({bb_geo_distance:function(n,t,i,r){var u=(i-n).toRadians(),f=(r-t).toRadians();n=n.toRadians();i=i.toRadians();var e=Math.sin(u/2)*Math.sin(u/2)+Math.cos(n)*Math.cos(i)*Math.sin(f/2)*Math.sin(f/2),o=2*Math.atan2(Math.sqrt(e),Math.sqrt(1-e));return 6371*o},bb_geo_updateLocaltion:function(t,i=0,r=0,u,f){var e=t.coords.latitude,o=t.coords.longitude,a=t.coords.accuracy,s=t.coords.altitude,h=t.coords.altitudeAccuracy,c=t.coords.heading,l=t.coords.speed,v=t.timestamp;return a>=500&&console.warn("Need more accurate values to calculate distance."),u!=null&&f!=null&&(i=n.bb_geo_distance(e,o,u,f),r+=i),u=e,f=o,s==null&&(s=0),h==null&&(h=0),c==null&&(c=0),l==null&&(l=0),{latitude:e,longitude:o,accuracy:a,altitude:s,altitudeAccuracy:h,heading:c,speed:l,timestamp:v,currentDistance:i,totalDistance:r,lastLat:u,lastLong:f}},bb_geo_handleLocationError:function(n){switch(n.code){case 0:console.error("There was an error while retrieving your location: "+n.message);break;case 1:console.error("The user prevented this page from retrieving a location.");break;case 2:console.error("The browser was unable to determine your location: "+n.message);break;case 3:console.error("The browser timed out before retrieving the location.")}},bb_geo_getCurrnetPosition:function(t,i){var r=!1;return navigator.geolocation?(r=!0,navigator.geolocation.getCurrentPosition(r=>{var u=n.bb_geo_updateLocaltion(r);t.invokeMethodAsync(i,u)},n.bb_geo_handleLocationError)):console.warn("HTML5 Geolocation is not supported in your browser"),r},bb_geo_watchPosition:function(t,i){var r=0,u=0,f=0,e,o;return navigator.geolocation?r=navigator.geolocation.watchPosition(r=>{var s=n.bb_geo_updateLocaltion(r,u,f,e,o);u=s.currentDistance;f=s.totalDistance;e=s.lastLat;o=s.lastLong;t.invokeMethodAsync(i,s)},n.bb_geo_handleLocationError,{maximumAge:2e4}):console.warn("HTML5 Geolocation is not supported in your browser"),r},bb_geo_clearWatchLocation:function(n){var t=!1;return navigator.geolocation&&(t=!0,navigator.geolocation.clearWatch(n)),t}})}(jQuery),function(n){n.extend({bb_gotop:function(t,i){var r=n(t),u=r.tooltip();r.on("click",function(t){t.preventDefault();n(i||window).scrollTop(0);u.tooltip("hide")})}})}(jQuery),function(n){n.extend({bb_handwritten:function(n,t,i,r){function u(n){var i,f,e;this.linewidth=1;this.color="#000000";this.background="#fff";for(i in n)this[i]=n[i];this.canvas=document.createElement("canvas");this.el.appendChild(this.canvas);this.cxt=this.canvas.getContext("2d");this.canvas.clientTop=this.el.clientWidth;this.canvas.width=this.el.clientWidth;this.canvas.height=this.el.clientHeight;this.cxt.fillStyle=this.background;this.cxt.fillRect(2,2,this.canvas.width,this.canvas.height);this.cxt.fillStyle=this.background;this.cxt.strokeStyle=this.color;this.cxt.lineWidth=this.linewidth;this.cxt.lineCap="round";var t="ontouchend"in window,s=this,u=!1,o=function(n){u=!0;this.cxt.beginPath();var i=n.target.offsetParent.offsetLeft,r=n.target.offsetParent.offsetTop;t?this.cxt.moveTo(n.changedTouches[0].pageX+2-i,n.changedTouches[0].pageY+2-r):this.cxt.moveTo(n.pageX+2-i,n.pageY+2-r)};t?this.canvas.addEventListener("touchstart",o.bind(this),!1):this.canvas.addEventListener("mousedown",o.bind(this),!1);f=function(n){if(u){var i=n.target.offsetParent.offsetLeft,r=n.target.offsetParent.offsetTop;t?this.cxt.lineTo(n.changedTouches[0].pageX+2-i,n.changedTouches[0].pageY+2-r):this.cxt.lineTo(n.pageX+2-i,n.pageY+2-r);this.cxt.stroke()}};t?this.canvas.addEventListener("touchmove",f.bind(this),!1):this.canvas.addEventListener("mousedown",f.bind(this),!1);e=function(){u=!1;this.cxt.closePath()};t?this.canvas.addEventListener("touchend",e.bind(this),!1):this.canvas.addEventListener("mousedown",e.bind(this),!1);this.clearEl.addEventListener("click",function(){this.cxt.clearRect(2,2,this.canvas.width,this.canvas.height)}.bind(this),!1);this.saveEl.addEventListener("click",function(){var n=this.canvas.toDataURL();return this.obj.invokeMethodAsync(r,n)}.bind(this),!1)}document.body.addEventListener("touchmove",function(n){n.preventDefault()},{passive:!1});new u({el:n.getElementsByClassName("hw-body")[0],clearEl:n.getElementsByClassName("btn-secondary")[0],saveEl:n.getElementsByClassName("btn-primary")[0],obj:t})}})}(jQuery),function(n){n.extend({bb_image_load_async:function(t,i){if(i){var r=n(t),u=r.children("img");u.attr("src",i)}},bb_image_preview:function(t,i){var u=n(t),e=u.children(".bb-viewer-wrapper"),ut=n("body").addClass("is-img-preview"),r=e.find(".bb-viewer-canvas > img"),h=u.find(".bb-viewer-close"),a=u.find(".bb-viewer-prev"),v=u.find(".bb-viewer-next"),y=u.find(".fa-magnifying-glass-plus"),p=u.find(".fa-magnifying-glass-minus"),d=u.find(".btn-full-screen"),y=u.find(".fa-magnifying-glass-plus"),g=u.find(".fa-rotate-left"),nt=u.find(".fa-rotate-right"),d=u.find(".bb-viewer-full-screen"),tt=u.find(".bb-viewer-mask"),f,c;if(e.appendTo("body").addClass("show"),!e.hasClass("init")){e.addClass("init");h.on("click",function(){n("body").removeClass("is-img-preview");l();e.removeClass("show").appendTo(u)});a.on("click",function(){f--;f<0&&(f=i.length-1);c(f)});v.on("click",function(){f++;f>=i.length&&(f=0);c(f)});f=0;c=function(n){l();var t=i[n];e.find(".bb-viewer-canvas > img").attr("src",t)};d.on("click",function(){l();e.toggleClass("active")});y.on("click",function(){o(function(n){return n+.2})});p.on("click",function(){o(function(n){return Math.max(.2,n-.2)})});g.on("click",function(){o(null,function(n){return n-90})});nt.on("click",function(){o(null,function(n){return n+90})});r.on("mousewheel DOMMouseScroll",function(n){n.preventDefault();var t=n.originalEvent.wheelDelta||-n.originalEvent.detail,i=Math.max(-1,Math.min(1,t));i>0?o(function(n){return n+.015}):o(function(n){return Math.max(.195,n-.015)})});var w=0,b=0,s={top:0,left:0};r.drag(function(n){w=n.clientX||n.touches[0].clientX;b=n.clientY||n.touches[0].clientY;s.top=parseInt(r.css("marginTop").replace("px",""));s.left=parseInt(r.css("marginLeft").replace("px",""));this.addClass("is-drag")},function(n){if(this.hasClass("is-drag")){var t=n.clientX||n.changedTouches[0].clientX,i=n.clientY||n.changedTouches[0].clientY;newValX=s.left+Math.ceil(t-w);newValY=s.top+Math.ceil(i-b);this.css({marginLeft:newValX});this.css({marginTop:newValY})}},function(){this.removeClass("is-drag")});tt.on("click",function(){h.trigger("click")});n(document).on("keydown",function(n){console.log(n.key);n.key==="ArrowUp"?y.trigger("click"):n.key==="ArrowDown"?p.trigger("click"):n.key==="ArrowLeft"?a.trigger("click"):n.key==="ArrowRight"?v.trigger("click"):n.key==="Escape"&&h.trigger("click")});var it=function(n){var t=1,i;return n&&(i=n.split(" "),t=parseFloat(i[0].split("(")[1])),t},rt=function(n){var t;return n&&(t=n.split(" "),scale=parseFloat(t[1].split("(")[1])),scale},o=function(n,t){var f=r[0].style.transform,i=it(f),u=rt(f),e,o;n&&(i=n(i));t&&(u=t(u));r.css("transform","scale("+i+") rotate("+u+"deg)");e=k(r[0].style.marginLeft);o=k(r[0].style.marginTop);r.css("marginLeft",e+"px");r.css("marginTop",o+"px")},l=function(){r.addClass("transition-none");r.css("transform","scale(1) rotate(0deg)");r.css("marginLeft","0px");r.css("marginTop","0px");window.setTimeout(function(){r.removeClass("transition-none")},300)},k=function(n){var t=0;return n&&(t=parseFloat(n)),t};r.touchScale(function(n){o(function(){return n})})}}})}(jQuery),function(n){n.extend({bb_input:function(t,i,r,u,f,e){var o=n(t);o.on("keyup",function(n){r&&n.key==="Enter"?i.invokeMethodAsync(u):f&&n.key==="Escape"&&i.invokeMethodAsync(e,o.val())})},bb_input_selectAll_focus:function(t){var i=n(t);i.on("focus",function(){n(this).select()})},bb_input_selectAll_enter:function(t){var i=n(t);i.on("keyup",function(t){t.key==="Enter"&&n(this).select()})},bb_input_selectAll:function(t){n(t).select()}})}(jQuery),function(n){var u=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},f=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},e=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},r=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.extend({bb_ipv4_input:function(f){var e=n(f);f.prevValues=[];e.find(".ipv4-cell").focus(function(){n(this).select();e.toggleClass("selected",!0)});e.find(".ipv4-cell").focusout(function(){e.toggleClass("selected",!1)});e.find(".ipv4-cell").each(function(e,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?u.call(f,e):i.keyCode==37||i.keyCode==39?i.keyCode==37&&r.call(o)===0?(t.call(f,e-1),i.preventDefault()):i.keyCode==39&&r.call(o)===n(o).val().length&&(t.call(f,e+1),i.preventDefault()):i.keyCode==9||i.keyCode==8||i.keyCode==46||i.preventDefault()});n(o).keyup(function(r){var u,s,o;(r.keyCode>=48&&r.keyCode<=57||r.keyCode>=96&&r.keyCode<=105)&&(u=n(this).val(),s=Number(u),s>255?i.call(f,e):u.length>1&&u[0]==="0"?i.call(f,e):u.length===3&&t.call(f,e+1));r.key==="Backspace"&&n(this).val()===""&&(n(this).val("0"),o=e-1,o>-1?t.call(f,o):t.call(f,0));r.key==="."&&t.call(f,e+1);r.key==="ArrowRight"&&t.call(f,e+1);r.key==="ArrowLeft"&&t.call(f,e-1)})})}})}(jQuery),function(n){var e=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},r=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},u=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},f=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.fn.ipv4_input=function(o,s){var h,c,a,l;if(this.each(function(){if(!n(this).hasClass("ipv4-input")){var r=this;r.prevValues=[];n(r).toggleClass("ipv4-input",!0);n(r).html('