21 lines
2.4 KiB
JavaScript
21 lines
2.4 KiB
JavaScript
import{I as e,N as t,w as n}from"./client-CT8bsOZT.js";import{G as r,H as i,M as a,N as o,q as s,r as c}from"./light-DhgSQSdG.js";import{t as l}from"./use-compitable-DR1_4TS5.js";import{i as u}from"./index-ByLIdoJ7.js";var d=i(`text`,`
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-text-color);
|
|
`,[r(`strong`,`
|
|
font-weight: var(--n-font-weight-strong);
|
|
`),r(`italic`,{fontStyle:`italic`}),r(`underline`,{textDecoration:`underline`}),r(`code`,`
|
|
line-height: 1.4;
|
|
display: inline-block;
|
|
font-family: var(--n-font-famliy-mono);
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier);
|
|
box-sizing: border-box;
|
|
padding: .05em .35em 0 .35em;
|
|
border-radius: var(--n-code-border-radius);
|
|
font-size: .9em;
|
|
color: var(--n-code-text-color);
|
|
background-color: var(--n-code-color);
|
|
border: var(--n-code-border);
|
|
`)]),f=t({name:`Text`,props:Object.assign(Object.assign({},c.props),{code:Boolean,type:{type:String,default:`default`},delete:Boolean,strong:Boolean,italic:Boolean,underline:Boolean,depth:[String,Number],tag:String,as:{type:String,validator:()=>!0,default:void 0}}),setup(e){let{mergedClsPrefixRef:t,inlineThemeDisabled:r}=o(e),i=c(`Typography`,`-text`,d,u,e,t),f=n(()=>{let{depth:t,type:n}=e,r=n==="default"?t===void 0?`textColor`:`textColor${t}Depth`:s(`textColor`,n),{common:{fontWeightStrong:a,fontFamilyMono:o,cubicBezierEaseInOut:c},self:{codeTextColor:l,codeBorderRadius:u,codeColor:d,codeBorder:f,[r]:p}}=i.value;return{"--n-bezier":c,"--n-text-color":p,"--n-font-weight-strong":a,"--n-font-famliy-mono":o,"--n-code-border-radius":u,"--n-code-text-color":l,"--n-code-color":d,"--n-code-border":f}}),p=r?a(`text`,n(()=>`${e.type[0]}${e.depth||``}`),f,e):void 0;return{mergedClsPrefix:t,compitableTag:l(e,[`as`,`tag`]),cssVars:r?void 0:f,themeClass:p?.themeClass,onRender:p?.onRender}},render(){var t,n;let{mergedClsPrefix:r}=this;(t=this.onRender)==null||t.call(this);let i=[`${r}-text`,this.themeClass,{[`${r}-text--code`]:this.code,[`${r}-text--delete`]:this.delete,[`${r}-text--strong`]:this.strong,[`${r}-text--italic`]:this.italic,[`${r}-text--underline`]:this.underline}],a=(n=this.$slots).default?.call(n);return this.code?e(`code`,{class:i,style:this.cssVars},this.delete?e(`del`,null,a):a):this.delete?e(`del`,{class:i,style:this.cssVars},a):e(this.compitableTag||`span`,{class:i,style:this.cssVars},a)}});export{f as t}; |