import{f as r,a0 as m,C as f,z as u,Q as c,e as E,y as Q,A as a,K as i,F as D,D as G,E as Z}from"./vue-vendor-DNhG1Cve.js";import{C as R}from"./index-ByCwbQDV.js";import{cq as d,dI as J,c2 as U,x as X,B as Y,au as K}from"./index-X7Y8jykP.js";import{P as e1}from"./index-Ckh_BVlA.js";import{W as t1}from"./WechatFilled-CzmJ1mlo.js";import{G as n1}from"./GithubFilled-BmsMjuqG.js";import{b as r1}from"./index-CeNCCWzL.js";import"./index-Upeu4GGa.js";import"./index-BzChaRPg.js";import"./index-C4wWpZeQ.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./useTimeout-D5AmIBZw.js";import"./index-M9QP6cvf.js";import"./Skeleton-CimgOdM7.js";import"./useScrollTo-0FPEw5-K.js";import"./useIntersectionObserver-BGOgyKyu.js";import"./useMenuSetting-BwQ9LkAm.js";import"./useFullContent-B3OUGaJG.js";import"./useContentHeight-vWUZcXk1.js";import"./onMountedOrActivated-DhSdLlqP.js";import"./useWindowSizeFn-C-0M9_Ul.js";import"./useContentViewHeight-Cja8zrBg.js";import"./usePageContext-9jIr04Op.js";import"./injectionKey-DPVn4AgL.js";import"./ArrowLeftOutlined-B3JgaWh-.js";import"./ArrowRightOutlined-CZG1QCpB.js";import"./index-lcIOKfa7.js";import"./dropdown-jkliuVyN.js";import"./index-B4gPlWQt.js";import"./eagerComputed-BTlOruLW.js";import"./transButton-B2CWzlQO.js";import"./operationUnit-vCu2co3e.js";var o1={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64c247.42 0 448 200.58 448 448S759.42 960 512 960 64 759.42 64 512 264.58 64 512 64m32.5 168c-69.67 0-86.06 16.84-86.72 39.08l-.02 1.43v46.62H291.45c-9.92 0-14.28 23.05-14.27 39.3 0 2.7 2.08 4.93 4.77 4.93h175.81v58.3h-116.5c-9.96 0-14.3 23.76-14.27 39.47a4.77 4.77 0 004.77 4.76h233.45c-4.53 41.06-15.43 77.59-30.72 109.32l-1.22 2.5-.32-.28c-60.24-28.47-120.43-52.57-194.4-52.57l-2.62.01c-84.98 1.11-144.71 56.5-145.91 127.04l-.02 1.22.02 2.13c1.24 70.4 63.56 126.45 148.52 126.45 61.25 0 116.38-16.85 163.46-45.02a138.58 138.58 0 0014.07-7.96 345.6 345.6 0 0050.3-41.16l9.45 6.35 12.46 8.32c57.53 38.26 113.76 72.62 169.86 79.27a142.62 142.62 0 0018.31 1.16c43.02 0 55-52.68 57.39-95.51l.14-2.84c.4-8.46-6.2-15.6-14.65-15.86-75.46-2.37-136.45-22.05-192-46.11l-6.27-2.75c35.15-56.8 56.66-121.81 57.15-186.66l.09-1.08c.4-5.51-4-10.2-9.52-10.2H549.33v-58.3h165.73c9.92 0 14.28-22.12 14.27-39.31a4.85 4.85 0 00-4.78-4.92H549.32v-82.35a4.8 4.8 0 00-4.83-4.78M328 583.85c54.63 0 107.08 22.41 158.1 52.19l5.76 3.4c-103.57 119.84-247.17 95.9-261.72 26.37a66.89 66.89 0 01-1.14-9.83l-.06-2.34.02-.9c.97-40.12 45.33-68.9 99.04-68.9"}}]},name:"alipay-circle",theme:"filled"};function O(t){for(var e=1;e{Y("https://iconify.design/")}}}}),z1={class:"flex justify-around flex-wrap"},j1={class:"flex justify-around flex-wrap"},P1={class:"flex justify-around"},S1={class:"flex justify-around flex-wrap"},k1={class:"flex justify-around flex-wrap"},$1={class:"flex justify-around flex-wrap"};function A1(t,e,n,o,l,M1){const p=i("Icon"),s=i("CollapseContainer"),j=i("IconifyonLayersOutline"),P=x1,S=y1,k=_1,$=i("IconIonLanguage"),A=i("GithubFilled"),M=i("QqCircleFilled"),L=i("WechatFilled"),B=i("AlipayCircleFilled"),V=i("IeCircleFilled"),q=i("TaobaoCircleFilled"),H=i("CodepenCircleFilled"),b=i("SvgIcon"),C=i("IconPicker"),N=i("Alert"),T=i("a-button"),W=i("PageWrapper");return u(),Q(W,{title:"图标使用示例"},{default:a(()=>[r(s,{title:"Icon组件中iconfiy图标使用(不推荐使用,项目中所有图标都构建在一个js且首屏就加载,没有分割到chuck中,不是按需引入)",class:"my-5"},{default:a(()=>[c("div",z1,[r(p,{icon:"ion:layers-outline",size:30}),r(p,{icon:"ion:bar-chart-outline",size:30}),r(p,{icon:"ion:tv-outline",size:30}),r(p,{icon:"ion:settings-outline",size:30}),r(p,{icon:"ion:language",size:30})])]),_:1}),r(s,{title:"推荐直接使用iconify原生组件(分割到chunk中,按需引入)",class:"my-5"},{default:a(()=>[c("div",j1,[r(j,{class:"text-30px"}),r(P,{class:"text-30px"}),r(S,{class:"text-30px"}),r(k,{class:"text-30px"}),r($,{class:"text-30px"})])]),_:1}),r(s,{title:"Antv Icon使用 (直接按需引入相应组件即可)"},{default:a(()=>[c("div",P1,[r(A,{style:{fontSize:"30px"}}),r(M,{style:{fontSize:"30px"}}),r(L,{style:{fontSize:"30px"}}),r(B,{style:{fontSize:"30px"}}),r(V,{style:{fontSize:"30px"}}),r(q,{style:{fontSize:"30px"}}),r(H,{style:{fontSize:"30px"}})])]),_:1}),r(s,{title:"svg 雪碧图",class:"my-5"},{default:a(()=>[c("div",S1,[r(b,{name:"test",size:"32"}),(u(),f(D,null,G(6,x=>r(b,{key:x,name:`dynamic-avatar-${x}`,size:"32"},null,8,["name"])),64))])]),_:1}),r(s,{title:"图标选择器(Iconify)",class:"my-5"},{default:a(()=>[c("div",k1,[r(C)])]),_:1}),r(s,{title:"图标选择器(Svg)",class:"my-5"},{default:a(()=>[c("div",$1,[r(C,{mode:"svg"})])]),_:1}),r(N,{"show-icon":"",message:"推荐使用Iconify组件",description:"Icon组件基本包含所有的图标,在下面网址内你可以查询到你想要的任何图标。并且打包只会打包所用到的图标。"}),r(T,{type:"link",onClick:t.toIconify},{default:a(()=>[...e[0]||(e[0]=[Z(" Iconify 图标大全 ",-1)])]),_:1},8,["onClick"])]),_:1})}const de=K(F1,[["render",A1]]);export{de as default};