ll-package
Version:
2 lines (1 loc) • 1.26 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../../../../node_modules/jsbarcode/bin/JsBarcode.js"),h=require("../../../hooks/useDesign.js"),m={key:0},b=["id"],g=e.defineComponent({name:"LlBarcode"}),_=e.defineComponent({...g,props:{barcode:{},format:{default:"code128"},lineColor:{default:"#000"},background:{default:"#fff"},width:{default:4},height:{default:40}},setup(l){const o=l,n=e.useAttrs(),{prefixCls:i}=h.useDesign("barcode"),t=e.ref("");e.watch(()=>[o.barcode,o.format,o.lineColor,o.background,o.width,o.height,n],()=>{e.nextTick(()=>{a()})});function a(){o.barcode&&f.default("#"+t.value,o.barcode,{format:o.format,lineColor:o.lineColor,width:o.width,height:o.height,background:o.background,displayValue:!1,margin:5,...n})}let c=0;function u(r=""){const d=Date.now(),s=Math.floor(Math.random()*1e9);return c++,r+"_"+s+c+String(d)}return t.value=u("barcode"),e.onMounted(()=>{a()}),(r,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(i)}`)},[r.barcode?(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("canvas",{id:t.value,class:"barcode"},null,8,b)])):e.createCommentVNode("",!0)],2))}});exports.default=_;