UNPKG

cione-comp-lib

Version:

`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`

2 lines (1 loc) 1.85 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),r=require("../../node_modules/qrcode.vue/dist/qrcode.vue.esm.js");require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");var o=require("../../_virtual/plugin-vue_export-helper.js");const t=e.defineComponent({name:"CoQrcodeStd",components:{QrcodeVue:r.default},props:{url:{type:String},margin:{type:Number},background:{type:String},foreground:{type:String},logo:{type:String},logoW:{type:Number},logoH:{type:Number},maxBorder:{type:Number},maxBorderRadius:{type:Number},maxBorderColor:{type:String},QRBorder:{type:Number},QRBorderColor:{type:String},QRBorderRadius:{type:Number}},setup(r){const o=e.computed((()=>({"--maxBorder":`${r.maxBorder}px`,"--maxBorderColor":`${r.maxBorderColor}`,"--maxBorderRadius":`${r.maxBorderRadius}px`}))),t=e.computed((()=>({"--logoW":`${r.logoW}px`,"--logoH":`${r.logoH}px`,"--QRBorder":`${r.QRBorder}px`,"--QRBorderColor":`${r.QRBorderColor}`,"--QRBorderRadius":`${r.QRBorderRadius}px`,"--QRbackgroundColor":`${r.QRBorderRadius}`})));return{...e.toRefs(r),maxStyle:o,QRStyle:t}}}),d=["src"];var l=o.default(t,[["render",function(r,o,t,l,u,a){const n=e.resolveComponent("qrcode-vue");return e.openBlock(),e.createElementBlock("div",{class:"co-qrcode-std",style:e.normalizeStyle(r.maxStyle)},[e.createVNode(n,{style:{width:"100%",height:"100%"},size:1080,value:r.url,margin:r.margin||5,level:"H",background:r.background||"#fff",foreground:r.foreground||"#000"},null,8,["value","margin","background","foreground"]),r.logo?(e.openBlock(),e.createElementBlock("section",{key:0,class:"logo shadowed",style:e.normalizeStyle(r.QRStyle)},[e.createElementVNode("img",{src:r.logo},null,8,d)],4)):e.createCommentVNode("",!0)],4)}],["__scopeId","data-v-a2a59b04"]]);exports.default=l;