import{bk as n,av as i}from"./entry/index-CRWhxBeP.js";import{P as _}from"./index-C0mnMlct.js";import{Q as a}from"./index-CqxP2hci.js";import{bl as f}from"./antd-BfqWtMX3.js";import{d as x,f as p,a6 as C,Z as y,a4 as k,a5 as o,$ as m,k as t,u as e,G as g}from"./vue-DM5HGU8Z.js";import"./useContentViewHeight-D9So7_ch.js";import"./useWindowSizeFn-CEueHQop.js";import"./onMountedOrActivated-Ckq_czNf.js";import"./download-DbzL13NI.js";import"./base64Conver-DEMZeTZS.js";const R={class:"flex flex-wrap"},r="https://www.vvbin.cn",P=x({__name:"index",setup(D){const d=p(null),c=p(null);function b(){const l=e(d);l&&l.download("文件名")}function v(){const l=e(c);l&&l.download("Qrcode")}function w({ctx:l}){l instanceof CanvasRenderingContext2D&&(l.fillStyle="black",l.font='16px "微软雅黑"',l.textBaseline="bottom",l.textAlign="center",l.fillText("你帅你先扫",100,195,200))}return(l,s)=>{const u=C("a-button");return y(),k(e(_),{title:"二维码组件使用示例"},{default:o(()=>[m("div",R,[t(e(n),{title:"基础示例",canExpand:!0,class:"text-center mb-6 w-1/5 mr-6"},{default:o(()=>[t(e(a),{value:r})]),_:1}),t(e(n),{title:"渲染成img标签示例",class:"text-center mb-6 w-1/5 mr-6"},{default:o(()=>[t(e(a),{value:r,tag:"img"})]),_:1}),t(e(n),{title:"配置样式示例",class:"text-center mb-6 w-1/5 mr-6"},{default:o(()=>[t(e(a),{value:r,options:{color:{dark:"#55D187"}}})]),_:1}),t(e(n),{title:"本地logo示例",class:"text-center mb-6 w-1/5 mr-6"},{default:o(()=>[t(e(a),{value:r,logo:e(i)},null,8,["logo"])]),_:1}),t(e(n),{title:"在线logo示例",class:"text-center mb-6 w-1/5 mr-6"},{default:o(()=>[t(e(a),{value:r,logo:"https://vebn.oss-cn-beijing.aliyuncs.com/vben/logo.png",options:{color:{dark:"#55D187"}}})]),_:1}),t(e(n),{title:"logo配置示例",class:"text-center mb-6 w-1/5 mr-6"},{default:o(()=>[t(e(a),{value:r,logo:{src:"https://vebn.oss-cn-beijing.aliyuncs.com/vben/logo.png",logoSize:.2,borderSize:.05,borderRadius:50,bgColor:"blue"}})]),_:1}),t(e(n),{title:"下载示例",class:"text-center mb-6 w-1/5 mr-6"},{default:o(()=>[t(e(a),{value:r,ref_key:"qrRef",ref:d,logo:e(i)},null,8,["logo"]),t(u,{class:"mb-2",type:"primary",onClick:b},{default:o(()=>s[0]||(s[0]=[g(" 下载 ")])),_:1}),s[1]||(s[1]=m("div",{class:"msg"},"(在线logo会导致图片跨域，需要下载图片需要自行解决跨域问题)",-1))]),_:1}),t(e(n),{title:"配置大小示例",class:"text-center w-1/5 mr-6"},{default:o(()=>[t(e(a),{value:r,width:300})]),_:1}),t(e(n),{title:"扩展绘制示例",class:"text-center w-1/5 mr-6"},{default:o(()=>[t(e(a),{value:r,width:200,options:{margin:5},ref_key:"qrDiyRef",ref:c,logo:e(i),onDone:w},null,8,["logo"]),t(u,{class:"mb-2",type:"primary",onClick:v},{default:o(()=>s[2]||(s[2]=[g(" 下载 ")])),_:1}),s[3]||(s[3]=m("div",{class:"msg"},"要进行扩展绘制则不能将tag设为img",-1))]),_:1}),t(e(n),{title:"Antdv QRCode",class:"text-center w-1/5 mr-6"},{default:o(()=>[t(e(f),{value:r,size:200})]),_:1}),t(e(n),{title:"Antdv QRCode 带icon",class:"text-center w-1/5 mr-6"},{default:o(()=>[t(e(f),{value:r,size:200,icon:e(i)},null,8,["icon"])]),_:1})])]),_:1})}}});export{P as default};