Theme color Gray color Appearance SizeSmall(1) Medium(2) Large(3) Radius Scale90% 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: 用户是否偏向暗色主题