2 lines
2.1 KiB
JavaScript
2 lines
2.1 KiB
JavaScript
import{d as w,r as x,U as z,e as A,o,c as a,g as s,a as u,t as l,R as d,j as m,M as _,B as k,x as N,G as y,a0 as B,V as S,p as V,k as $}from"./index-5ce8de01.js";import{_ as h}from"./AppIcon.vue_vue_type_script_setup_true_lang-7672b527.js";import{_ as L}from"./_plugin-vue_export-helper-c27b6911.js";const E=c=>(V("data-v-e28cce60"),c=c(),$(),c),b={class:"hzy-icon-list"},j={style:{display:"flex","align-items":"center","justify-content":"center"}},M={class:"hzy-icon-show"},P={class:"ml-10"},T=E(()=>s("h4",{class:"mt-24"},[m("更多图表请自行扩展："),s("a",{href:"https://www.xicons.org/#/",target:"_blank"},"https://www.xicons.org/#/")],-1)),D=["onClick"],F={class:"ml-10"},G={key:1,class:"icon-list pt-16"},R=["onClick"],U={class:"ml-10"},q=w({__name:"AppIconList",props:{name:{},height:{}},emits:["update:name","onChangeName"],setup(c,{emit:C}){const i=c,v=C,e=x({active:1,names:[],count1:0,count2:0}),g=z(),f=n=>{v("update:name",n),v("onChangeName",n)},p=n=>{e.active=n,n===1&&(e.names=B(g),e.count1=e.names.length),n===2&&(e.names=S(g),e.count2=e.names.length)};return A(()=>{p(e.active)}),(n,r)=>(o(),a("div",b,[s("div",j,[s("div",M,[u(h,{name:i.name,size:40,color:"#fff"},null,8,["name"])]),s("h4",P,l(i.name),1)]),T,s("ul",null,[s("li",{class:d({active:e.active===1}),onClick:r[0]||(r[0]=t=>p(1))},[m(" Antd "),e.count1>0?(o(),a(_,{key:0},[m(" （数量:"+l(e.count1)+"个） ",1)],64)):k("",!0)],2),s("li",{class:d({active:e.active===2}),onClick:r[1]||(r[1]=t=>p(2))},[m(" Element Plus "),e.count2>0?(o(),a(_,{key:0},[m(" （数量:"+l(e.count2)+"个） ",1)],64)):k("",!0)],2)]),i.height&&i.height>0?(o(),a("div",{key:0,class:"icon-list pt-16",style:N({height:i.height+"px"})},[(o(!0),a(_,null,y(e.names,t=>(o(),a("div",{class:d(["icon-list-item",{active:n.name==t}]),onClick:I=>f(t)},[u(h,{name:t,size:20},null,8,["name"]),s("div",F,l(t),1)],10,D))),256))],4)):(o(),a("div",G,[(o(!0),a(_,null,y(e.names,t=>(o(),a("div",{class:d(["icon-list-item",{active:n.name==t}]),onClick:I=>f(t)},[u(h,{name:t,size:20},null,8,["name"]),s("div",U,l(t),1)],10,R))),256))]))]))}});const O=L(q,[["__scopeId","data-v-e28cce60"]]);export{O as default};
|