UNPKG

@skiyee/uni-ui

Version:

一个由原子化CSS驱动、符合直觉设计、高度定制化、面向AI时代的移动端 UI 库,助力开发者打造独特且差异化的移动端应用程序

8 lines 1.97 kB
//! @unocss-include /** * @skiyee/uni-ui v1.1.0 * @author skiyee(https://github.com/skiyee) * @license Apache License 2.0 * @copyright 2025-present skiyee All rights reserved. **/ import{ucv as e}from"@skiyee/ucv";const t=e({element:{root:`relative inline-flex`,badge:`box-border absolute border-(2 solid) flex-center whitespace-nowrap font-medium rounded-full transition-all leading-none`},variants:{size:{small:{badge:`text-sup-medium`},medium:{badge:`text-sup-large-lt`},large:{badge:`text-sup-large`}},color:{brand:{badge:`bg-brand text-brand-foreground`},success:{badge:`bg-success text-success-foreground`},warning:{badge:`bg-warning text-warning-foreground`},danger:{badge:`bg-danger text-danger-foreground`},neutral:{badge:`bg-neutral text-neutral-foreground`}},placement:{"top-right":{badge:`top-0 right-0 transform -translate-y-1/3`},"top-left":{badge:`top-0 left-0 transform -translate-y-1/3`},"bottom-right":{badge:`bottom-0 right-0 transform translate-y-1/3`},"bottom-left":{badge:`bottom-0 left-0 transform translate-y-1/3`}},shape:{circle:{badge:`sk-unit:size-1.6em`},rectangle:{badge:`sk-unit:(px-4 h-1.6em)`},dot:{badge:`sk-unit:size-0.9em`}},standalone:{true:{root:``,badge:`relative top-auto right-auto bottom-auto left-auto transform-none`},false:{}},boundless:{true:{badge:`border-transparent`},false:{badge:`border-subtle`}},hidden:{true:{badge:`opacity-0 scale-0`},false:{badge:`opacity-100 scale-100`}}},cases:[{when:{shape:[`circle`,`dot`],placement:[`top-right`,`bottom-right`]},use:{badge:`translate-x-1/3`}},{when:{shape:[`circle`,`dot`],placement:[`top-left`,`bottom-left`]},use:{badge:`-translate-x-1/3`}},{when:{shape:`rectangle`,placement:[`top-right`,`bottom-right`]},use:{badge:`translate-x-1/2`}},{when:{shape:`rectangle`,placement:[`top-left`,`bottom-left`]},use:{badge:`-translate-x-1/2`}}],defaults:{size:`medium`,color:`danger`,placement:`top-right`,shape:`rectangle`,boundless:!1,standalone:!1,hidden:!1}});export{t as SkBadgeUcv};