Bilibili-Evolved/registry/lib/components/style/sidebar-offset/index.ts
2022-08-16 23:36:21 +08:00

31 lines
859 B
TypeScript

import { ComponentMetadata } from '@/components/types'
import { addComponentListener } from '@/core/settings'
import { getNumberValidator } from '@/core/utils'
export const component: ComponentMetadata = {
name: 'sidebarOffset',
displayName: '侧栏垂直偏移',
tags: [componentsTags.style],
instantStyles: [
{
name: 'sidebarOffset',
style: () => import('./sidebar-offset.scss'),
},
],
description: {
'zh-CN': '给脚本的侧栏设置垂直偏移量, 范围为 -35% ~ 40%',
},
entry: ({ metadata }) => {
addComponentListener(`${metadata.name}.offset`, (value: number) => {
document.body.style.setProperty('--be-sidebar-offset', `${value}%`)
}, true)
},
options: {
offset: {
displayName: '偏移量 (%)',
defaultValue: 0,
validator: getNumberValidator(-35, 40),
},
},
}