mirror of https://github.com/allinssl/allinssl
2 lines
3.5 KiB
JavaScript
2 lines
3.5 KiB
JavaScript
import{d as e,aW as t,aY as r,H as o,I as n,K as l,bY as a,aM as s,l as i,aN as d,bZ as c,bR as u,E as g,F as f,b_ as p,M as x,ax as m}from"./main-DxBfl9jt.js";const h=e({name:"Flex",props:Object.assign(Object.assign({},l.props),{align:String,justify:{type:String,default:"start"},inline:Boolean,vertical:Boolean,reverse:Boolean,size:{type:[String,Number,Array],default:"medium"},wrap:{type:Boolean,default:!0}}),setup(e){const{mergedClsPrefixRef:t,mergedRtlRef:r}=n(e),o=l("Flex","-flex",void 0,a,e,t);return{rtlEnabled:s("Flex",r,t),mergedClsPrefix:t,margin:i((()=>{const{size:t}=e;if(Array.isArray(t))return{horizontal:t[0],vertical:t[1]};if("number"==typeof t)return{horizontal:t,vertical:t};const{self:{[d("gap",t)]:r}}=o.value,{row:n,col:l}=c(r);return{horizontal:u(l),vertical:u(n)}}))}},render(){const{vertical:e,reverse:n,align:l,inline:a,justify:s,margin:i,wrap:d,mergedClsPrefix:c,rtlEnabled:u}=this,g=t(r(this),!1);return g.length?o("div",{role:"none",class:[`${c}-flex`,u&&`${c}-flex--rtl`],style:{display:a?"inline-flex":"flex",flexDirection:e&&!n?"column":e&&n?"column-reverse":!e&&n?"row-reverse":"row",justifyContent:s,flexWrap:!d||e?"nowrap":"wrap",alignItems:l,gap:`${i.vertical}px ${i.horizontal}px`}},g):null}}),v=g("text","\n transition: color .3s var(--n-bezier);\n color: var(--n-text-color);\n",[f("strong","\n font-weight: var(--n-font-weight-strong);\n "),f("italic",{fontStyle:"italic"}),f("underline",{textDecoration:"underline"}),f("code","\n line-height: 1.4;\n display: inline-block;\n font-family: var(--n-font-famliy-mono);\n transition: \n color .3s var(--n-bezier),\n border-color .3s var(--n-bezier),\n background-color .3s var(--n-bezier);\n box-sizing: border-box;\n padding: .05em .35em 0 .35em;\n border-radius: var(--n-code-border-radius);\n font-size: .9em;\n color: var(--n-code-text-color);\n background-color: var(--n-code-color);\n border: var(--n-code-border);\n ")]),b=e({name:"Text",props:Object.assign(Object.assign({},l.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){const{mergedClsPrefixRef:t,inlineThemeDisabled:r}=n(e),o=l("Typography","-text",v,p,e,t),a=i((()=>{const{depth:t,type:r}=e,n="default"===r?void 0===t?"textColor":`textColor${t}Depth`:d("textColor",r),{common:{fontWeightStrong:l,fontFamilyMono:a,cubicBezierEaseInOut:s},self:{codeTextColor:i,codeBorderRadius:c,codeColor:u,codeBorder:g,[n]:f}}=o.value;return{"--n-bezier":s,"--n-text-color":f,"--n-font-weight-strong":l,"--n-font-famliy-mono":a,"--n-code-border-radius":c,"--n-code-text-color":i,"--n-code-color":u,"--n-code-border":g}})),s=r?x("text",i((()=>`${e.type[0]}${e.depth||""}`)),a,e):void 0;return{mergedClsPrefix:t,compitableTag:m(e,["as","tag"]),cssVars:r?void 0:a,themeClass:null==s?void 0:s.themeClass,onRender:null==s?void 0:s.onRender}},render(){var e,t,r;const{mergedClsPrefix:n}=this;null===(e=this.onRender)||void 0===e||e.call(this);const l=[`${n}-text`,this.themeClass,{[`${n}-text--code`]:this.code,[`${n}-text--delete`]:this.delete,[`${n}-text--strong`]:this.strong,[`${n}-text--italic`]:this.italic,[`${n}-text--underline`]:this.underline}],a=null===(r=(t=this.$slots).default)||void 0===r?void 0:r.call(t);return this.code?o("code",{class:l,style:this.cssVars},this.delete?o("del",null,a):a):this.delete?o("del",{class:l,style:this.cssVars},a):o(this.compitableTag||"span",{class:l,style:this.cssVars},a)}});export{h as N,b as a};
|