ray-template/js/index-C7mgCAXH.js

import{L as a}from"./ray-dCjhX_JK.js";import{Q as t}from"./vue3-next-qrcode@3.0.2_vue@3.5.25_typescript@5.9.3_-BLwb1SCN.js";import{e,N as l,B as i}from"./naive-ui@2.43.2_vue@3.5.25_typescript@5.9.3_-CuzQtRgy.js";import{m as n,d as u,J as o}from"./@vue_runtime-core@3.5.25-CyFcdXRD.js";import{k as r}from"./@vue_reactivity@3.5.25-CWykDyL9.js";import"./date-fns@4.1.0-D7sOP3Nv.js";import"./seemly@0.3.10-8_5gPa5q.js";import"./vueuc@0.4.65_vue@3.5.25_typescript@5.9.3_-BiVDcjr0.js";import"./evtd@0.2.4-w6UMCrcr.js";import"./@css-render_vue3-ssr@0.15.14_vue@3.5.25_typescript@5.9.3_-DbFiQpGI.js";import"./vooks@0.2.12_vue@3.5.25_typescript@5.9.3_-CkUeikoP.js";import"./vdirs@0.1.8_vue@3.5.25_typescript@5.9.3_-D2i3_uv1.js";import"./@juggle_resize-observer@3.4.0-DB6f1vmu.js";import"./css-render@0.15.14-DTtBB2Mk.js";import"./@emotion_hash@0.8.0-WldOFDRm.js";import"./@vue_runtime-dom@3.5.25-qbdLeVMc.js";import"./@vue_shared@3.5.25-ClSOc5xY.js";import"./lodash-es@4.17.21-CFdI1ypR.js";import"./treemate@0.3.11-fnkdj-jo.js";import"./date-fns-tz@3.2.0_date-fns@4.1.0-D_9zH1c_.js";import"./async-validator@4.2.5-B7g11KvB.js";import"./@css-render_plugin-bem@0.15.14_css-render@0.15.14-DQkPmH6r.js";const L=n({name:"RQRCodeDemo",setup(){const d=r("ray template yes"),m=r(),s=r();return{qrcodeText:d,qrcodeStatus:m,rayQRCodeRef:s}},render(){return u(e,null,{default:()=>[u(l,null,{default:()=>[u("h2",null,[o("基于 awesome-qr 进行封装，支持 LOGO、gif、backgroundImage 等属性。")]),u("h2",null,[o("该组件会自动监听文本内容变化，然后重新渲染（watchText）")]),u("h2",null,[o("具体使用请参考 props 配置项")])]}),u(l,{title:"基础二维码"},{default:()=>[u(e,null,{default:()=>[u(t,{text:"ray template yes"},null),u(t,{text:"ray template yes",logoImage:a},null),u(t,{text:"ray template yes",gifBackgroundURL:"https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif?imageView2/1/w/80/h/80",dotScale:.5,colorDark:"#64d9d6"},null)]})]}),u(l,{title:"状态二维码"},{default:()=>[u(e,null,{default:()=>[u(t,{text:"ray template yes",logoImage:a,status:"error",onReload:()=>{window.$message.info("reload event")}},null),u(t,{text:"ray template yes",logoImage:a,status:"loading"},null)]})]}),u(l,{title:"监听内容变化"},{default:()=>[u(e,{vertical:!0},{default:()=>[u(e,null,{default:()=>[u(i,{onClick:()=>{this.qrcodeStatus="loading",setTimeout(()=>{this.qrcodeText="text updated: "+new Date().getTime(),this.qrcodeStatus=void 0},1e3)}},{default:()=>[o("更新二维码内容")]}),u(i,{onClick:()=>{this.rayQRCodeRef?.downloadQRCode()}},{default:()=>[o("下载二维码")]})]}),u(e,null,{default:()=>[u(t,{text:this.qrcodeText,status:this.qrcodeStatus,logoImage:a,ref:"rayQRCodeRef"},null),o("当前二维码内容："),this.qrcodeText]})]})]})]})}});export{L as default};