Merge branch 'preview-features' into preview

the1812 · Aug 14, 2022 · 1f115da · 1f115da
2 parents aade822 + 4255051
commit 1f115da
Show file tree

Hide file tree

Showing 41 changed files with 1,668 additions and 196 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -42,6 +42,7 @@
     "durl",
     "epid",
     "esbuild",
+    "flac",
     "Fullscreen",
     "githubusercontent",
     "Greasemonkey",

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,34 @@
 # 更新日志
 
+## v2.3.2-preview
+
+包含 v2.2.3 的所有更新内容.
+
+✨新增
+- 新增组件 `UP 主黑名单` by [snowraincloud](https://github.com/snowraincloud). (PR #3537)
+- 在无限滚动的场景下, 点击那个 `加载中` 的标识 (ScrollTrigger) 可以手动触发加载下一页. 在遇到没有自动加载下一页的情况时会比较有用.
+- `下载视频` 支持 `flac` 音源. (#3497)
+
+## v2.2.3
+`2022-08-13`
+
+✨新增
+- `BiliPlus 跳转支持` 更换了新的图标.
+- `简化评论区` 支持屏蔽热评图标.
+
+🐛修复
+- 调整 `自定义顶栏` 对 `bilibili 夏` logo 的尺寸.
+- 修复 ScopedConsole API 缺少浏览器的额外 API (报错为 `console.table is not a function`). (#3462)
+- `夜间模式` 部分适配更新后的直播间, 修复一些动态页的问题. (#2615, #3459, #3191)
+- 修复启用 `禁止跳转动态详情` 后, 动态中的展开按钮无法展开动态. (#3465)
+- 新版播放器界面适配:
+  - 部分 `夜间模式` 支持. (#2615)
+  - `删除广告` 支持删除广告及推广视频.
+  - `外置稍后再看` 和 `启用快速收藏` 支持.
+- 修复 `自定义顶栏` 遮挡动态页查看大图的界面. (#3467)
+- 修复视频卡片在 Safari 中的动画异常. (PR #3533 by [夜白](https://github.com/Agoines))
+- 修复 3.x 播放器中开启 HEVC 后查询不到 bwp-video. (PR #3560 by [imshixin](https://github.com/imshixin))
+
 ## v2.3.1-preview
 `2022-06-28`
 

diff --git a/registry/lib/components/feeds/disable-details/index.ts b/registry/lib/components/feeds/disable-details/index.ts
@@ -28,6 +28,7 @@ const entry = async () => {
         return
       }
       if ([
+        'bili-rich-text__action',
         'bili-rich-text-topic',
         'bili-rich-text-module',
         'bili-rich-text-link',

diff --git a/registry/lib/components/style/custom-navbar/CustomNavbar.vue b/registry/lib/components/style/custom-navbar/CustomNavbar.vue
@@ -259,5 +259,8 @@ body.fixed-navbar {
       right: 0;
     }
   }
+  ~ .bili-gallery {
+    z-index: 10002;
+  }
 }
 </style>
diff --git a/registry/lib/components/style/custom-navbar/CustomNavbarItem.vue b/registry/lib/components/style/custom-navbar/CustomNavbarItem.vue
@@ -129,11 +129,9 @@ export default Vue.extend({
       }
       if (!item.requestedPopup) {
         item.requestedPopup = true
-        console.log('requestedPopup', true)
         this.triggerPopupShow(true)
         return
       }
-      console.log('requestedPopup', false)
       this.triggerPopupShow(false)
     },
     // async initPopper() {

diff --git a/registry/lib/components/style/custom-navbar/logo/NavbarLogo.vue b/registry/lib/components/style/custom-navbar/logo/NavbarLogo.vue
@@ -64,7 +64,8 @@ export default Vue.extend({
     }
   }
   &.season {
-    transform: scale(1.15);
+    height: 36px;
+    // transform: scale(1.15);
     filter: drop-shadow(0 0 2px #0002);
   }
 }

diff --git a/registry/lib/components/style/dark-mode/dark-mode.important.scss b/registry/lib/components/style/dark-mode/dark-mode.important.scss
@@ -1,9 +1,9 @@
-@import "./dark-definitions";
+@import './dark-definitions';
 
 #disable-popup-modal,
 #vip-exchange-modal {
   .vip-exchange .months button.disabled {
-    @include background-color("2");
+    @include background-color('2');
   }
 }
 
@@ -12,7 +12,7 @@
   .sch-pub-btn.disabled,
   .publish-btn.publishing,
   .publish-btn.disabled {
-    @include background-color("2");
+    @include background-color('2');
   }
 }
 .link-footer,
@@ -22,10 +22,10 @@
 .tab-list .tab-item.active:before,
 .player-auxiliary-area .player-auxiliary-bscrollbar .bscroll-indicator,
 .home-content .publish-btn.disabled {
-  @include background-color("2");
+  @include background-color('2');
 }
 .manga-detail .episode-list-component .episode-list .list-header .header-item.selected {
-  @include background-color("3");
+  @include background-color('3');
 }
 .wrapper .elec-btn.disabled,
 .f-list-hover:hover,
@@ -43,10 +43,10 @@
 .main-container .media-info .media-right .media-tool-bar .btn-follow.active,
 .coupon-content-con .coupon-btn-disable,
 .customize-wrp .select {
-  @include background-color("4");
+  @include background-color('4');
 }
 .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .bscroll-indicator {
-  @include background-color("5");
+  @include background-color('5');
 }
 .player-auxiliary-area .player-auxiliary-bscrollbar {
   .bscroll-vertical-scrollbar,
@@ -68,43 +68,43 @@
 blockquote {
   &,
   * {
-    @include color("a");
+    @include color('a');
   }
-  @each $color in "blue", "gray", "green", "lblue", "pink", "purple", "yellow" {
-    @each $value in "01", "02", "03", "04" {
+  @each $color in 'blue', 'gray', 'green', 'lblue', 'pink', 'purple', 'yellow' {
+    @each $value in '01', '02', '03', '04' {
       .color-#{$color}-#{$value} {
-        @include color("a");
+        @include color('a');
       }
     }
   }
 }
 .open-dialog-masker .open-dialog-content .open-footer .btn-normal.disabled {
   &,
   &:hover {
-    @include color("a");
+    @include color('a');
   }
 }
 .status_box .status_btn.disabled {
-  @include color("a");
+  @include color('a');
 }
 .live-room-app .guard-rank-cntr {
   .tabs.isHundred .item.active {
-    @include color("e");
+    @include color('e');
   }
   &.hundred,
   &.thousand {
     .live-skin-main-a-text,
     .page-box .live-skin-main-text,
     .live-skin-highlight-text {
-      @include color("e");
+      @include color('e');
     }
   }
 }
 .bb-comment .no-login .comment-submit {
   .common &,
   & {
-    @include color("9");
-    @include background-color("4");
+    @include color('9');
+    @include background-color('4');
     @include border-color();
   }
 }
@@ -124,7 +124,7 @@ blockquote {
 .customize-wrp .select,
 .manga-detail .episode-list-component .episode-list .list-data .list-item.last-read,
 .popup-content-ctnr .bl-button--ghost {
-  @include color("e");
+  @include color('e');
 }
 
 .link-footer,
@@ -224,27 +224,27 @@ blockquote {
 
 #bilibiliPlayer {
   box-shadow: 0 4px 8px 0 #0004;
-  @include background-color("2");
+  @include background-color('2');
 }
 
 .live-skin-coloration-area {
   .live-skin-separate-area,
   .live-skin-separate-area-hover:hover {
-    @include background-color("2");
+    @include background-color('2');
   }
   .live-skin-normal-a-text {
     &,
     &:link,
     &:visited {
-      @include color("a");
+      @include color('a');
     }
   }
   .live-skin-normal-text {
-    @include color("a");
+    @include color('a');
   }
   .live-skin-main-text,
   .live-skin-highlight-text {
-    @include color("e");
+    @include color('e');
   }
   .live-skin-highlight-border,
   .live-skin-separate-border {
@@ -293,4 +293,51 @@ blockquote {
   .bilibili-player-block-filter-label {
     @include theme-color();
   }
-}
+}
+.left-container #head-info-vm.head-info-section {
+  @include background-color('4');
+}
+#link-navbar-vm.link-navbar-ctnr {
+  &,
+  & .link-navbar {
+    @include background-color('3');
+  }
+  .calendar-checkin .calendar-wrapper,
+  .download-panel-ctnr,
+  .nav-item,
+  .nav-item .area-list-panel .list-item,
+  .nav-logo,
+  .shortcuts-ctnr .shortcut-item,
+  .user-panel-ctnr .user-panel .header-node .username-info,
+  .user-panel-ctnr .user-panel .user-level-detail .detail-link {
+    @include color('e');
+  }
+  .link-panel-ctnr .ps__thumb-x,
+  .link-panel-ctnr .ps__thumb-y,
+  .nav-item:hover,
+  .shortcuts-ctnr .shortcut-item:not(:last-child):hover {
+    @include background-color('4');
+  }
+  .calendar-checkin,
+  .calendar-checkin .calendar-wrapper,
+  .calendar-checkin .title,
+  .download-panel-ctnr,
+  .link-panel-ctnr,
+  .link-panel-ctnr .totally-empty-hint,
+  .nav-item .area-list-panel,
+  .user-panel-ctnr .user-panel,
+  .user-panel-ctnr .user-panel .load-error-panel,
+  .user-panel-ctnr .user-panel .user-level-detail {
+    @include background-color('3');
+  }
+  .right-part > .shortcuts-ctnr .shortcut-item:hover {
+    @include background-color();
+  }
+  .content-ctnr {
+    .items .item .light-name,
+    .items .item .name,
+    .title {
+      @include color('e');
+    }
+  }
+}
diff --git a/registry/lib/components/style/dark-mode/dark-mode.scss b/registry/lib/components/style/dark-mode/dark-mode.scss
@@ -14,4 +14,5 @@
 @import "./dark-slice-14.scss";
 @import "./dark-slice-15.scss";
 @import "./dark-slice-16.scss";
+@import "./dark-slice-17.scss";
 @import "./dark-navbar.scss";
diff --git a/registry/lib/components/style/dark-mode/dark-navbar.scss b/registry/lib/components/style/dark-mode/dark-navbar.scss
@@ -16,8 +16,7 @@
 #link-navbar-vm > .link-navbar,
 #app > .link-navbar,
 #app > .nav-header-wrapper,
-.b-header-mask-wrp .b-header-mask,
-.link-navbar {
+.b-header-mask-wrp .b-header-mask {
   @include background-color("3");
 }
 .z_top .i-link:hover,

diff --git a/registry/lib/components/style/dark-mode/dark-slice-10.scss b/registry/lib/components/style/dark-mode/dark-slice-10.scss
@@ -612,6 +612,9 @@
     @include foreground-color();
   }
 }
+.placeholder-shown::before {
+  @include color("8");
+}
 .publish-panel {
   .core-style {
     @include background-color();
@@ -623,9 +626,6 @@
       @include theme-border-color();
     }
   }
-  .editor .placeholder-shown::before {
-    @include color("8");
-  }
   .schedule-bar {
     @include background-color("3");
     .s-label,

diff --git a/registry/lib/components/style/dark-mode/dark-slice-14.scss b/registry/lib/components/style/dark-mode/dark-slice-14.scss
@@ -111,6 +111,14 @@
           span:not(.cur-page) {
             @include color("e");
           }
+          .cur-page {
+            @include color('a');
+          }
+        }
+        &-right {
+          .next-button {
+            @include color('a');
+          }
         }
         &-title {
           @include color("e");
@@ -121,6 +129,11 @@
       }
     }
     &_second-line {
+      .second-line_left {
+        .abstract {
+          @include color('a');
+        }
+      }
       .second-line_right {
         @include theme-border-color();
         @include background-color("4");
@@ -156,8 +169,13 @@
             &-title {
               @include color("e");
             }
+            &-duration {
+              @include color('a');
+            }
+            &-playing,
             &-title-playing {
               @include theme-color();
+              @include background-color('5');
               .cur-play-icon {
                 @include to-theme("blue");
               }
@@ -303,10 +321,16 @@ a {
     @include theme-color();
   }
 }
-.follow-btn.followed {
-  @include border-color("");
-  @include background-color("4");
-  @include color("a");
+.follow-btn {
+  &.following,
+  &.followed {
+    @include border-color("");
+    @include background-color("4");
+    @include color("a");
+    path {
+      @include fill('a');
+    }
+  }
 }
 #article-list-index .index-holder {
   .article-item:not(.on) {