list.66d9a210.js 1.2 KB

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