Bilibili-Evolved/registry/lib/components/style/auto-hide-sidebar/index.ts
2022-10-12 23:27:58 +08:00

37 lines
1.1 KiB
TypeScript

import { defineComponentMetadata } from '@/components/define'
import { addComponentListener } from '@/core/settings'
import { getNumberValidator } from '@/core/utils'
export const component = defineComponentMetadata({
name: 'autoHideSidebar',
entry: () => {
addComponentListener(
'autoHideSidebar.triggerWidth',
(value: number) => {
document.documentElement.style.setProperty('--auto-hide-sidebar-width', `${value}px`)
},
true,
)
},
displayName: '自动隐藏侧栏',
instantStyles: [
{
name: 'autoHideSidebar',
style: () => import('./auto-hide-sidebar.scss'),
important: true,
},
],
tags: [componentsTags.style, componentsTags.general],
options: {
triggerWidth: {
defaultValue: 8,
displayName: '触发区域宽度 (px)',
validator: getNumberValidator(1, 1000),
},
},
description: {
'zh-CN':
'自动隐藏脚本的侧栏 (功能和设置图标). 设置面板停靠在右侧时不建议使用, 因为网页的滚动条会占用右边缘的触发区域.',
},
})