From 52f6c63fe08b062770f8e7238cac7e5fdd55b54f Mon Sep 17 00:00:00 2001 From: the1812 Date: Fri, 27 Dec 2019 15:59:09 +0800 Subject: [PATCH] Add transition for image viewer --- bilibili-evolved.offline.user.js | 4 ++-- bilibili-evolved.preview-offline.user.js | 4 ++-- bilibili-evolved.preview.user.js | 2 +- bilibili-evolved.user.js | 2 +- min/bundle.json | 2 +- min/bundle.zip | Bin 1527152 -> 1527361 bytes min/image-viewer.min.css | 2 +- src/video/view-cover/image-viewer.css | 15 +++++++++++++-- 8 files changed, 21 insertions(+), 10 deletions(-) diff --git a/bilibili-evolved.offline.user.js b/bilibili-evolved.offline.user.js index 478830fbb..7c14288fe 100644 --- a/bilibili-evolved.offline.user.js +++ b/bilibili-evolved.offline.user.js @@ -1,6 +1,6 @@ // ==UserScript== // @name Bilibili Evolved (Offline) -// @version 528.89 +// @version 529.01 // @description Bilibili Evolved 的离线版, 所有功能都已内置于脚本中. // @author Grant Howard, Coulomb-G // @copyright 2019, Grant Howard (https://github.com/the1812) & Coulomb-G (https://github.com/Coulomb-G) @@ -1170,7 +1170,7 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/icon.vue.min.js"] = (()=>{return(o,e)=>{const n=``;e.applyStyleFromText(`@font-face{font-family:be-main-iconfont;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:be-extended-iconfont;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:be-home-iconfont;src:url(//s1.hdslb.com/bfs/static/jinkela/international-home/asserts/iconfont.ttf) format("truetype")}.be-icon{color:inherit;font-size:24px;font-style:normal;line-height:1}.be-icon.be-main-iconfont{font-family:be-main-iconfont!important}.be-icon.be-extended-iconfont{font-family:be-extended-iconfont!important}.be-icon.be-home-iconfont{font-family:be-home-iconfont!important}.be-icon.be-iconfont-logo::before{content:""}.be-icon.be-iconfont-lv0::before{content:"";color:#9a9a9a}.be-icon.be-iconfont-lv1::before{content:"";color:#646464}body.dark .be-icon.be-iconfont-lv0::before{color:#777}body.dark .be-icon.be-iconfont-lv1::before{color:#ddd}.be-icon.be-iconfont-lv2::before{content:"";color:#1bc861}.be-icon.be-iconfont-lv3::before{content:"";color:#22baea}.be-icon.be-iconfont-lv4::before{content:"";color:#eaa722}.be-icon.be-iconfont-lv5::before{content:"";color:#ff7631}.be-icon.be-iconfont-lv6::before{content:"";color:#ff3131}.be-icon.be-iconfont-profile::before{content:""}.be-icon.be-iconfont-posts::before{content:""}.be-icon.be-iconfont-wallet::before{content:""}.be-icon.be-iconfont-live-center::before{content:""}.be-icon.be-iconfont-order-center::before{content:""}.be-icon.be-iconfont-logout::before{content:""}.be-icon.be-iconfont-ok::before{content:""}.be-icon.be-iconfont-cancel::before{content:""}.be-icon.be-iconfont-bind-phone::before{content:""}.be-icon.be-iconfont-bind-email::before{content:""}.be-icon.be-iconfont-coin-outline::before{content:""}.be-icon.be-iconfont-coin::before{content:""}.be-icon.be-iconfont-b-coin::before{content:""}.be-icon.be-iconfont-activity::before{content:""}.be-icon.be-iconfont-message::before{content:""}.be-icon.be-iconfont-favorites-outline::before{content:""}.be-icon.be-iconfont-favorites::before{content:""}.be-icon.be-iconfont-history::before{content:""}.be-icon.be-iconfont-vip::before{content:""}.be-icon.be-iconfont-play::before{content:""}.be-icon.be-iconfont-danmaku::before{content:""}.be-icon.be-iconfont-like::before{content:""}.be-icon.be-iconfont-like-outline::before{content:""}.be-icon.be-iconfont-up::before{content:""}.be-icon.be-iconfont-up-outline::before{content:""}.be-icon.be-iconfont-left-arrow::before{content:""}.be-icon.be-iconfont-right-arrow::before{content:""}.be-icon.be-iconfont-up-arrow::before{content:""}.be-icon.be-iconfont-down-arrow::before{content:""}.be-icon.be-iconfont-play-triangle::before{content:""}.be-icon.be-iconfont-refresh::before{content:""}`,"icon-style");return{export:Object.assign({template:n},{props:{icon:String,type:String},computed:{classes(){if(this.icon===""||this.type===""){return[]}if(this.type==="mdi"){return["mdi",`mdi-${this.icon}`]}return[`be-iconfont-${this.icon}`,`be-${this.type}-iconfont`]}}})}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/icons.min.css"] = `.icons-enabled [class^=icon-]{width:24px;height:24px;display:inline-block;background-image:none;font-size:12px}.icons-enabled [class^=icon-]::after{content:"";width:24px;height:24px;display:inline-block}.icons-enabled [class^=icon-]::before{content:none!important}.icons-enabled .icon-view::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-clear::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-download::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-update::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-info::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-settings::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-widgets::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-cancel::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-ok::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-video::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-style::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-tool::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-touch::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-other::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-arrow::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-rank::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-like::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-danmaku::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-search::after{background-image:url('data:image/svg+xml;utf-8, ')}.compact .primary-menu .nav-menu>li.home>a,.icons-enabled .icon-home::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.zhuanlan,.icons-enabled .icon-read::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.square,.icons-enabled .icon-square::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.live,.icons-enabled .icon-live::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.blackroom,.icons-enabled .icon-judge::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-medal::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-live-title::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-biliplus::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-time::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-activity::after{background-image:url('data:image/svg+xml;utf-8,')}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-resolution.min.js"] = (()=>{return(t,e)=>{const o=/@(\d+)[Ww]_(\d+)[Hh]/;const n=t.imageResolutionScale==="auto"?window.devicePixelRatio:parseFloat(t.imageResolutionScale);const r=["#certify-img1","#certify-img2"];const i=(t,e)=>{const o=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,null,false);let n=o.nextNode();while(n){e(n);n=o.nextNode()}};async function a(t){const e=(e,i)=>{const a=e(t);if(a===null){return}if(r.some(e=>t.matches(e))){return}const s=a.match(o);if(!s){return}let[,c,u]=s;let l=parseInt(t.getAttribute("data-resolution-width")||"0");if(parseInt(c)>=l&&l!==0){return}if(t.getAttribute("width")===null&&t.getAttribute("height")===null){t.setAttribute("width",c)}c=Math.round(n*parseInt(c)).toString();u=Math.round(n*parseInt(u)).toString();t.setAttribute("data-resolution-width",c);i(t,a.replace(o,`@${c}w_${u}h`))};Observer.attributes(t,()=>{e(t=>t.getAttribute("src"),(t,e)=>t.setAttribute("src",e));e(t=>t.style.backgroundImage,(t,e)=>t.style.backgroundImage=e)})}const s=async()=>{i(document.body,t=>a(t));Observer.childListSubtree(document.body,t=>{for(const e of t){for(const t of e.addedNodes){if(t instanceof HTMLElement){a(t);if(t.nodeName.toUpperCase()!=="IMG"){i(t,t=>a(t))}}}}})};s();e.applyStyleFromText(`.favInfo-box .favInfo-cover img {width: 100% !important; object-position: left !important;}`,"image-resolution-fix");return{export:{imageResolution:a}}}})(); -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.css"] = `body.image-viewer-opened,html.image-viewer-opened{overflow:hidden!important}.image-viewer-container{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;display:none;justify-content:center;align-items:center}.image-viewer-container.opened{display:flex}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px 12px 48px 18px 48px;grid-template-areas:"image close" "image ." "image copy-link" "image ." "image new-tab" "image ." "image download";grid-column-gap:12px;column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%}.image-viewer .close{grid-area:close}.image-viewer .download{grid-area:download}.image-viewer .copy-link{grid-area:copy-link;transform:scale(.95)}.image-viewer .new-tab{grid-area:new-tab;transform:scale(.85)}.image-viewer-icon{cursor:pointer;width:100%;height:100%}.image-viewer-icon svg{max-width:48px;max-height:48px}.image-viewer-icon path{fill:#eee;transition:.2s;transform-origin:center}.image-viewer-icon:hover path{fill:var(--theme-color);transform:scale(1.1)}`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.css"] = `body.image-viewer-opened,html.image-viewer-opened{overflow:hidden!important}.image-viewer-container,.image-viewer-container *{transition:.2s ease-out}.image-viewer-container{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.image-viewer-container.opened{opacity:1;pointer-events:initial}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px 12px 48px 18px 48px;grid-template-areas:"image close" "image ." "image copy-link" "image ." "image new-tab" "image ." "image download";grid-column-gap:12px;column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch;transform:scale(.95)}.image-viewer-container.opened .image-viewer{transform:scale(1)}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%}.image-viewer .close{grid-area:close}.image-viewer .download{grid-area:download}.image-viewer .copy-link{grid-area:copy-link;transform:scale(.95)}.image-viewer .new-tab{grid-area:new-tab;transform:scale(.85)}.image-viewer-icon{cursor:pointer;width:100%;height:100%}.image-viewer-icon svg{max-width:48px;max-height:48px}.image-viewer-icon path{fill:#eee;transition:.2s;transform-origin:center}.image-viewer-icon:hover path{fill:var(--theme-color);transform:scale(1.1)}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.html"] = `
`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/index.min.html"] = `Document`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/keymap.min.js"] = (()=>{return(e,i)=>{const t=["https://www.bilibili.com/bangumi/","https://www.bilibili.com/video/"];if(t.some(e=>document.URL.startsWith(e))){const t={f:".bilibili-player-video-fullscreen",w:".bilibili-player-video-web-fullscreen",t:".bilibili-player-video-btn-widescreen",r:".bilibili-player-video-btn-repeat",m:".bilibili-player-video-btn-volume .bilibili-player-iconfont-volume",l:".video-toolbar .like",c:".video-toolbar .coin,.tool-bar .coin-info",s:".video-toolbar .collect"," ":".bilibili-player-video-btn-start"};let a;const n=e=>{let t=dq(".keymap-playback-tip");if(!t){const e=dq(".bilibili-player-video-wrap");if(!e){return}e.insertAdjacentHTML("afterbegin",`\n
\n\n
x\n
\n`);i.applyStyleFromText(`\n .keymap-playback-tip-container {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: 8px 16px;\n background-color: #000A;\n color: white;\n pointer-events: none;\n opacity: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n font-size: 14pt;\n border-radius: 4px;\n transition: .2s ease-out;\n }\n .keymap-playback-tip-container.show {\n opacity: 1;\n }\n .keymap-playback-tip-container i {\n line-height: 1;\n margin-right: 8px;\n font-size: 18pt;\n }\n`,"keymapStyle");t=dq(".keymap-playback-tip")}t.innerHTML=e.toString();if(a){clearTimeout(a)}dq(".keymap-playback-tip-container").classList.add("show");a=setTimeout(()=>{dq(".keymap-playback-tip-container").classList.remove("show")},2e3)};document.body.addEventListener("keydown",i=>{if(document.activeElement&&["input","textarea"].includes(document.activeElement.nodeName.toLowerCase())){return}const a=i.key.toLowerCase();const o=!i.shiftKey&&!i.altKey&&!i.ctrlKey;if(a in t&&o){const e=dq(t[a]);if(!e){return}i.stopPropagation();i.preventDefault();e.click()}else if(a==="d"&&o){const e=dq(".bilibili-player-video-danmaku-switch input");if(!e){return}i.stopPropagation();i.preventDefault();e.checked=!e.checked;raiseEvent(e,"change")}else if(a==="j"&&o){const t=dq(".bilibili-player-video video");t.currentTime+=e.keymapJumpSeconds;i.stopPropagation();i.preventDefault()}else if(i.shiftKey){const t=dq(".bilibili-player-video video");if(t===null){return}const o=[.5,.75,1,1.25,1.5,2];let l=true;if(a===">"||a==="ArrowUp".toLowerCase()){t.playbackRate=o.find(e=>e>t.playbackRate)||o[o.length-1];n(t.playbackRate)}else if(a==="<"||a==="ArrowDown".toLowerCase()){t.playbackRate=[...o].reverse().find(e=>e{return(o,e)=>{const n=``;e.applyStyleFromText(`@font-face{font-family:be-main-iconfont;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:be-extended-iconfont;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:be-home-iconfont;src:url(//s1.hdslb.com/bfs/static/jinkela/international-home/asserts/iconfont.ttf) format("truetype")}.be-icon{color:inherit;font-size:24px;font-style:normal;line-height:1}.be-icon.be-main-iconfont{font-family:be-main-iconfont!important}.be-icon.be-extended-iconfont{font-family:be-extended-iconfont!important}.be-icon.be-home-iconfont{font-family:be-home-iconfont!important}.be-icon.be-iconfont-logo::before{content:""}.be-icon.be-iconfont-lv0::before{content:"";color:#9a9a9a}.be-icon.be-iconfont-lv1::before{content:"";color:#646464}body.dark .be-icon.be-iconfont-lv0::before{color:#777}body.dark .be-icon.be-iconfont-lv1::before{color:#ddd}.be-icon.be-iconfont-lv2::before{content:"";color:#1bc861}.be-icon.be-iconfont-lv3::before{content:"";color:#22baea}.be-icon.be-iconfont-lv4::before{content:"";color:#eaa722}.be-icon.be-iconfont-lv5::before{content:"";color:#ff7631}.be-icon.be-iconfont-lv6::before{content:"";color:#ff3131}.be-icon.be-iconfont-profile::before{content:""}.be-icon.be-iconfont-posts::before{content:""}.be-icon.be-iconfont-wallet::before{content:""}.be-icon.be-iconfont-live-center::before{content:""}.be-icon.be-iconfont-order-center::before{content:""}.be-icon.be-iconfont-logout::before{content:""}.be-icon.be-iconfont-ok::before{content:""}.be-icon.be-iconfont-cancel::before{content:""}.be-icon.be-iconfont-bind-phone::before{content:""}.be-icon.be-iconfont-bind-email::before{content:""}.be-icon.be-iconfont-coin-outline::before{content:""}.be-icon.be-iconfont-coin::before{content:""}.be-icon.be-iconfont-b-coin::before{content:""}.be-icon.be-iconfont-activity::before{content:""}.be-icon.be-iconfont-message::before{content:""}.be-icon.be-iconfont-favorites-outline::before{content:""}.be-icon.be-iconfont-favorites::before{content:""}.be-icon.be-iconfont-history::before{content:""}.be-icon.be-iconfont-vip::before{content:""}.be-icon.be-iconfont-play::before{content:""}.be-icon.be-iconfont-danmaku::before{content:""}.be-icon.be-iconfont-like::before{content:""}.be-icon.be-iconfont-like-outline::before{content:""}.be-icon.be-iconfont-up::before{content:""}.be-icon.be-iconfont-up-outline::before{content:""}.be-icon.be-iconfont-left-arrow::before{content:""}.be-icon.be-iconfont-right-arrow::before{content:""}.be-icon.be-iconfont-up-arrow::before{content:""}.be-icon.be-iconfont-down-arrow::before{content:""}.be-icon.be-iconfont-play-triangle::before{content:""}.be-icon.be-iconfont-refresh::before{content:""}`,"icon-style");return{export:Object.assign({template:n},{props:{icon:String,type:String},computed:{classes(){if(this.icon===""||this.type===""){return[]}if(this.type==="mdi"){return["mdi",`mdi-${this.icon}`]}return[`be-iconfont-${this.icon}`,`be-${this.type}-iconfont`]}}})}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/icons.min.css"] = `.icons-enabled [class^=icon-]{width:24px;height:24px;display:inline-block;background-image:none;font-size:12px}.icons-enabled [class^=icon-]::after{content:"";width:24px;height:24px;display:inline-block}.icons-enabled [class^=icon-]::before{content:none!important}.icons-enabled .icon-view::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-clear::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-download::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-update::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-info::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-settings::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-widgets::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-cancel::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-ok::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-video::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-style::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-tool::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-touch::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-other::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-arrow::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-rank::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-like::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-danmaku::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-search::after{background-image:url('data:image/svg+xml;utf-8, ')}.compact .primary-menu .nav-menu>li.home>a,.icons-enabled .icon-home::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.zhuanlan,.icons-enabled .icon-read::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.square,.icons-enabled .icon-square::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.live,.icons-enabled .icon-live::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.blackroom,.icons-enabled .icon-judge::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-medal::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-live-title::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-biliplus::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-time::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-activity::after{background-image:url('data:image/svg+xml;utf-8,')}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-resolution.min.js"] = (()=>{return(t,e)=>{const o=/@(\d+)[Ww]_(\d+)[Hh]/;const n=t.imageResolutionScale==="auto"?window.devicePixelRatio:parseFloat(t.imageResolutionScale);const r=["#certify-img1","#certify-img2"];const i=(t,e)=>{const o=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,null,false);let n=o.nextNode();while(n){e(n);n=o.nextNode()}};async function a(t){const e=(e,i)=>{const a=e(t);if(a===null){return}if(r.some(e=>t.matches(e))){return}const s=a.match(o);if(!s){return}let[,c,u]=s;let l=parseInt(t.getAttribute("data-resolution-width")||"0");if(parseInt(c)>=l&&l!==0){return}if(t.getAttribute("width")===null&&t.getAttribute("height")===null){t.setAttribute("width",c)}c=Math.round(n*parseInt(c)).toString();u=Math.round(n*parseInt(u)).toString();t.setAttribute("data-resolution-width",c);i(t,a.replace(o,`@${c}w_${u}h`))};Observer.attributes(t,()=>{e(t=>t.getAttribute("src"),(t,e)=>t.setAttribute("src",e));e(t=>t.style.backgroundImage,(t,e)=>t.style.backgroundImage=e)})}const s=async()=>{i(document.body,t=>a(t));Observer.childListSubtree(document.body,t=>{for(const e of t){for(const t of e.addedNodes){if(t instanceof HTMLElement){a(t);if(t.nodeName.toUpperCase()!=="IMG"){i(t,t=>a(t))}}}}})};s();e.applyStyleFromText(`.favInfo-box .favInfo-cover img {width: 100% !important; object-position: left !important;}`,"image-resolution-fix");return{export:{imageResolution:a}}}})(); -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.css"] = `body.image-viewer-opened,html.image-viewer-opened{overflow:hidden!important}.image-viewer-container{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;display:none;justify-content:center;align-items:center}.image-viewer-container.opened{display:flex}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px 12px 48px 18px 48px;grid-template-areas:"image close" "image ." "image copy-link" "image ." "image new-tab" "image ." "image download";grid-column-gap:12px;column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%}.image-viewer .close{grid-area:close}.image-viewer .download{grid-area:download}.image-viewer .copy-link{grid-area:copy-link;transform:scale(.95)}.image-viewer .new-tab{grid-area:new-tab;transform:scale(.85)}.image-viewer-icon{cursor:pointer;width:100%;height:100%}.image-viewer-icon svg{max-width:48px;max-height:48px}.image-viewer-icon path{fill:#eee;transition:.2s;transform-origin:center}.image-viewer-icon:hover path{fill:var(--theme-color);transform:scale(1.1)}`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.css"] = `body.image-viewer-opened,html.image-viewer-opened{overflow:hidden!important}.image-viewer-container,.image-viewer-container *{transition:.2s ease-out}.image-viewer-container{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.image-viewer-container.opened{opacity:1;pointer-events:initial}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px 12px 48px 18px 48px;grid-template-areas:"image close" "image ." "image copy-link" "image ." "image new-tab" "image ." "image download";grid-column-gap:12px;column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch;transform:scale(.95)}.image-viewer-container.opened .image-viewer{transform:scale(1)}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%}.image-viewer .close{grid-area:close}.image-viewer .download{grid-area:download}.image-viewer .copy-link{grid-area:copy-link;transform:scale(.95)}.image-viewer .new-tab{grid-area:new-tab;transform:scale(.85)}.image-viewer-icon{cursor:pointer;width:100%;height:100%}.image-viewer-icon svg{max-width:48px;max-height:48px}.image-viewer-icon path{fill:#eee;transition:.2s;transform-origin:center}.image-viewer-icon:hover path{fill:var(--theme-color);transform:scale(1.1)}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.html"] = `
`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/index.min.html"] = `Document`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/keymap.min.js"] = (()=>{return(e,i)=>{const t=["https://www.bilibili.com/bangumi/","https://www.bilibili.com/video/"];if(t.some(e=>document.URL.startsWith(e))){const t={f:".bilibili-player-video-fullscreen",w:".bilibili-player-video-web-fullscreen",t:".bilibili-player-video-btn-widescreen",r:".bilibili-player-video-btn-repeat",m:".bilibili-player-video-btn-volume .bilibili-player-iconfont-volume",l:".video-toolbar .like",c:".video-toolbar .coin,.tool-bar .coin-info",s:".video-toolbar .collect"," ":".bilibili-player-video-btn-start"};let a;const n=e=>{let t=dq(".keymap-playback-tip");if(!t){const e=dq(".bilibili-player-video-wrap");if(!e){return}e.insertAdjacentHTML("afterbegin",`\n
\n\n
x\n
\n`);i.applyStyleFromText(`\n .keymap-playback-tip-container {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: 8px 16px;\n background-color: #000A;\n color: white;\n pointer-events: none;\n opacity: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n font-size: 14pt;\n border-radius: 4px;\n transition: .2s ease-out;\n }\n .keymap-playback-tip-container.show {\n opacity: 1;\n }\n .keymap-playback-tip-container i {\n line-height: 1;\n margin-right: 8px;\n font-size: 18pt;\n }\n`,"keymapStyle");t=dq(".keymap-playback-tip")}t.innerHTML=e.toString();if(a){clearTimeout(a)}dq(".keymap-playback-tip-container").classList.add("show");a=setTimeout(()=>{dq(".keymap-playback-tip-container").classList.remove("show")},2e3)};document.body.addEventListener("keydown",i=>{if(document.activeElement&&["input","textarea"].includes(document.activeElement.nodeName.toLowerCase())){return}const a=i.key.toLowerCase();const o=!i.shiftKey&&!i.altKey&&!i.ctrlKey;if(a in t&&o){const e=dq(t[a]);if(!e){return}i.stopPropagation();i.preventDefault();e.click()}else if(a==="d"&&o){const e=dq(".bilibili-player-video-danmaku-switch input");if(!e){return}i.stopPropagation();i.preventDefault();e.checked=!e.checked;raiseEvent(e,"change")}else if(a==="j"&&o){const t=dq(".bilibili-player-video video");t.currentTime+=e.keymapJumpSeconds;i.stopPropagation();i.preventDefault()}else if(i.shiftKey){const t=dq(".bilibili-player-video video");if(t===null){return}const o=[.5,.75,1,1.25,1.5,2];let l=true;if(a===">"||a==="ArrowUp".toLowerCase()){t.playbackRate=o.find(e=>e>t.playbackRate)||o[o.length-1];n(t.playbackRate)}else if(a==="<"||a==="ArrowDown".toLowerCase()){t.playbackRate=[...o].reverse().find(e=>e{return(o,e)=>{const n=``;e.applyStyleFromText(`@font-face{font-family:be-main-iconfont;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:be-extended-iconfont;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:be-home-iconfont;src:url(//s1.hdslb.com/bfs/static/jinkela/international-home/asserts/iconfont.ttf) format("truetype")}.be-icon{color:inherit;font-size:24px;font-style:normal;line-height:1}.be-icon.be-main-iconfont{font-family:be-main-iconfont!important}.be-icon.be-extended-iconfont{font-family:be-extended-iconfont!important}.be-icon.be-home-iconfont{font-family:be-home-iconfont!important}.be-icon.be-iconfont-logo::before{content:""}.be-icon.be-iconfont-lv0::before{content:"";color:#9a9a9a}.be-icon.be-iconfont-lv1::before{content:"";color:#646464}body.dark .be-icon.be-iconfont-lv0::before{color:#777}body.dark .be-icon.be-iconfont-lv1::before{color:#ddd}.be-icon.be-iconfont-lv2::before{content:"";color:#1bc861}.be-icon.be-iconfont-lv3::before{content:"";color:#22baea}.be-icon.be-iconfont-lv4::before{content:"";color:#eaa722}.be-icon.be-iconfont-lv5::before{content:"";color:#ff7631}.be-icon.be-iconfont-lv6::before{content:"";color:#ff3131}.be-icon.be-iconfont-profile::before{content:""}.be-icon.be-iconfont-posts::before{content:""}.be-icon.be-iconfont-wallet::before{content:""}.be-icon.be-iconfont-live-center::before{content:""}.be-icon.be-iconfont-order-center::before{content:""}.be-icon.be-iconfont-logout::before{content:""}.be-icon.be-iconfont-ok::before{content:""}.be-icon.be-iconfont-cancel::before{content:""}.be-icon.be-iconfont-bind-phone::before{content:""}.be-icon.be-iconfont-bind-email::before{content:""}.be-icon.be-iconfont-coin-outline::before{content:""}.be-icon.be-iconfont-coin::before{content:""}.be-icon.be-iconfont-b-coin::before{content:""}.be-icon.be-iconfont-activity::before{content:""}.be-icon.be-iconfont-message::before{content:""}.be-icon.be-iconfont-favorites-outline::before{content:""}.be-icon.be-iconfont-favorites::before{content:""}.be-icon.be-iconfont-history::before{content:""}.be-icon.be-iconfont-vip::before{content:""}.be-icon.be-iconfont-play::before{content:""}.be-icon.be-iconfont-danmaku::before{content:""}.be-icon.be-iconfont-like::before{content:""}.be-icon.be-iconfont-like-outline::before{content:""}.be-icon.be-iconfont-up::before{content:""}.be-icon.be-iconfont-up-outline::before{content:""}.be-icon.be-iconfont-left-arrow::before{content:""}.be-icon.be-iconfont-right-arrow::before{content:""}.be-icon.be-iconfont-up-arrow::before{content:""}.be-icon.be-iconfont-down-arrow::before{content:""}.be-icon.be-iconfont-play-triangle::before{content:""}.be-icon.be-iconfont-refresh::before{content:""}`,"icon-style");return{export:Object.assign({template:n},{props:{icon:String,type:String},computed:{classes(){if(this.icon===""||this.type===""){return[]}if(this.type==="mdi"){return["mdi",`mdi-${this.icon}`]}return[`be-iconfont-${this.icon}`,`be-${this.type}-iconfont`]}}})}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/icons.min.css"] = `.icons-enabled [class^=icon-]{width:24px;height:24px;display:inline-block;background-image:none;font-size:12px}.icons-enabled [class^=icon-]::after{content:"";width:24px;height:24px;display:inline-block}.icons-enabled [class^=icon-]::before{content:none!important}.icons-enabled .icon-view::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-clear::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-download::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-update::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-info::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-settings::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-widgets::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-cancel::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-ok::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-video::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-style::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-tool::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-touch::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-other::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-arrow::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-rank::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-like::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-danmaku::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-search::after{background-image:url('data:image/svg+xml;utf-8, ')}.compact .primary-menu .nav-menu>li.home>a,.icons-enabled .icon-home::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.zhuanlan,.icons-enabled .icon-read::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.square,.icons-enabled .icon-square::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.live,.icons-enabled .icon-live::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.blackroom,.icons-enabled .icon-judge::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-medal::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-live-title::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-biliplus::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-time::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-activity::after{background-image:url('data:image/svg+xml;utf-8,')}`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/image-resolution.min.js"] = (()=>{return(t,e)=>{const o=/@(\d+)[Ww]_(\d+)[Hh]/;const n=t.imageResolutionScale==="auto"?window.devicePixelRatio:parseFloat(t.imageResolutionScale);const r=["#certify-img1","#certify-img2"];const i=(t,e)=>{const o=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,null,false);let n=o.nextNode();while(n){e(n);n=o.nextNode()}};async function a(t){const e=(e,i)=>{const a=e(t);if(a===null){return}if(r.some(e=>t.matches(e))){return}const s=a.match(o);if(!s){return}let[,c,u]=s;let l=parseInt(t.getAttribute("data-resolution-width")||"0");if(parseInt(c)>=l&&l!==0){return}if(t.getAttribute("width")===null&&t.getAttribute("height")===null){t.setAttribute("width",c)}c=Math.round(n*parseInt(c)).toString();u=Math.round(n*parseInt(u)).toString();t.setAttribute("data-resolution-width",c);i(t,a.replace(o,`@${c}w_${u}h`))};Observer.attributes(t,()=>{e(t=>t.getAttribute("src"),(t,e)=>t.setAttribute("src",e));e(t=>t.style.backgroundImage,(t,e)=>t.style.backgroundImage=e)})}const s=async()=>{i(document.body,t=>a(t));Observer.childListSubtree(document.body,t=>{for(const e of t){for(const t of e.addedNodes){if(t instanceof HTMLElement){a(t);if(t.nodeName.toUpperCase()!=="IMG"){i(t,t=>a(t))}}}}})};s();e.applyStyleFromText(`.favInfo-box .favInfo-cover img {width: 100% !important; object-position: left !important;}`,"image-resolution-fix");return{export:{imageResolution:a}}}})(); -onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/image-viewer.min.css"] = `body.image-viewer-opened,html.image-viewer-opened{overflow:hidden!important}.image-viewer-container{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;display:none;justify-content:center;align-items:center}.image-viewer-container.opened{display:flex}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px 12px 48px 18px 48px;grid-template-areas:"image close" "image ." "image copy-link" "image ." "image new-tab" "image ." "image download";grid-column-gap:12px;column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%}.image-viewer .close{grid-area:close}.image-viewer .download{grid-area:download}.image-viewer .copy-link{grid-area:copy-link;transform:scale(.95)}.image-viewer .new-tab{grid-area:new-tab;transform:scale(.85)}.image-viewer-icon{cursor:pointer;width:100%;height:100%}.image-viewer-icon svg{max-width:48px;max-height:48px}.image-viewer-icon path{fill:#eee;transition:.2s;transform-origin:center}.image-viewer-icon:hover path{fill:var(--theme-color);transform:scale(1.1)}`; +onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/image-viewer.min.css"] = `body.image-viewer-opened,html.image-viewer-opened{overflow:hidden!important}.image-viewer-container,.image-viewer-container *{transition:.2s ease-out}.image-viewer-container{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.image-viewer-container.opened{opacity:1;pointer-events:initial}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px 12px 48px 18px 48px;grid-template-areas:"image close" "image ." "image copy-link" "image ." "image new-tab" "image ." "image download";grid-column-gap:12px;column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch;transform:scale(.95)}.image-viewer-container.opened .image-viewer{transform:scale(1)}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%}.image-viewer .close{grid-area:close}.image-viewer .download{grid-area:download}.image-viewer .copy-link{grid-area:copy-link;transform:scale(.95)}.image-viewer .new-tab{grid-area:new-tab;transform:scale(.85)}.image-viewer-icon{cursor:pointer;width:100%;height:100%}.image-viewer-icon svg{max-width:48px;max-height:48px}.image-viewer-icon path{fill:#eee;transition:.2s;transform-origin:center}.image-viewer-icon:hover path{fill:var(--theme-color);transform:scale(1.1)}`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/image-viewer.min.html"] = `
`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/index.min.html"] = `Document`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/keymap.min.js"] = (()=>{return(e,i)=>{const t=["https://www.bilibili.com/bangumi/","https://www.bilibili.com/video/"];if(t.some(e=>document.URL.startsWith(e))){const t={f:".bilibili-player-video-fullscreen",w:".bilibili-player-video-web-fullscreen",t:".bilibili-player-video-btn-widescreen",r:".bilibili-player-video-btn-repeat",m:".bilibili-player-video-btn-volume .bilibili-player-iconfont-volume",l:".video-toolbar .like",c:".video-toolbar .coin,.tool-bar .coin-info",s:".video-toolbar .collect"," ":".bilibili-player-video-btn-start"};let a;const n=e=>{let t=dq(".keymap-playback-tip");if(!t){const e=dq(".bilibili-player-video-wrap");if(!e){return}e.insertAdjacentHTML("afterbegin",`\n
\n\n
x\n
\n`);i.applyStyleFromText(`\n .keymap-playback-tip-container {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: 8px 16px;\n background-color: #000A;\n color: white;\n pointer-events: none;\n opacity: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n font-size: 14pt;\n border-radius: 4px;\n transition: .2s ease-out;\n }\n .keymap-playback-tip-container.show {\n opacity: 1;\n }\n .keymap-playback-tip-container i {\n line-height: 1;\n margin-right: 8px;\n font-size: 18pt;\n }\n`,"keymapStyle");t=dq(".keymap-playback-tip")}t.innerHTML=e.toString();if(a){clearTimeout(a)}dq(".keymap-playback-tip-container").classList.add("show");a=setTimeout(()=>{dq(".keymap-playback-tip-container").classList.remove("show")},2e3)};document.body.addEventListener("keydown",i=>{if(document.activeElement&&["input","textarea"].includes(document.activeElement.nodeName.toLowerCase())){return}const a=i.key.toLowerCase();const o=!i.shiftKey&&!i.altKey&&!i.ctrlKey;if(a in t&&o){const e=dq(t[a]);if(!e){return}i.stopPropagation();i.preventDefault();e.click()}else if(a==="d"&&o){const e=dq(".bilibili-player-video-danmaku-switch input");if(!e){return}i.stopPropagation();i.preventDefault();e.checked=!e.checked;raiseEvent(e,"change")}else if(a==="j"&&o){const t=dq(".bilibili-player-video video");t.currentTime+=e.keymapJumpSeconds;i.stopPropagation();i.preventDefault()}else if(i.shiftKey){const t=dq(".bilibili-player-video video");if(t===null){return}const o=[.5,.75,1,1.25,1.5,2];let l=true;if(a===">"||a==="ArrowUp".toLowerCase()){t.playbackRate=o.find(e=>e>t.playbackRate)||o[o.length-1];n(t.playbackRate)}else if(a==="<"||a==="ArrowDown".toLowerCase()){t.playbackRate=[...o].reverse().find(e=>e{return(o,e)=>{const n=``;e.applyStyleFromText(`@font-face{font-family:be-main-iconfont;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:be-extended-iconfont;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:be-home-iconfont;src:url(//s1.hdslb.com/bfs/static/jinkela/international-home/asserts/iconfont.ttf) format("truetype")}.be-icon{color:inherit;font-size:24px;font-style:normal;line-height:1}.be-icon.be-main-iconfont{font-family:be-main-iconfont!important}.be-icon.be-extended-iconfont{font-family:be-extended-iconfont!important}.be-icon.be-home-iconfont{font-family:be-home-iconfont!important}.be-icon.be-iconfont-logo::before{content:""}.be-icon.be-iconfont-lv0::before{content:"";color:#9a9a9a}.be-icon.be-iconfont-lv1::before{content:"";color:#646464}body.dark .be-icon.be-iconfont-lv0::before{color:#777}body.dark .be-icon.be-iconfont-lv1::before{color:#ddd}.be-icon.be-iconfont-lv2::before{content:"";color:#1bc861}.be-icon.be-iconfont-lv3::before{content:"";color:#22baea}.be-icon.be-iconfont-lv4::before{content:"";color:#eaa722}.be-icon.be-iconfont-lv5::before{content:"";color:#ff7631}.be-icon.be-iconfont-lv6::before{content:"";color:#ff3131}.be-icon.be-iconfont-profile::before{content:""}.be-icon.be-iconfont-posts::before{content:""}.be-icon.be-iconfont-wallet::before{content:""}.be-icon.be-iconfont-live-center::before{content:""}.be-icon.be-iconfont-order-center::before{content:""}.be-icon.be-iconfont-logout::before{content:""}.be-icon.be-iconfont-ok::before{content:""}.be-icon.be-iconfont-cancel::before{content:""}.be-icon.be-iconfont-bind-phone::before{content:""}.be-icon.be-iconfont-bind-email::before{content:""}.be-icon.be-iconfont-coin-outline::before{content:""}.be-icon.be-iconfont-coin::before{content:""}.be-icon.be-iconfont-b-coin::before{content:""}.be-icon.be-iconfont-activity::before{content:""}.be-icon.be-iconfont-message::before{content:""}.be-icon.be-iconfont-favorites-outline::before{content:""}.be-icon.be-iconfont-favorites::before{content:""}.be-icon.be-iconfont-history::before{content:""}.be-icon.be-iconfont-vip::before{content:""}.be-icon.be-iconfont-play::before{content:""}.be-icon.be-iconfont-danmaku::before{content:""}.be-icon.be-iconfont-like::before{content:""}.be-icon.be-iconfont-like-outline::before{content:""}.be-icon.be-iconfont-up::before{content:""}.be-icon.be-iconfont-up-outline::before{content:""}.be-icon.be-iconfont-left-arrow::before{content:""}.be-icon.be-iconfont-right-arrow::before{content:""}.be-icon.be-iconfont-up-arrow::before{content:""}.be-icon.be-iconfont-down-arrow::before{content:""}.be-icon.be-iconfont-play-triangle::before{content:""}.be-icon.be-iconfont-refresh::before{content:""}`,"icon-style");return{export:Object.assign({template:n},{props:{icon:String,type:String},computed:{classes(){if(this.icon===""||this.type===""){return[]}if(this.type==="mdi"){return["mdi",`mdi-${this.icon}`]}return[`be-iconfont-${this.icon}`,`be-${this.type}-iconfont`]}}})}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/icons.min.css"] = `.icons-enabled [class^=icon-]{width:24px;height:24px;display:inline-block;background-image:none;font-size:12px}.icons-enabled [class^=icon-]::after{content:"";width:24px;height:24px;display:inline-block}.icons-enabled [class^=icon-]::before{content:none!important}.icons-enabled .icon-view::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-clear::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-download::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-update::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-info::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-settings::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-widgets::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-cancel::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-ok::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-video::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-style::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-tool::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-touch::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-other::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-arrow::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-rank::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-like::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-danmaku::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-search::after{background-image:url('data:image/svg+xml;utf-8, ')}.compact .primary-menu .nav-menu>li.home>a,.icons-enabled .icon-home::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.zhuanlan,.icons-enabled .icon-read::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.square,.icons-enabled .icon-square::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.live,.icons-enabled .icon-live::after{background-image:url('data:image/svg+xml;utf-8,')}.compact .primary-menu .nav-menu .side-nav .side-link i.blackroom,.icons-enabled .icon-judge::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-medal::after{background-image:url('data:image/svg+xml;utf-8, ')}.icons-enabled .icon-live-title::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-biliplus::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-time::after{background-image:url('data:image/svg+xml;utf-8,')}.icons-enabled .icon-activity::after{background-image:url('data:image/svg+xml;utf-8,')}`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-resolution.min.js"] = (()=>{return(t,e)=>{const o=/@(\d+)[Ww]_(\d+)[Hh]/;const n=t.imageResolutionScale==="auto"?window.devicePixelRatio:parseFloat(t.imageResolutionScale);const r=["#certify-img1","#certify-img2"];const i=(t,e)=>{const o=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,null,false);let n=o.nextNode();while(n){e(n);n=o.nextNode()}};async function a(t){const e=(e,i)=>{const a=e(t);if(a===null){return}if(r.some(e=>t.matches(e))){return}const s=a.match(o);if(!s){return}let[,c,u]=s;let l=parseInt(t.getAttribute("data-resolution-width")||"0");if(parseInt(c)>=l&&l!==0){return}if(t.getAttribute("width")===null&&t.getAttribute("height")===null){t.setAttribute("width",c)}c=Math.round(n*parseInt(c)).toString();u=Math.round(n*parseInt(u)).toString();t.setAttribute("data-resolution-width",c);i(t,a.replace(o,`@${c}w_${u}h`))};Observer.attributes(t,()=>{e(t=>t.getAttribute("src"),(t,e)=>t.setAttribute("src",e));e(t=>t.style.backgroundImage,(t,e)=>t.style.backgroundImage=e)})}const s=async()=>{i(document.body,t=>a(t));Observer.childListSubtree(document.body,t=>{for(const e of t){for(const t of e.addedNodes){if(t instanceof HTMLElement){a(t);if(t.nodeName.toUpperCase()!=="IMG"){i(t,t=>a(t))}}}}})};s();e.applyStyleFromText(`.favInfo-box .favInfo-cover img {width: 100% !important; object-position: left !important;}`,"image-resolution-fix");return{export:{imageResolution:a}}}})(); -onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.css"] = `body.image-viewer-opened,html.image-viewer-opened{overflow:hidden!important}.image-viewer-container{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;display:none;justify-content:center;align-items:center}.image-viewer-container.opened{display:flex}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px 12px 48px 18px 48px;grid-template-areas:"image close" "image ." "image copy-link" "image ." "image new-tab" "image ." "image download";grid-column-gap:12px;column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%}.image-viewer .close{grid-area:close}.image-viewer .download{grid-area:download}.image-viewer .copy-link{grid-area:copy-link;transform:scale(.95)}.image-viewer .new-tab{grid-area:new-tab;transform:scale(.85)}.image-viewer-icon{cursor:pointer;width:100%;height:100%}.image-viewer-icon svg{max-width:48px;max-height:48px}.image-viewer-icon path{fill:#eee;transition:.2s;transform-origin:center}.image-viewer-icon:hover path{fill:var(--theme-color);transform:scale(1.1)}`; +onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.css"] = `body.image-viewer-opened,html.image-viewer-opened{overflow:hidden!important}.image-viewer-container,.image-viewer-container *{transition:.2s ease-out}.image-viewer-container{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.image-viewer-container.opened{opacity:1;pointer-events:initial}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px 12px 48px 18px 48px;grid-template-areas:"image close" "image ." "image copy-link" "image ." "image new-tab" "image ." "image download";grid-column-gap:12px;column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch;transform:scale(.95)}.image-viewer-container.opened .image-viewer{transform:scale(1)}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%}.image-viewer .close{grid-area:close}.image-viewer .download{grid-area:download}.image-viewer .copy-link{grid-area:copy-link;transform:scale(.95)}.image-viewer .new-tab{grid-area:new-tab;transform:scale(.85)}.image-viewer-icon{cursor:pointer;width:100%;height:100%}.image-viewer-icon svg{max-width:48px;max-height:48px}.image-viewer-icon path{fill:#eee;transition:.2s;transform-origin:center}.image-viewer-icon:hover path{fill:var(--theme-color);transform:scale(1.1)}`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.html"] = `
`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/index.min.html"] = `Document`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/keymap.min.js"] = (()=>{return(e,i)=>{const t=["https://www.bilibili.com/bangumi/","https://www.bilibili.com/video/"];if(t.some(e=>document.URL.startsWith(e))){const t={f:".bilibili-player-video-fullscreen",w:".bilibili-player-video-web-fullscreen",t:".bilibili-player-video-btn-widescreen",r:".bilibili-player-video-btn-repeat",m:".bilibili-player-video-btn-volume .bilibili-player-iconfont-volume",l:".video-toolbar .like",c:".video-toolbar .coin,.tool-bar .coin-info",s:".video-toolbar .collect"," ":".bilibili-player-video-btn-start"};let a;const n=e=>{let t=dq(".keymap-playback-tip");if(!t){const e=dq(".bilibili-player-video-wrap");if(!e){return}e.insertAdjacentHTML("afterbegin",`\n
\n\n
x\n
\n`);i.applyStyleFromText(`\n .keymap-playback-tip-container {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: 8px 16px;\n background-color: #000A;\n color: white;\n pointer-events: none;\n opacity: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n font-size: 14pt;\n border-radius: 4px;\n transition: .2s ease-out;\n }\n .keymap-playback-tip-container.show {\n opacity: 1;\n }\n .keymap-playback-tip-container i {\n line-height: 1;\n margin-right: 8px;\n font-size: 18pt;\n }\n`,"keymapStyle");t=dq(".keymap-playback-tip")}t.innerHTML=e.toString();if(a){clearTimeout(a)}dq(".keymap-playback-tip-container").classList.add("show");a=setTimeout(()=>{dq(".keymap-playback-tip-container").classList.remove("show")},2e3)};document.body.addEventListener("keydown",i=>{if(document.activeElement&&["input","textarea"].includes(document.activeElement.nodeName.toLowerCase())){return}const a=i.key.toLowerCase();const o=!i.shiftKey&&!i.altKey&&!i.ctrlKey;if(a in t&&o){const e=dq(t[a]);if(!e){return}i.stopPropagation();i.preventDefault();e.click()}else if(a==="d"&&o){const e=dq(".bilibili-player-video-danmaku-switch input");if(!e){return}i.stopPropagation();i.preventDefault();e.checked=!e.checked;raiseEvent(e,"change")}else if(a==="j"&&o){const t=dq(".bilibili-player-video video");t.currentTime+=e.keymapJumpSeconds;i.stopPropagation();i.preventDefault()}else if(i.shiftKey){const t=dq(".bilibili-player-video video");if(t===null){return}const o=[.5,.75,1,1.25,1.5,2];let l=true;if(a===">"||a==="ArrowUp".toLowerCase()){t.playbackRate=o.find(e=>e>t.playbackRate)||o[o.length-1];n(t.playbackRate)}else if(a==="<"||a==="ArrowDown".toLowerCase()){t.playbackRate=[...o].reverse().find(e=>eKzu0!ATY218*?zEO{- z4{7xB{|h|!D6NvZ-a&2|`NSU)DI=Ho7j~DC(_H?MEO55?Ci~`OybilaRasxkbLP~b}_vvJ8qGLjCmiQ`B+ zC@i_R;j)8#QbQ7@737w7wP3>}yIZlpf~pNGwkz1#uGp~V5%%o#kP)A@D+TiXN`&3p zvD8Tc)9qb~(3EJzmoBnkuairPbmLto$Etc2*PIkIY&@dCdsNX7agp6{^XQaSgpijb zXIxy%Ak0m~z!CO8eJmVv~bh>ZSs5Z>_*n;&#?DyI{_RI6LpXV;@eyWpZWueVa ze&g;1s(|!-)r#@?stH&8+}-krRdg&@ORzP>Zl+4rlK1ZX-J;Xw^e+X-MYRT4x zd2(kzLxxSMcN9OfEndX~^;E?atEZJY-m99>8gGm>VLZ%bc80mt@9N2FE*}5q!k&ny znh|}7CDI~fGc1_U@a$bpK{&$6){1D2kUMWoCZR3bylG1!+8l$=%RBLlLYDvR%@GT3 YM#yJKbD+x_&BaqIsbE@q7V$v;2FmP~WdHyG delta 1178 zcmZ8gduUsA6u$R&(`B`{kM%Y=U1zhYb;@c=`-e@MG;JO???&Ai%B*vXONZ68F1!be^^t6E?UidhC=f`<` z=bStJ_V!=j+WxX38^TZwlTl=>GR($mqu98^C>d8T9xq$>V(#I^)Pe72Op-KX!sX-Y ze#9G!N-%ap?KJgfdb=L|o=YbOT)Wd<{dv5n=H!DrM^#2C zql{6`s9>yNR5CP16~mI>Ici-y`2U&*n`w)fcppDBlTWTdt%KaM9orn_61&gi4F`G5 zuYIjbJ*jTY+DXHLgKXjn2Zo(Y);q~A9D0Gg+DH}1I>{!NW5`KfHnUFBmAbSBwO6|n zKi5$?0xe`yY&|P38?Hx4#p~=6=?qS_kWUO|@mmXd#8?iEF1G3Ck#SK#d8%K-BLkWZ z-`hE4&cz}5e*EL2pn2l~P0FNGxKc+|*x}}veTVUqn}d6fV8TryW%vUPYsNGyYFo*! z-1FfItH$FAPL*xtjui~Gk}iHai{VzX!XBkEEb)T~Pol;{?aIiMhQrgErBHsqhegbO ztYPvKcFj9E&E&G{+s`#*ztRXdJY46MFIU)Fc-v@`T!LrYC?KAk#TeV-U%t_#zOGDP z3Y!yT!SC0!suJn;w-$}<)Gop|k!@!k3w#mFc55jXmu1xcg8m|%_5bbWX|!7ILqexb;$|NPbndb_ zhjTi4g}xWJbZ+m_0q8*r%ByjRjreOAvq943AzTbnH5x+nfP61HLlid8pS4JP(%ncp zc(dn2+}W`|@MDNt#6}B}VX7(IlrPLL(<`2kfDI?Ze0}w}#>P}{w@Ro8aN)<0oRP@6a;A)FwOTBDNmLNd4O l>2xwzIH7zM{a4K;4HpvRQ>LthQ$%;8{voPZHMNdd@V{mgdgK5A diff --git a/min/image-viewer.min.css b/min/image-viewer.min.css index 985d21528..147bd3b8b 100644 --- a/min/image-viewer.min.css +++ b/min/image-viewer.min.css @@ -1 +1 @@ -body.image-viewer-opened,html.image-viewer-opened{overflow:hidden!important}.image-viewer-container{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;display:none;justify-content:center;align-items:center}.image-viewer-container.opened{display:flex}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px 12px 48px 18px 48px;grid-template-areas:"image close" "image ." "image copy-link" "image ." "image new-tab" "image ." "image download";grid-column-gap:12px;column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%}.image-viewer .close{grid-area:close}.image-viewer .download{grid-area:download}.image-viewer .copy-link{grid-area:copy-link;transform:scale(.95)}.image-viewer .new-tab{grid-area:new-tab;transform:scale(.85)}.image-viewer-icon{cursor:pointer;width:100%;height:100%}.image-viewer-icon svg{max-width:48px;max-height:48px}.image-viewer-icon path{fill:#eee;transition:.2s;transform-origin:center}.image-viewer-icon:hover path{fill:var(--theme-color);transform:scale(1.1)} \ No newline at end of file +body.image-viewer-opened,html.image-viewer-opened{overflow:hidden!important}.image-viewer-container,.image-viewer-container *{transition:.2s ease-out}.image-viewer-container{background:rgba(0,0,0,.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.image-viewer-container.opened{opacity:1;pointer-events:initial}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px 12px 48px 18px 48px;grid-template-areas:"image close" "image ." "image copy-link" "image ." "image new-tab" "image ." "image download";grid-column-gap:12px;column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch;transform:scale(.95)}.image-viewer-container.opened .image-viewer{transform:scale(1)}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%}.image-viewer .close{grid-area:close}.image-viewer .download{grid-area:download}.image-viewer .copy-link{grid-area:copy-link;transform:scale(.95)}.image-viewer .new-tab{grid-area:new-tab;transform:scale(.85)}.image-viewer-icon{cursor:pointer;width:100%;height:100%}.image-viewer-icon svg{max-width:48px;max-height:48px}.image-viewer-icon path{fill:#eee;transition:.2s;transform-origin:center}.image-viewer-icon:hover path{fill:var(--theme-color);transform:scale(1.1)} \ No newline at end of file diff --git a/src/video/view-cover/image-viewer.css b/src/video/view-cover/image-viewer.css index 588b0ef7f..f3d54168b 100644 --- a/src/video/view-cover/image-viewer.css +++ b/src/video/view-cover/image-viewer.css @@ -2,6 +2,10 @@ html.image-viewer-opened, body.image-viewer-opened { overflow: hidden !important; } +.image-viewer-container, +.image-viewer-container * { + transition: .2s ease-out; +} .image-viewer-container { background: rgba(0, 0, 0, 0.85); width: 100%; @@ -10,12 +14,15 @@ body.image-viewer-opened { top: 0; left: 0; z-index: 100002; - display: none; + display: flex; justify-content: center; align-items: center; + opacity: 0; + pointer-events: none; } .image-viewer-container.opened { - display: flex; + opacity: 1; + pointer-events: initial; } .image-viewer { width: 90%; @@ -37,6 +44,10 @@ body.image-viewer-opened { justify-content: stretch; align-items: center; align-content: stretch; + transform: scale(.95); +} +.image-viewer-container.opened .image-viewer { + transform: scale(1); } .image-viewer .image { grid-area: image;