@skiyee/uni-ui
Version:
一个由原子化CSS驱动、符合直觉设计、高度定制化、面向AI时代的移动端 UI 库,助力开发者打造独特且差异化的移动端应用程序
8 lines • 3.18 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:{backdrop:`fixed inset-0 bg-backdrop/50`,overlay:`fixed`,content:`relative w-max break-all`},variants:{placement:{center:{overlay:`position-center`},top:{overlay:`top-0 position-x-center`},bottom:{overlay:`bottom-0 position-x-center`},left:{overlay:`left-0 position-y-center`},right:{overlay:`right-0 position-y-center`}},state:{hidden:{backdrop:`opacity-0 pointer-events-none`,overlay:`opacity-0 pointer-events-none`},entering:{backdrop:`opacity-0 transition-opacity duration-300`,overlay:`opacity-0 transition-opacity duration-300`,content:`transition-[opacity,transform] duration-300`},visible:{backdrop:`opacity-100 transition-opacity duration-300`,overlay:`opacity-100 transition-opacity duration-300`,content:`transition-[opacity,transform] duration-300`},leaving:{backdrop:`opacity-0 transition-opacity duration-300`,overlay:`opacity-0 transition-opacity duration-300`,content:`transition-[opacity,transform] duration-300`}},animation:{fade:{},scale:{},slide:{},"slide-up":{},"slide-down":{},"slide-left":{},"slide-right":{}}},cases:[{when:{state:`entering`,animation:`fade`},use:{content:`opacity-0 scale-95`}},{when:{state:`entering`,animation:`scale`},use:{content:`opacity-0 scale-50`}},{when:{state:`entering`,animation:`slide`},use:{content:`opacity-0 translate-y-4`}},{when:{state:`entering`,animation:`slide-up`},use:{content:`opacity-0 translate-y-full`}},{when:{state:`entering`,animation:`slide-down`},use:{content:`opacity-0 -translate-y-full`}},{when:{state:`entering`,animation:`slide-left`},use:{content:`opacity-0 translate-x-full`}},{when:{state:`entering`,animation:`slide-right`},use:{content:`opacity-0 -translate-x-full`}},{when:{state:`visible`,animation:`fade`},use:{content:`opacity-100 scale-100`}},{when:{state:`visible`,animation:`scale`},use:{content:`opacity-100 scale-100`}},{when:{state:`visible`,animation:`slide`},use:{content:`opacity-100 translate-y-0`}},{when:{state:`visible`,animation:`slide-up`},use:{content:`opacity-100 translate-y-0`}},{when:{state:`visible`,animation:`slide-down`},use:{content:`opacity-100 translate-y-0`}},{when:{state:`visible`,animation:`slide-left`},use:{content:`opacity-100 translate-x-0`}},{when:{state:`visible`,animation:`slide-right`},use:{content:`opacity-100 translate-x-0`}},{when:{state:`leaving`,animation:`fade`},use:{content:`opacity-0 scale-95`}},{when:{state:`leaving`,animation:`scale`},use:{content:`opacity-0 scale-50`}},{when:{state:`leaving`,animation:`slide`},use:{content:`opacity-0 translate-y-4`}},{when:{state:`leaving`,animation:`slide-up`},use:{content:`opacity-0 translate-y-full`}},{when:{state:`leaving`,animation:`slide-down`},use:{content:`opacity-0 -translate-y-full`}},{when:{state:`leaving`,animation:`slide-left`},use:{content:`opacity-0 translate-x-full`}},{when:{state:`leaving`,animation:`slide-right`},use:{content:`opacity-0 -translate-x-full`}}],defaults:{placement:`center`,animation:`fade`,state:`hidden`}});export{t as SkOverlayUcv};