1 |
- import{a as m,aj as t,c as a,o,S as r,K as c,J as l,M as i,R as S,a9 as v,b as w,G as h}from"./vue.D1BjjNmv.js";import{_ as b}from"./_plugin-vue_export-helper.DlAUqK2U.js";const B={class:"icon-selector-warp-row"},I=m({name:"iconSelectorList"}),N=m({...I,props:{list:{type:Array,default:()=>[]},empty:{type:String,default:()=>"无相关图标"},prefix:{type:String,default:()=>""}},emits:["get-icon"],setup(e,{emit:_}){const p=e,d=_,u=s=>{d("get-icon",s)};return(s,V)=>{const f=t("SvgIcon"),g=t("el-col"),y=t("el-row"),k=t("el-empty"),C=t("el-scrollbar");return o(),a("div",B,[r(C,{ref:"selectorScrollbarRef"},{default:c(()=>[p.list.length>0?(o(),l(y,{key:0,gutter:10},{default:c(()=>[(o(!0),a(S,null,v(e.list,(n,x)=>(o(),l(g,{xs:6,sm:4,md:4,lg:4,xl:4,key:x,onClick:z=>u(n)},{default:c(()=>[w("div",{class:h(["icon-selector-warp-item",{"icon-selector-active":e.prefix===n}])},[r(f,{name:n},null,8,["name"])],2)]),_:2},1032,["onClick"]))),128))]),_:1})):i("",!0),e.list.length<=0?(o(),l(k,{key:1,"image-size":100,description:e.empty},null,8,["description"])):i("",!0)]),_:1},512)])}}}),j=b(N,[["__scopeId","data-v-80a22ee8"]]);export{j as default};
|