@skiyee/uni-ui
Version:
一个由原子化CSS驱动、符合直觉设计、高度定制化、面向AI时代的移动端 UI 库,助力开发者打造独特且差异化的移动端应用程序
8 lines • 1.6 kB
JavaScript
//! @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:`inline-flex items-center cursor-pointer text-primary`,track:`relative inline-flex items-center shrink-0 rounded-full sk-unit:p-2 box-border transition-colors`,thumb:`flex-center inline-flex rounded-full shadow-small transition-transform`,thumbIcon:`sk-element:size-1.15em`,label:`sk-unit:ml-12 select-none`},variants:{selected:{true:{thumb:`translate-x-full`},false:{track:`bg-muted`,thumb:`translate-x-0`}},color:{brand:{track:`sk-variant:bg-brand`,thumb:`sk-variant:(text-brand bg-brand-foreground)`},success:{track:`sk-variant:bg-success`,thumb:`sk-variant:(text-success bg-success-foreground)`},warning:{track:`sk-variant:bg-warning`,thumb:`sk-variant:(text-warning bg-warning-foreground)`},danger:{track:`sk-variant:bg-danger`,thumb:`sk-variant:(text-danger bg-danger-foreground)`},neutral:{track:`sk-variant:bg-neutral`,thumb:`sk-variant:(text-neutral bg-neutral-foreground)`}},size:{small:{root:`text-body-small`,track:`sk-unit:w-44`,thumb:`sk-unit:size-20`},medium:{root:`text-body-medium`,track:`sk-unit:w-52`,thumb:`sk-unit:size-24`},large:{root:`text-body-large`,track:`sk-unit:w-60`,thumb:`sk-unit:size-28`}},readonly:{true:{root:`cursor-not-allowed pointer-events-none`}},disabled:{true:{root:`opacity-60 cursor-not-allowed pointer-events-none`}}},defaults:{size:`medium`,color:`brand`,selected:!1,readonly:!1,disabled:!1}});export{t as SkSwitchUcv};