主题色 灰色 夜间模式 组件大小小(1) 中(2) 大(3) 组件圆角 组件缩放90% 95% 100% 105% 110%
none
small
medium
large
full
如下所示,utils库包含一些常量和方法,用于检测某些Web特性。以is开头的都是函数,其他为常量,如果是函数则表明该特性可能可以polyfill,所以改为函数延迟执行。当然未来可能考虑更改,有些特性polyfill意义不大
import { isSupportElementInternals, supportCSSAutoHeightTransition } from '@lun-web/utils';
当前浏览器的检测结果为:
isSupportElementInternals()
: falsesupportCSSAutoHeightTransition
: falseinBrowser
: 是否在浏览器环境中supportClipboard
: 是否支持Clipboard APIsupportDocumentPictureInPicture
: 是否支持Document Picture-in-Picture APIsupportFileSystemAccess
: 是否支持FileSystem Access APIsupportDialog
: 是否支持DialogsupportPopover
: 是否支持Popover APIisInputSupportPicker
: input元素是否支持showPickerisSupportPlaintextEditable
: contenteditable是否支持plaintext-onlyisSupportCheckVisibility
: 是否支持checkVisibilityisSupportInert
: 是否支持inertisSupportSlotAssign
: slot元素是否支持手动assignsupportTouch
: 是否支持Touch事件isSupportScrollEnd
: 是否支持scrollEnd事件supportCSSAnchor
: 是否支持Anchor PositioningsupportCSSAutoHeightTransition
: 是否支持Auto Height TransitionsupportCSSContentVisibility
: 是否支持content-visibilitysupportCSSDisplayP3
: 是否支持Display P3 ColorsupportCSSOklch
: 是否支持Oklch ColorsupportCSSHighLight
: 是否支持HighlightsupportCSSLayer
: 是否支持@layersupportCSSSubgrid
: 是否支持SubgridisPreferDark
: 用户是否偏向暗色主题