icon-selector-886cd200.js 7.3 KB

1
  1. import{o as s,c as e,e as _,d as t,k as o,a1 as i,p as a,r as l,a as n,w as r,f as c,Q as p,J as E,a2 as m,F as u,q as g,E as v,a3 as d,a4 as V,_ as j}from"./index-984179d1.js";const I={viewBox:"0 0 1024 1024",width:"1.2em",height:"1.2em"},L=[_("path",{fill:"currentColor",d:"m192 384l320 384l320-384z"},null,-1)];const O={name:"ep-caret-bottom",render:function(_,t){return s(),e("svg",I,L)}},A={viewBox:"0 0 1024 1024",width:"1.2em",height:"1.2em"},D=[_("path",{fill:"currentColor",d:"M512 320L192 704h639.936z"},null,-1)];const P={name:"ep-caret-top",render:function(_,t){return s(),e("svg",A,D)}},R={class:"icon-list"},T=["onClick"],h=j(t({__name:"index",props:{modelValue:{type:String,require:!1},width:{type:String,require:!1,default:"400px"}},emits:["update:modelValue"],setup(t,{emit:j}){const I=t,L=o(!1),A=i(I,"modelValue"),D=i(I,"width"),h=[],b=o([]),f=o("");function w(){f.value?b.value=h.filter((s=>s.includes(f.value))):b.value=h}return a((()=>{!function(){const s=Object.assign({"../../assets/icons/advert.svg":()=>V((()=>import("./advert-c389eb80.js")),[]),"../../assets/icons/brand.svg":()=>V((()=>import("./brand-aedf5fc9.js")),[]),"../../assets/icons/bug.svg":()=>V((()=>import("./bug-4aac09af.js")),[]),"../../assets/icons/cascader.svg":()=>V((()=>import("./cascader-ddeca8bf.js")),[]),"../../assets/icons/chart.svg":()=>V((()=>import("./chart-53fb25d2.js")),[]),"../../assets/icons/client.svg":()=>V((()=>import("./client-ea3a8bc4.js")),[]),"../../assets/icons/close.svg":()=>V((()=>import("./close-fd14d8f3.js")),[]),"../../assets/icons/close_all.svg":()=>V((()=>import("./close_all-bf57c93c.js")),[]),"../../assets/icons/close_left.svg":()=>V((()=>import("./close_left-a0da6e22.js")),[]),"../../assets/icons/close_other.svg":()=>V((()=>import("./close_other-41658463.js")),[]),"../../assets/icons/close_right.svg":()=>V((()=>import("./close_right-efbf9ea6.js")),[]),"../../assets/icons/coupon.svg":()=>V((()=>import("./coupon-f649186c.js")),[]),"../../assets/icons/dashboard.svg":()=>V((()=>import("./dashboard-163827ee.js")),[]),"../../assets/icons/dict.svg":()=>V((()=>import("./dict-b0e5bc19.js")),[]),"../../assets/icons/dict_item.svg":()=>V((()=>import("./dict_item-297d4718.js")),[]),"../../assets/icons/download.svg":()=>V((()=>import("./download-20e60228.js")),[]),"../../assets/icons/drag.svg":()=>V((()=>import("./drag-f8a17d9e.js")),[]),"../../assets/icons/edit.svg":()=>V((()=>import("./edit-947cfd5b.js")),[]),"../../assets/icons/exit-fullscreen.svg":()=>V((()=>import("./exit-fullscreen-28b28a9b.js")),[]),"../../assets/icons/eye-open.svg":()=>V((()=>import("./eye-open-f6978778.js")),[]),"../../assets/icons/eye.svg":()=>V((()=>import("./eye-5b533532.js")),[]),"../../assets/icons/fullscreen.svg":()=>V((()=>import("./fullscreen-0b0268d7.js")),[]),"../../assets/icons/github.svg":()=>V((()=>import("./github-676dae0f.js")),[]),"../../assets/icons/goods-list.svg":()=>V((()=>import("./goods-list-99a46383.js")),[]),"../../assets/icons/goods.svg":()=>V((()=>import("./goods-ab1a49b0.js")),[]),"../../assets/icons/guide.svg":()=>V((()=>import("./guide-91d860d5.js")),[]),"../../assets/icons/homepage.svg":()=>V((()=>import("./homepage-a6d62cf0.js")),[]),"../../assets/icons/lab.svg":()=>V((()=>import("./lab-493eca94.js")),[]),"../../assets/icons/language.svg":()=>V((()=>import("./language-14a808b5.js")),[]),"../../assets/icons/link.svg":()=>V((()=>import("./link-7a029391.js")),[]),"../../assets/icons/logo.svg":()=>V((()=>import("./logo-69d1f39e.js")),[]),"../../assets/icons/menu.svg":()=>V((()=>import("./menu-b2454b89.js")),[]),"../../assets/icons/message.svg":()=>V((()=>import("./message-61f94f8e.js")),[]),"../../assets/icons/money.svg":()=>V((()=>import("./money-5d233eb4.js")),[]),"../../assets/icons/monitor.svg":()=>V((()=>import("./monitor-b1043042.js")),[]),"../../assets/icons/nested.svg":()=>V((()=>import("./nested-a7de7be9.js")),[]),"../../assets/icons/number.svg":()=>V((()=>import("./number-e4a2abf5.js")),[]),"../../assets/icons/order.svg":()=>V((()=>import("./order-4a3e84b4.js")),[]),"../../assets/icons/password.svg":()=>V((()=>import("./password-16001f0d.js")),[]),"../../assets/icons/peoples.svg":()=>V((()=>import("./peoples-9a27d646.js")),[]),"../../assets/icons/perm.svg":()=>V((()=>import("./perm-17de1084.js")),[]),"../../assets/icons/publish.svg":()=>V((()=>import("./publish-c16dce60.js")),[]),"../../assets/icons/qq.svg":()=>V((()=>import("./qq-aa82d97d.js")),[]),"../../assets/icons/rabbitmq.svg":()=>V((()=>import("./rabbitmq-b12d3ee2.js")),[]),"../../assets/icons/rate.svg":()=>V((()=>import("./rate-f020e29c.js")),[]),"../../assets/icons/redis.svg":()=>V((()=>import("./redis-192ebb85.js")),[]),"../../assets/icons/refresh.svg":()=>V((()=>import("./refresh-6fdb8490.js")),[]),"../../assets/icons/role.svg":()=>V((()=>import("./role-149112db.js")),[]),"../../assets/icons/security.svg":()=>V((()=>import("./security-b81d48a8.js")),[]),"../../assets/icons/shopping.svg":()=>V((()=>import("./shopping-69bd6fbd.js")),[]),"../../assets/icons/size.svg":()=>V((()=>import("./size-4ea458b9.js")),[]),"../../assets/icons/skill.svg":()=>V((()=>import("./skill-306341e4.js")),[]),"../../assets/icons/system.svg":()=>V((()=>import("./system-0fe1c6bc.js")),[]),"../../assets/icons/theme.svg":()=>V((()=>import("./theme-b14c5b27.js")),[]),"../../assets/icons/tree.svg":()=>V((()=>import("./tree-df26fac0.js")),[]),"../../assets/icons/user.svg":()=>V((()=>import("./user-09ef30a9.js")),[]),"../../assets/icons/uv.svg":()=>V((()=>import("./uv-b3454833.js")),[]),"../../assets/icons/valid_code.svg":()=>V((()=>import("./valid_code-f991285e.js")),[]),"../../assets/icons/wechat.svg":()=>V((()=>import("./wechat-ae142557.js")),[])});for(const e in s){const s=e.split("assets/icons/")[1].split(".svg")[0];h.push(s)}b.value=h}()})),(t,o)=>{const i=d,a=l("el-input"),V=P,I=O,h=l("el-divider"),y=l("el-tooltip"),x=l("el-scrollbar"),k=l("el-popover");return s(),e("div",{class:"relative",style:v({width:c(D)})},[n(a,{modelValue:c(A),"onUpdate:modelValue":o[0]||(o[0]=s=>p(A)?A.value=s:null),readonly:"",onClick:o[1]||(o[1]=s=>L.value=!L.value),placeholder:"点击选择图标"},{prepend:r((()=>[n(i,{"icon-class":c(A)},null,8,["icon-class"])])),_:1},8,["modelValue"]),n(k,{shadow:"none",visible:L.value,placement:"bottom-end",trigger:"click",width:400},{reference:r((()=>[_("div",{onClick:o[2]||(o[2]=s=>L.value=!L.value),class:"cursor-pointer text-[#999] absolute right-[10px] top-0 height-[32px] leading-[32px]"},[E(n(V,null,null,512),[[m,L.value]]),E(n(I,null,null,512),[[m,!L.value]])])])),default:r((()=>[n(a,{class:"p-2",modelValue:f.value,"onUpdate:modelValue":o[3]||(o[3]=s=>f.value=s),placeholder:"搜索图标",clearable:"",onInput:w},null,8,["modelValue"]),n(h,{"border-style":"dashed"}),n(x,{height:"300px"},{default:r((()=>[_("ul",R,[(s(!0),e(u,null,g(b.value,((_,t)=>(s(),e("li",{class:"icon-item",key:t,onClick:s=>function(s){j("update:modelValue",s),L.value=!1}(_)},[n(y,{content:_,placement:"bottom",effect:"light"},{default:r((()=>[n(i,{color:"var(--el-text-color-regular)","icon-class":_},null,8,["icon-class"])])),_:2},1032,["content"])],8,T)))),128))])])),_:1})])),_:1},8,["visible"])],4)}}}),[["__scopeId","data-v-425a2826"]]),b={class:"app-container"},f=t({__name:"icon-selector",setup(_){const t=o("edit");return(_,o)=>{const i=h;return s(),e("div",b,[n(i,{modelValue:c(t),"onUpdate:modelValue":o[0]||(o[0]=s=>p(t)?t.value=s:null),width:"400px"},null,8,["modelValue"])])}}});export{f as default};