mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-05 22:07:10 -04:00
71 lines
9.4 KiB
JavaScript
71 lines
9.4 KiB
JavaScript
![]() |
import{b as ao,f as o,o as no,q as p,p as x,M as P,n as I,u as so,v as U,t as to,w as d,x as io,af as F,P as ho}from"../entries/src_pages_Home.page.16dc467b.js";import{c as go}from"./chunk-991711fd.js";import{c as L}from"./chunk-b0332f36.js";import{N as Co}from"./chunk-aff6c081.js";import{c as bo}from"./chunk-a740628f.js";import{d as uo,r as vo,p as po,C as fo,c as N,h as y}from"./chunk-449c23a2.js";const ko=c=>{const{textColor2:h,primaryColorHover:r,primaryColorPressed:f,primaryColor:a,infoColor:i,successColor:s,warningColor:n,errorColor:t,baseColor:k,borderColor:m,opacityDisabled:g,tagColor:u,closeIconColor:e,closeIconColorHover:l,closeIconColorPressed:v,borderRadiusSmall:C,fontSizeMini:b,fontSizeTiny:z,fontSizeSmall:S,fontSizeMedium:B,heightMini:$,heightTiny:H,heightSmall:R,heightMedium:M,closeColorHover:_,closeColorPressed:T,buttonColor2Hover:E,buttonColor2Pressed:w,fontWeightStrong:W}=c;return Object.assign(Object.assign({},go),{closeBorderRadius:C,heightTiny:$,heightSmall:H,heightMedium:R,heightLarge:M,borderRadius:C,opacityDisabled:g,fontSizeTiny:b,fontSizeSmall:z,fontSizeMedium:S,fontSizeLarge:B,fontWeightStrong:W,textColorCheckable:h,textColorHoverCheckable:h,textColorPressedCheckable:h,textColorChecked:k,colorCheckable:"#0000",colorHoverCheckable:E,colorPressedCheckable:w,colorChecked:a,colorCheckedHover:r,colorCheckedPressed:f,border:`1px solid ${m}`,textColor:h,color:u,colorBordered:"rgb(250, 250, 252)",closeIconColor:e,closeIconColorHover:l,closeIconColorPressed:v,closeColorHover:_,closeColorPressed:T,borderPrimary:`1px solid ${o(a,{alpha:.3})}`,textColorPrimary:a,colorPrimary:o(a,{alpha:.12}),colorBorderedPrimary:o(a,{alpha:.1}),closeIconColorPrimary:a,closeIconColorHoverPrimary:a,closeIconColorPressedPrimary:a,closeColorHoverPrimary:o(a,{alpha:.12}),closeColorPressedPrimary:o(a,{alpha:.18}),borderInfo:`1px solid ${o(i,{alpha:.3})}`,textColorInfo:i,colorInfo:o(i,{alpha:.12}),colorBorderedInfo:o(i,{alpha:.1}),closeIconColorInfo:i,closeIconColorHoverInfo:i,closeIconColorPressedInfo:i,closeColorHoverInfo:o(i,{alpha:.12}),closeColorPressedInfo:o(i,{alpha:.18}),borderSuccess:`1px solid ${o(s,{alpha:.3})}`,textColorSuccess:s,colorSuccess:o(s,{alpha:.12}),colorBorderedSuccess:o(s,{alpha:.1}),closeIconColorSuccess:s,closeIconColorHoverSuccess:s,closeIconColorPressedSuccess:s,closeColorHoverSuccess:o(s,{alpha:.12}),closeColorPressedSuccess:o(s,{alpha:.18}),borderWarning:`1px solid ${o(n,{alpha:.35})}`,textColorWarning:n,colorWarning:o(n,{alpha:.15}),colorBorderedWarning:o(n,{alpha:.12}),closeIconColorWarning:n,closeIconColorHoverWarning:n,closeIconColorPressedWarning:n,closeColorHoverWarning:o(n,{alpha:.12}),closeColorPressedWarning:o(n,{alpha:.18}),borderError:`1px solid ${o(t,{alpha:.23})}`,textColorError:t,colorError:o(t,{alpha:.1}),colorBorderedError:o(t,{alpha:.08}),closeIconColorError:t,closeIconColorHoverError:t,closeIconColorPressedError:t,closeColorHoverError:o(t,{alpha:.12}),closeColorPressedError:o(t,{alpha:.18})})},mo={name:"Tag",common:ao,self:ko},xo=mo,yo={color:Object,type:{type:String,default:"default"},round:Boolean,size:{type:String,default:"medium"},closable:Boolean,disabled:{type:Boolean,default:void 0}},Po=no("tag",`
|
||
|
white-space: nowrap;
|
||
|
position: relative;
|
||
|
box-sizing: border-box;
|
||
|
cursor: default;
|
||
|
display: inline-flex;
|
||
|
align-items: center;
|
||
|
flex-wrap: nowrap;
|
||
|
padding: var(--n-padding);
|
||
|
border-radius: var(--n-border-radius);
|
||
|
color: var(--n-text-color);
|
||
|
background-color: var(--n-color);
|
||
|
transition:
|
||
|
border-color .3s var(--n-bezier),
|
||
|
background-color .3s var(--n-bezier),
|
||
|
color .3s var(--n-bezier),
|
||
|
box-shadow .3s var(--n-bezier),
|
||
|
opacity .3s var(--n-bezier);
|
||
|
line-height: 1;
|
||
|
height: var(--n-height);
|
||
|
font-size: var(--n-font-size);
|
||
|
`,[p("strong",`
|
||
|
font-weight: var(--n-font-weight-strong);
|
||
|
`),x("border",`
|
||
|
pointer-events: none;
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
border-radius: inherit;
|
||
|
border: var(--n-border);
|
||
|
transition: border-color .3s var(--n-bezier);
|
||
|
`),x("icon",`
|
||
|
display: flex;
|
||
|
margin: 0 4px 0 0;
|
||
|
color: var(--n-text-color);
|
||
|
transition: color .3s var(--n-bezier);
|
||
|
font-size: var(--n-avatar-size-override);
|
||
|
`),x("avatar",`
|
||
|
display: flex;
|
||
|
margin: 0 6px 0 0;
|
||
|
`),x("close",`
|
||
|
margin: var(--n-close-margin);
|
||
|
transition:
|
||
|
background-color .3s var(--n-bezier),
|
||
|
color .3s var(--n-bezier);
|
||
|
`),p("round",`
|
||
|
padding: 0 calc(var(--n-height) / 3);
|
||
|
border-radius: calc(var(--n-height) / 2);
|
||
|
`,[x("icon",`
|
||
|
margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);
|
||
|
`),x("avatar",`
|
||
|
margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);
|
||
|
`),p("closable",`
|
||
|
padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);
|
||
|
`)]),p("icon, avatar",[p("round",`
|
||
|
padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);
|
||
|
`)]),p("disabled",`
|
||
|
cursor: not-allowed !important;
|
||
|
opacity: var(--n-opacity-disabled);
|
||
|
`),p("checkable",`
|
||
|
cursor: pointer;
|
||
|
box-shadow: none;
|
||
|
color: var(--n-text-color-checkable);
|
||
|
background-color: var(--n-color-checkable);
|
||
|
`,[P("disabled",[I("&:hover","background-color: var(--n-color-hover-checkable);",[P("checked","color: var(--n-text-color-hover-checkable);")]),I("&:active","background-color: var(--n-color-pressed-checkable);",[P("checked","color: var(--n-text-color-pressed-checkable);")])]),p("checked",`
|
||
|
color: var(--n-text-color-checked);
|
||
|
background-color: var(--n-color-checked);
|
||
|
`,[P("disabled",[I("&:hover","background-color: var(--n-color-checked-hover);"),I("&:active","background-color: var(--n-color-checked-pressed);")])])])]),Io=Object.assign(Object.assign(Object.assign({},U.props),yo),{bordered:{type:Boolean,default:void 0},checked:Boolean,checkable:Boolean,strong:Boolean,triggerClickOnClose:Boolean,onClose:[Array,Function],onMouseenter:Function,onMouseleave:Function,"onUpdate:checked":Function,onUpdateChecked:Function,internalCloseFocusable:{type:Boolean,default:!0},internalCloseIsButtonTag:{type:Boolean,default:!0},onCheckedChange:Function}),zo=bo("n-tag"),_o=uo({name:"Tag",props:Io,setup(c){const h=vo(null),{mergedBorderedRef:r,mergedClsPrefixRef:f,inlineThemeDisabled:a,mergedRtlRef:i}=so(c),s=U("Tag","-tag",Po,xo,c,f);po(zo,{roundRef:fo(c,"round")});function n(e){if(!c.disabled&&c.checkable){const{checked:l,onCheckedChange:v,onUpdateChecked:C,"onUpdate:checked":b}=c;C&&C(!l),b&&b(!l),v&&v(!l)}}function t(e){if(c.triggerClickOnClose||e.stopPropagation(),!c.disabled){const{onClose:l}=c;l&&ho(l,e)}}const k={setTextContent(e){const{value:l}=h;l&&(l.textContent=e)}},m=to("Tag",i,f),g=N(()=>{const{type:e,size:l,color:{color:v,textColor:C}={}}=c,{common:{cubicBezierEaseInOut:b},self:{padding:z,closeMargin:S,closeMarginRtl:B,borderRadius:$,opacityDisabled:H,textColorCheckable:R,textColorHoverCheckable:M,textColorPressedCheckable:_,textColorChecked:T,colorCheckable:E,colorHoverCheckable:w,colorPressedCheckable:W,colorChecked:V,colorCheckedHover:D,colorCheckedPressed:K,closeBorderRadius:q,fontWeightStrong:A,[d("colorBordered",e)]:G,[d("closeSize",l)]:J,[d("closeIconSize",l)]:Q,[d("fontSize",l)]:X,[d("height",l)]:O,[d("color",e)]:Y,[d("textColor",e)]:Z,[d("border",e)]:oo,[d("closeIconColor",e)]:j,[d("closeIconColorHover",e)]:eo,[d("closeIconColorPressed",e)]:ro,[d("closeColorHover",e)]:lo,[d("closeColorPressed",e)]:co}}=s.value;return{"--n-font-weight-strong":A,"--n-avatar-size-override":`calc(${O} - 8px)`,"--n-bezier":b,"--n-border-radius":$,"--n-border":oo,"--n-close-icon-size":Q,"--n-close-color-pressed":co,"--n-close-color-hover":lo,"--n-close-border-radius":q,"--n-close-icon-color":j,"--n-close-icon-color-hover":eo,"--n-close-icon-color-pressed":ro,"--n-close-icon-color-disabled":j,"--n-close-margin":S,"--n-close-margin-rtl":B,"--n-close-size":J,"--n-color":v||(r.value?G:Y),"--n-color-checkable":E,"--n-color-checked":V,"--n-color-checked-hover":D,"--n-color-checked-pressed":K,"--n-color-hover-checkable":w,"--n-color-pressed-checkable":W,"--n-font-size":X,"--n-height":O,"--n-opacity-disabled":H,"--n-padding":z,"--n-text-color":C||Z,"--n-text-color-checkable":R,"--n-text-color-checked":T,"--n-text-color-hover-checkable":M,"--n-text-color-pressed-checkable":_}}),u=a?io("tag",N(()=>{let e="";const{type:l,size:v,color:{color:C,textColor:b}={}}=c;return e+=l[0],e+=v[0],C&&(e+=`a${L(C)}`),b&&(e+=`b${L(b)}`),r.value&&(e+="c"),e}),g,c):void 0;return Object.assign(Object.assign({},k),{rtlEnabled:m,mergedClsPrefix:f,contentRef:h,mergedBordered:r,handleClick:n,handleCloseClick:t,cssVars:a?void 0:g,themeClass:u?.themeClass,onRender:u?.onRender})},render(){var c,h;const{mergedClsPrefix:r,rtlEnabled:f,closable:a,color:{borderColor:i}={},round:s,onRender:n,$slots:t}=this;n?.();const k=F(t.avatar,g=>g&&y("div",{class:`${r}-tag__avatar`},g)),m=F(t.icon,g=>g&&y("div",{class:`${r}-tag__icon`},g));return y("div",{class:[`${r}-tag`,this.themeClass,{[`${r}-tag--rtl`]:f,[`${r}-tag--strong`]:this.strong,[`${r}-tag--disabled`]:this.disabled,[`${r}-tag--checkable`]:this.checkable,[`${r}-tag--checked`]:this.checkable&&this.checked,[`${r}-tag--round`]:s,[`${r}-tag--avatar`]:k,[`${r}-tag--icon`]:m,[`${r}-tag--closable`]:a}],style:this.cssVars,onClick:this.handleClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},m||k,y("span",{class:`${r}-tag__content`,ref:"contentRef"},(h=(c=this.$slots).default)===null||h===void 0?void 0:h.call(c)),!this.checkable&&a?y(Co,{clsPrefix:r,class:`${r}-tag__close`,disabled:this.disabled,onClick:this.handleCloseClick,focusable:this.internalCloseFocusable,round:s,isButtonTag:
|