You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
17 lines
1.9 KiB
JavaScript
17 lines
1.9 KiB
JavaScript
import{J as w,L as h,M as c,C as z,P as $,Q as l,dp as T,H as f,a2 as i,a4 as H,m as P}from"./index.d4f4141b.js";var R=w("h",`
|
|
font-size: var(--n-font-size);
|
|
font-weight: var(--n-font-weight);
|
|
margin: var(--n-margin);
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-text-color);
|
|
`,[h("&:first-child",{marginTop:0}),c("prefix-bar",{position:"relative",paddingLeft:"var(--n-prefix-width)"},[c("align-text",{paddingLeft:0},[h("&::before",{left:"calc(-1 * var(--n-prefix-width))"})]),h("&::before",`
|
|
content: "";
|
|
width: var(--n-bar-width);
|
|
border-radius: calc(var(--n-bar-width) / 2);
|
|
transition: background-color .3s var(--n-bezier);
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
position: absolute;
|
|
`),h("&::before",{backgroundColor:"var(--n-bar-color)"})])]);const B=Object.assign(Object.assign({},l.props),{type:{type:String,default:"default"},prefix:String,alignText:Boolean});var n=r=>z({name:`H${r}`,props:B,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:s}=$(e),a=l("Typography","-h",R,T,e,o),d=f(()=>{const{type:g}=e,{common:{cubicBezierEaseInOut:m},self:{headerFontWeight:p,headerTextColor:b,[i("headerPrefixWidth",r)]:u,[i("headerFontSize",r)]:x,[i("headerMargin",r)]:v,[i("headerBarWidth",r)]:C,[i("headerBarColor",g)]:y}}=a.value;return{"--n-bezier":m,"--n-font-size":x,"--n-margin":v,"--n-bar-color":y,"--n-bar-width":C,"--n-font-weight":p,"--n-text-color":b,"--n-prefix-width":u}}),t=s?H(`h${r}`,f(()=>e.type[0]),d,e):void 0;return{mergedClsPrefix:o,cssVars:s?void 0:d,themeClass:t==null?void 0:t.themeClass,onRender:t==null?void 0:t.onRender}},render(){var e;const{prefix:o,alignText:s,mergedClsPrefix:a,cssVars:d,$slots:t}=this;return(e=this.onRender)===null||e===void 0||e.call(this),P(`h${r}`,{class:[`${a}-h`,`${a}-h${r}`,this.themeClass,{[`${a}-h--prefix-bar`]:o,[`${a}-h--align-text`]:s}],style:d},t)}});const L=n("1");n("2");n("3");const S=n("4");n("5");n("6");export{S as N,L as a};
|