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