list.CCMCOwl0.js 1.1 KB

1
  1. import{a as m,ao as t,c as a,o,T as r,L as c,K as l,O as i,S,a9 as v,b as w,G as b}from"./vue.fY72QXCX.js";import{_ as h}from"./_plugin-vue_export-helper.DlAUqK2U.js";const B={class:"icon-selector-warp-row"},I=m({name:"iconSelectorList"}),L=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,N)=>{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:V=>u(n)},{default:c(()=>[w("div",{class:b(["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)])}}}),E=h(L,[["__scopeId","data-v-2e4b32ad"]]);export{E as default};