diff --git a/registry/lib/components/video/player/remove-popup/index.ts b/registry/lib/components/video/player/remove-popup/index.ts index 7f2b57d07..4488ff5c9 100644 --- a/registry/lib/components/video/player/remove-popup/index.ts +++ b/registry/lib/components/video/player/remove-popup/index.ts @@ -1,18 +1,25 @@ -import { toggleStyle } from '@/components/styled-component' import { ComponentMetadata } from '@/components/types' import { addComponentListener } from '@/core/settings' import { playerUrls } from '@/core/utils/urls' +const name = 'removePlayerPopup' export const component: ComponentMetadata = { - ...toggleStyle('removePlayerPopup', () => import('./remove-popup.scss'), ({ settings, metadata }) => { + name, + entry: ({ settings, metadata }) => { const { options } = settings const { kebabCase } = lodash - Object.keys(options).forEach(name => { - addComponentListener(`${metadata.name}.${name}`, (value: boolean) => { - document.body.classList.toggle(`${kebabCase(metadata.name)}-${kebabCase(name)}`, value) + Object.keys(options).forEach(optionName => { + addComponentListener(`${metadata.name}.${optionName}`, (value: boolean) => { + document.body.classList.toggle(`${kebabCase(metadata.name)}-${kebabCase(optionName)}`, value) }, true) }) - }), + }, + instantStyles: [ + { + name, + style: () => import('./remove-popup.scss'), + }, + ], displayName: '删除视频弹窗', tags: [componentsTags.video, componentsTags.style], description: { diff --git a/registry/lib/components/video/player/remove-popup/remove-popup.scss b/registry/lib/components/video/player/remove-popup/remove-popup.scss index 5b4b6fd4b..8c2c826f2 100644 --- a/registry/lib/components/video/player/remove-popup/remove-popup.scss +++ b/registry/lib/components/video/player/remove-popup/remove-popup.scss @@ -4,7 +4,11 @@ body { .bilibili-player-video-popup-three, .bilibili-player-video-popup-three-animate, .bilibili-player-video-popup-follow, - .bilibili-player-video-popup-there-cyc { + .bilibili-player-video-popup-there-cyc, + .bpx-player-popup-three, + .bpx-player-popup-animate, + .bpx-player-popup-follow, + .bpx-player-popup-cyc { display: none !important; } } @@ -15,7 +19,10 @@ body { } } &-votes { - .bilibili-player-video-popup-vote { + .bilibili-player-video-popup-vote, + .bpx-player-popup-dm-close, + .bpx-player-popup-dm-shrink, + .bpx-player-popup-vote { display: none !important; } }