import{d as b,U as o,a2 as r,ad as A,af as t,k as e,a4 as i,a3 as v,ae as h,F as g,G as z}from"./vue-vendor-CxLCUzY4.js";import{C as k}from"./index-DS3utcig.js";import{A as S,b8 as B,b9 as w,ba as P,bb as W,bc as $,bd as j,be as G}from"./antd-vue-vendor-CahNzUUa.js";import{d as T,bm as q,ac as N,o as Q,_ as V}from"./index-CLZzJyTP.js";import{P as L}from"./index-D55rh6hR.js";import"./index-BZbg0EjM.js";import"./index-DvqyyN77.js";import"./index-CrdW4fN1.js";import"./useTimeout-KpZCXEcl.js";import"./vxe-table-vendor-Cdi8WfTx.js";import"./useIntersectionObserver-FVRzwlSd.js";import"./useContentHeight-DLfJuPsF.js";import"./useWindowSizeFn-D9PllI8g.js";import"./useContentViewHeight-BIb_dTbE.js";import"./usePageContext-FyDvfV_K.js";import"./injectionKey-DPVn4AgL.js";const U=b({components:{PageWrapper:L,CollapseContainer:k,GithubFilled:G,QqCircleFilled:j,WechatFilled:$,AlipayCircleFilled:W,IeCircleFilled:P,TaobaoCircleFilled:w,CodepenCircleFilled:B,Icon:Q,Alert:S,IconPicker:N,SvgIcon:q},setup(){return{toIconify:()=>{T("https://iconify.design/")}}}}),D={class:"flex justify-around"},H={class:"flex justify-around flex-wrap"},J={class:"flex justify-around flex-wrap"},K={class:"flex justify-around flex-wrap"},M={class:"flex justify-around flex-wrap"};function O(p,l,R,X,Y,Z){const d=o("GithubFilled"),F=o("QqCircleFilled"),_=o("WechatFilled"),m=o("AlipayCircleFilled"),f=o("IeCircleFilled"),C=o("TaobaoCircleFilled"),E=o("CodepenCircleFilled"),n=o("CollapseContainer"),u=o("Icon"),s=o("SvgIcon"),a=o("IconPicker"),y=o("Alert"),I=o("a-button"),x=o("PageWrapper");return r(),A(x,{title:"Icon组件示例"},{default:t(()=>[e(n,{title:"Antv Icon使用 (直接按需引入相应组件即可)"},{default:t(()=>[i("div",D,[e(d,{style:{fontSize:"30px"}}),e(F,{style:{fontSize:"30px"}}),e(_,{style:{fontSize:"30px"}}),e(m,{style:{fontSize:"30px"}}),e(f,{style:{fontSize:"30px"}}),e(C,{style:{fontSize:"30px"}}),e(E,{style:{fontSize:"30px"}})])]),_:1}),e(n,{title:"IconIfy 组件使用",class:"my-5"},{default:t(()=>[i("div",H,[e(u,{icon:"ion:layers-outline",size:30}),e(u,{icon:"ion:bar-chart-outline",size:30}),e(u,{icon:"ion:tv-outline",size:30}),e(u,{icon:"ion:settings-outline",size:30})])]),_:1}),e(n,{title:"svg 雪碧图",class:"my-5"},{default:t(()=>[i("div",J,[e(s,{name:"test",size:"32"}),(r(),v(g,null,h(6,c=>e(s,{key:c,name:`dynamic-avatar-${c}`,size:"32"},null,8,["name"])),64))])]),_:1}),e(n,{title:"图标选择器(Iconify)",class:"my-5"},{default:t(()=>[i("div",K,[e(a)])]),_:1}),e(n,{title:"图标选择器(Svg)",class:"my-5"},{default:t(()=>[i("div",M,[e(a,{mode:"svg"})])]),_:1}),e(y,{"show-icon":"",message:"推荐使用Iconify组件",description:"Icon组件基本包含所有的图标,在下面网址内你可以查询到你想要的任何图标。并且打包只会打包所用到的图标。"}),e(I,{type:"link",onClick:p.toIconify},{default:t(()=>l[0]||(l[0]=[z(" Iconify 图标大全 ")])),_:1},8,["onClick"])]),_:1})}const fe=V(U,[["render",O]]);export{fe as default};
