mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-06 03:57:49 +08:00
2 lines
3.7 KiB
JavaScript
2 lines
3.7 KiB
JavaScript
import{v as e}from"./hooks-BoMYEKHV.js";import"./dayjs@1.11.10-BYZwCyGy.js";import"./print-js@1.6.0-C3lAJnMa.js";import"./currency.js@2.0.4-9OAR_aOO.js";import"./awesome-qr@2.1.5-rc.0-Ds7AaOTE.js";import"./vue-hooks-plus@1.8.8_vue@3.4.21-C_BRgauB.js";import"./lodash@4.17.21-CM7ROh5r.js";import"./js-cookie@3.0.5-Z_8Sd105.js";import"./screenfull@5.2.0-DuGDi0R7.js";import"./lodash-es@4.17.21-CWC3zScj.js";import"./@vueuse_core@10.9.0_vue@3.4.21--QrNzsXE.js";import"./@vueuse_shared@10.9.0_vue@3.4.21-7aSumFzu.js";import"./utils-PClYD-6u.js";import"./interactjs@1.10.26-DmsZVOf4.js";import"./pinia-plugin-persistedstate@3.2.1_pinia@2.1.7-RV7uh3T-.js";import"./dom-to-image@2.6.0-CaeIWam-.js";import"./echarts@5.5.0-BEyY33Zi.js";import"./zrender@5.5.0-JN1hODMT.js";import"./tslib@2.3.0-BDyQ-Jie.js";import"./@vue_runtime-core@3.4.21-DW3iHaBZ.js";import"./@vue_reactivity@3.4.21-8_tu8c_o.js";import"./@vue_shared@3.4.21-DCcVmNGw.js";import"./canvas@2.11.2-CVRTzJty.js";import"./js-binary-schema-parser@2.0.3-D0akQrQ7.js";const T=Vue.defineComponent({name:"BarcodeDemo",setup(){const u={width:4},t=Vue.ref(!1);return{baseOptions:u,loading:t}},render(){const{baseOptions:u}=this;return Vue.createVNode(naive.NGrid,{cols:2,xGap:12,yGap:12},{default:()=>[Vue.createVNode(naive.NGridItem,{span:2},{default:()=>[Vue.createVNode(naive.NCard,{title:"详细配置项说明"},{default:()=>[Vue.createTextVNode("点击查看详细配置项："),Vue.createVNode("a",{href:"https://github.com/lindell/JsBarcode/wiki/Options"},[Vue.createTextVNode("js-barcode options")]),Vue.createTextVNode("。")]})]}),Vue.createVNode(naive.NGridItem,{span:1},{default:()=>[Vue.createVNode(naive.NCard,{title:"基础条形码"},{default:()=>[Vue.createVNode(e,{text:"RayTemplate",options:{...u}},null)]})]}),Vue.createVNode(naive.NGridItem,{span:1},{default:()=>[Vue.createVNode(naive.NCard,{title:"自定义颜色条形码"},{default:()=>[Vue.createVNode(e,{text:"RayTemplate",options:{...u,lineColor:"red"}},null)]})]}),Vue.createVNode(naive.NGridItem,{span:1},{default:()=>[Vue.createVNode(naive.NCard,{title:"pharmacode 模式"},{default:()=>[Vue.createVNode(naive.NFlex,{vertical:!0},{default:()=>[Vue.createVNode(naive.NAlert,{type:"warning",title:"注意"},{default:()=>[Vue.createTextVNode("该模式下，条形码只能渲染有效数值，否则将会渲染失败。可以查看官网说明："),Vue.createVNode("a",{href:"https://github.com/lindell/JsBarcode/wiki/pharmacode"},[Vue.createTextVNode("pharmacode")]),Vue.createTextVNode("。")]}),Vue.createVNode(e,{text:"1234",format:"pharmacode",options:{width:4,height:40,displayValue:!1,background:"#eee"}},null)]})]})]}),Vue.createVNode(naive.NGridItem,{span:1},{default:()=>[Vue.createVNode(naive.NCard,{title:"codabar 模式"},{default:()=>[Vue.createVNode(naive.NFlex,{vertical:!0},{default:()=>[Vue.createVNode(naive.NAlert,{type:"warning",title:"注意"},{default:()=>[Vue.createTextVNode("该模式下，需要注意 text 中的特殊字符，可以查看官网说明："),Vue.createVNode("a",{href:"https://github.com/lindell/JsBarcode/wiki/codabar"},[Vue.createTextVNode("codabar")]),Vue.createTextVNode("。")]}),Vue.createVNode(e,{text:"1234",format:"codabar",options:{width:4,height:40,displayValue:!1,background:"#eee"}},null)]})]})]}),Vue.createVNode(naive.NGridItem,{span:1},{default:()=>[Vue.createVNode(naive.NCard,{title:"有状态的条形码"},{default:()=>[Vue.createVNode(naive.NFlex,{vertical:!0,size:"large",justify:"flex-start",inline:!0},{default:()=>[Vue.createVNode(naive.NSwitch,{value:this.loading,"onUpdate:value":t=>this.loading=t,style:"width: fit-content"},{checked:()=>"loading...",unchecked:()=>"success!"}),Vue.createVNode(e,{text:"RayTemplate",loading:this.loading},null)]})]})]})]})}});export{T as default};
|