list.cc864a67.js 1.2 KB

12
  1. import{L as _,al as t,o,a,Z as r,T as n,S as c,F as k,ac as w,b as C,O as S,W as i}from"./vue.e1d8f8c6.js";import{_ as h}from"./index.6661bcf9.js";const b={class:"icon-selector-warp-row"},B=_({name:"iconSelectorList"}),z=_({...B,props:{list:{type:Array,default:()=>[]},empty:{type:String,default:()=>"无相关图标"},prefix:{type:String,default:()=>""}},emits:["get-icon"],setup(e,{emit:m}){const d=e,p=s=>{m("get-icon",s)};return(s,I)=>{const u=t("SvgIcon"),f=t("el-col"),g=t("el-row"),y=t("el-empty"),v=t("el-scrollbar");return o(),a("div",b,[r(v,{ref:"selectorScrollbarRef"},{default:n(()=>[d.list.length>0?(o(),c(g,{key:0,gutter:10},{default:n(()=>[(o(!0),a(k,null,w(e.list,(l,x)=>(o(),c(f,{xs:6,sm:4,md:4,lg:4,xl:4,key:x,onClick:L=>p(l)},{default:n(()=>[C("div",{class:S(["icon-selector-warp-item",{"icon-selector-active":e.prefix===l}])},[r(u,{name:l},null,8,["name"])],2)]),_:2},1032,["onClick"]))),128))]),_:1})):i("v-if",!0),e.list.length<=0?(o(),c(y,{key:1,"image-size":100,description:e.empty},null,8,["description"])):i("v-if",!0)]),_:1},512)])}}});const E=h(z,[["__scopeId","data-v-69708d3c"],["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/components/iconSelector/list.vue"]]);export{E as default};