Bilibili-Evolved/registry/lib/components/utils/image-resolution/index.ts
2022-10-02 01:07:17 +08:00

27 lines
857 B
TypeScript

import { defineComponentMetadata, defineOptionsMetadata, OptionsOfMetadata } from '@/components/define'
import { startResolution } from './resolution'
const options = defineOptionsMetadata({
scale: {
displayName: '缩放级别',
defaultValue: 'auto',
hidden: true,
},
})
export type Options = OptionsOfMetadata<typeof options>
export const component = defineComponentMetadata({
name: 'imageResolution',
displayName: '高分辨率图片',
tags: [
componentsTags.utils,
],
enabledByDefault: window.devicePixelRatio > 1,
entry: startResolution,
description: {
'zh-CN': '根据屏幕 DPI 请求更高分辨率的图片, 例如 DPI 缩放 200% 则请求 2 倍的分辨率, 加载时间也会相应变长一些. (也会导致某些浏览器里出现图片闪动, 因为本质上是更换了图片源)',
},
options,
})