You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
10 lines
1.8 KiB
10 lines
1.8 KiB
import{c as g,d as l,b as d,f as h,u as v,h as b,w as y}from"./light-Cua7cqmF.js";import{i as C}from"./light-DD97CHyt.js";import{f as _}from"./format-length-B-p6aW7q.js";import{d as $,c as a,G as m,m as z}from"./index-bVOhw2NF.js";const R=g("icon",`
|
|
height: 1em;
|
|
width: 1em;
|
|
line-height: 1em;
|
|
text-align: center;
|
|
display: inline-block;
|
|
position: relative;
|
|
fill: currentColor;
|
|
transform: translateZ(0);
|
|
`,[l("color-transition",{transition:"color .3s var(--n-bezier)"}),l("depth",{color:"var(--n-color)"},[d("svg",{opacity:"var(--n-opacity)",transition:"opacity .3s var(--n-bezier)"})]),d("svg",{height:"1em",width:"1em"})]),S=Object.assign(Object.assign({},h.props),{depth:[String,Number],size:[Number,String],color:String,component:Object}),N=$({_n_icon__:!0,name:"Icon",inheritAttrs:!1,props:S,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:t}=v(e),s=h("Icon","-icon",R,C,e,o),r=a(()=>{const{depth:i}=e,{common:{cubicBezierEaseInOut:c},self:u}=s.value;if(i!==void 0){const{color:f,[`opacity${i}Depth`]:p}=u;return{"--n-bezier":c,"--n-color":f,"--n-opacity":p}}return{"--n-bezier":c,"--n-color":"","--n-opacity":""}}),n=t?b("icon",a(()=>`${e.depth||"d"}`),r,e):void 0;return{mergedClsPrefix:o,mergedStyle:a(()=>{const{size:i,color:c}=e;return{fontSize:_(i),color:c}}),cssVars:t?void 0:r,themeClass:n==null?void 0:n.themeClass,onRender:n==null?void 0:n.onRender}},render(){var e;const{$parent:o,depth:t,mergedClsPrefix:s,component:r,onRender:n,themeClass:i}=this;return!((e=o==null?void 0:o.$options)===null||e===void 0)&&e._n_icon__&&y("icon","don't wrap `n-icon` inside `n-icon`"),n==null||n(),m("i",z(this.$attrs,{role:"img",class:[`${s}-icon`,i,{[`${s}-icon--depth`]:t,[`${s}-icon--color-transition`]:t!==void 0}],style:[this.cssVars,this.mergedStyle]}),r?m(r):this.$slots)}});export{N};
|