mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2026-06-07 14:38:14 +08:00
2 lines
4.9 KiB
JavaScript
2 lines
4.9 KiB
JavaScript
import{F as a}from"./hooks-MEhk8snd.js";import"./currency.js@2.0.4-BSkspdt3.js";import"./crypto-js@4.2.0-Bv3pmx0c.js";import"./dayjs@1.11.13-DqFijdaO.js";import"./print-js@1.6.0-jNcZ-gME.js";import"./vue-hooks-plus@2.4.1_vue@3.5.25_typescript@5.9.3_-CTUohtp4.js";import"./js-cookie@3.0.5-W_rRtFe1.js";import"./screenfull@5.2.0-wmrknyQD.js";import"./@logicflow_core@2.0.10-BJ3yfRtr.js";import"./mobx-preact@3.0.0_mobx@5.15.7_preact@10.25.4-CY9_LSXq.js";import"./preact@10.25.4-HyjdtmFg.js";import{a as s,b as e,N as i,e as p,ag as l,T as n,D as F}from"./naive-ui@2.43.2_vue@3.5.25_typescript@5.9.3_-CuzQtRgy.js";import{m as c,d as t,J as u}from"./@vue_runtime-core@3.5.25-CyFcdXRD.js";import{k as m}from"./@vue_reactivity@3.5.25-CWykDyL9.js";import"./@vueuse_core@13.1.0_vue@3.5.25_typescript@5.9.3_-D95kAPXK.js";import"./@vueuse_shared@13.1.0_vue@3.5.25_typescript@5.9.3_-eMpvzBVj.js";import"./lodash-es@4.17.21-CFdI1ypR.js";import"./jsbarcode@3.11.6-DMXogPYv.js";import"./classnames@2.5.1-CU_BXU7G.js";import"./utils-DJW6-rvp.js";import"./pinia-plugin-persistedstate@4.4.1_pinia@3.0.3_typescript@5.9.3_vue@3.5.25_typescript@5.9.3__-BC_H5euo.js";import"./destr@2.0.5-Ctyiwlcu.js";import"./deep-pick-omit@1.2.1-CegYQlcN.js";import"./pinia@3.0.3_typescript@5.9.3_vue@3.5.25_typescript@5.9.3_-Bshsd_Oe.js";import"./html-to-image@1.11.13-DOj4Zvaj.js";import"./@vue_runtime-dom@3.5.25-qbdLeVMc.js";import"./@vue_shared@3.5.25-ClSOc5xY.js";import"./vue-i18n@11.1.3_vue@3.5.25_typescript@5.9.3_-DnWoR0oZ.js";import"./@intlify_core-base@11.1.3-Cez6J5Vx.js";import"./@intlify_shared@11.1.3-Byx4ULsF.js";import"./@intlify_message-compiler@11.1.3-DphV8pYf.js";import"./echarts@6.0.0-DFotDgc6.js";import"./tslib@2.3.0-Cg4x8ZAA.js";import"./zrender@6.0.0-Co73lGCa.js";import"./interactjs@1.10.27-C3ZPOoID.js";import"./vue-router@4.6.3_vue@3.5.25_typescript@5.9.3_-kLD3n5ZM.js";import"./mobx@5.15.7-iy9XXgsZ.js";import"./uuid@9.0.1-CtRu48qb.js";import"./mousetrap@1.6.5-B3zpTV0k.js";import"./mobx-utils@5.6.2_mobx@5.15.7-BeM5AP8N.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"./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 ft=c({name:"BarcodeDemo",setup(){const r={width:4},o=m(!1),d=m("RayTemplate");return{baseOptions:r,loading:o,text:d}},render(){const{baseOptions:r}=this;return t(s,{cols:2,xGap:12,yGap:12},{default:()=>[t(e,{span:2},{default:()=>[t(i,{title:"详细配置项说明"},{default:()=>[u("点击查看详细配置项："),t("a",{href:"https://github.com/lindell/JsBarcode/wiki/Options"},[u("js-barcode options")]),u("。")]})]}),t(e,{span:1},{default:()=>[t(i,{title:"根据尺寸自动更新的条形码"},{default:()=>[t(a,{text:"RayTemplate",options:{...r},responsive:!0},null)]})]}),t(e,{span:1},{default:()=>[t(i,{title:"自定义颜色条形码"},{default:()=>[t(a,{text:"RayTemplate",options:{...r,lineColor:"red"}},null)]})]}),t(e,{span:1},{default:()=>[t(i,{title:"pharmacode 模式"},{default:()=>[t(p,{vertical:!0},{default:()=>[t(l,{type:"warning",title:"注意"},{default:()=>[u("该模式下，条形码只能渲染有效数值，否则将会渲染失败。可以查看官网说明："),t("a",{href:"https://github.com/lindell/JsBarcode/wiki/pharmacode"},[u("pharmacode")]),u("。")]}),t(a,{text:"1234",format:"pharmacode",options:{width:4,height:40,displayValue:!1,background:"#eee"}},null)]})]})]}),t(e,{span:1},{default:()=>[t(i,{title:"codabar 模式"},{default:()=>[t(p,{vertical:!0},{default:()=>[t(l,{type:"warning",title:"注意"},{default:()=>[u("该模式下，需要注意 text 中的特殊字符，可以查看官网说明："),t("a",{href:"https://github.com/lindell/JsBarcode/wiki/codabar"},[u("codabar")]),u("。")]}),t(a,{text:"1234",format:"codabar",options:{width:4,height:40,displayValue:!1,background:"#eee"}},null)]})]})]}),t(e,{span:1},{default:()=>[t(i,{title:"有状态的条形码"},{default:()=>[t(p,{vertical:!0,size:"large",justify:"flex-start",inline:!0},{default:()=>[t(n,{value:this.loading,"onUpdate:value":o=>this.loading=o,style:"width: fit-content"},{checked:()=>"loading...",unchecked:()=>"success!"}),t(a,{text:"RayTemplate",loading:this.loading},null)]})]})]}),t(e,{span:1},{default:()=>[t(i,{title:"watchText 主动监听 text 变化"},{default:()=>[t(p,{vertical:!0},{default:()=>[t(F,{value:this.text,"onUpdate:value":o=>this.text=o},null),t(a,{text:this.text,watchText:!0},null)]})]})]})]})}});export{ft as default};
|