mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-06 03:57:49 +08:00
2 lines
4.4 KiB
JavaScript
2 lines
4.4 KiB
JavaScript
import{z as i}from"./hooks-DNoo5Jj5.js";import"./currency.js@2.0.4-9OAR_aOO.js";import"./dayjs@1.11.10-C8LoRVP6.js";import"./print-js@1.6.0-BdoEj60G.js";import"./vue-hooks-plus@2.2.1_vue@3.5.12-C6aYKqdf.js";import"./lodash@4.17.21-Cw59kuJw.js";import"./js-cookie@3.0.5-Z_8Sd105.js";import"./screenfull@5.2.0-DmMZCkhi.js";import{b as e,N as a,c as l,ag as p,I as s,L as n,a as c}from"./naive-ui@2.40.1_vue@3.5.12-DtgApL3K.js";import{l as F,b as t,I as u}from"./@vue_runtime-core@3.5.12-Ds-HrVrM.js";import{k as m}from"./@vue_reactivity@3.5.12-Bs6EYLxJ.js";import"./lodash-es@4.17.21-CeZG2a4n.js";import"./@vueuse_core@11.1.0_vue@3.5.12-C00EZtgk.js";import"./@vueuse_shared@11.1.0_vue@3.5.12-B9WpRTpD.js";import"./jsbarcode@3.11.6-DGNGFp02.js";import"./call-bind@1.0.7-Cpj98o6Y.js";import"./utils-DewQlJ2W.js";import"./pinia-plugin-persistedstate@4.1.1_pinia@2.2.4-_Zka_ujQ.js";import"./destr@2.0.3-CVtkxrq9.js";import"./deep-pick-omit@1.2.1-CegYQlcN.js";import"./pinia@2.2.4_typescript@5.2.2_vue@3.5.12-DjAImzYl.js";import"./vue-demi@0.14.10_vue@3.5.12-Dq6ymT-8.js";import"./html-to-image@1.11.11-BOFdlgi9.js";import"./vue-router@4.3.2_vue@3.5.12-DrIOQ45i.js";import"./vue-i18n@9.13.1_vue@3.5.12-DJkg4ac8.js";import"./@intlify_shared@9.13.1-BxU0OzX2.js";import"./@intlify_core-base@9.13.1-C6DqbPB6.js";import"./@intlify_message-compiler@9.13.1-GrLDMuy_.js";import"./echarts@5.5.0-CezqL3m-.js";import"./zrender@5.5.0-DW8ownf1.js";import"./tslib@2.3.0-BDyQ-Jie.js";import"./@vue_runtime-dom@3.5.12-ewSD1rNh.js";import"./@vue_shared@3.5.12--5_uv9t5.js";import"./interactjs@1.10.26-DZL_TZzP.js";import"./date-fns@3.6.0-q9PkOyxq.js";import"./seemly@0.3.8-DjGKl9dV.js";import"./vueuc@0.4.64_vue@3.5.12-gFk5c7Fb.js";import"./evtd@0.2.4-CI_DDEu_.js";import"./@css-render_vue3-ssr@0.15.14_vue@3.5.12-CJ-8xq3W.js";import"./vooks@0.2.12_vue@3.5.12-CeQQlSXI.js";import"./vdirs@0.1.8_vue@3.5.12-C0KV5pCE.js";import"./@juggle_resize-observer@3.4.0-C8OzoCMD.js";import"./css-render@0.15.14-C5toWlUr.js";import"./@emotion_hash@0.8.0-WldOFDRm.js";import"./treemate@0.3.11-DKekKYbv.js";import"./date-fns-tz@3.1.3_date-fns@3.6.0-ztskLDQQ.js";import"./async-validator@4.2.5-DKvM95Vc.js";import"./@css-render_plugin-bem@0.15.14_css-render@0.15.14-Be8eOoM-.js";const mt=F({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(c,{cols:2,xGap:12,yGap:12},{default:()=>[t(e,{span:2},{default:()=>[t(a,{title:"详细配置项说明"},{default:()=>[u("点击查看详细配置项："),t("a",{href:"https://github.com/lindell/JsBarcode/wiki/Options"},[u("js-barcode options")]),u("。")]})]}),t(e,{span:1},{default:()=>[t(a,{title:"基础条形码"},{default:()=>[t(i,{text:"RayTemplate",options:{...r}},null)]})]}),t(e,{span:1},{default:()=>[t(a,{title:"自定义颜色条形码"},{default:()=>[t(i,{text:"RayTemplate",options:{...r,lineColor:"red"}},null)]})]}),t(e,{span:1},{default:()=>[t(a,{title:"pharmacode 模式"},{default:()=>[t(l,{vertical:!0},{default:()=>[t(p,{type:"warning",title:"注意"},{default:()=>[u("该模式下，条形码只能渲染有效数值，否则将会渲染失败。可以查看官网说明："),t("a",{href:"https://github.com/lindell/JsBarcode/wiki/pharmacode"},[u("pharmacode")]),u("。")]}),t(i,{text:"1234",format:"pharmacode",options:{width:4,height:40,displayValue:!1,background:"#eee"}},null)]})]})]}),t(e,{span:1},{default:()=>[t(a,{title:"codabar 模式"},{default:()=>[t(l,{vertical:!0},{default:()=>[t(p,{type:"warning",title:"注意"},{default:()=>[u("该模式下，需要注意 text 中的特殊字符，可以查看官网说明："),t("a",{href:"https://github.com/lindell/JsBarcode/wiki/codabar"},[u("codabar")]),u("。")]}),t(i,{text:"1234",format:"codabar",options:{width:4,height:40,displayValue:!1,background:"#eee"}},null)]})]})]}),t(e,{span:1},{default:()=>[t(a,{title:"有状态的条形码"},{default:()=>[t(l,{vertical:!0,size:"large",justify:"flex-start",inline:!0},{default:()=>[t(s,{value:this.loading,"onUpdate:value":o=>this.loading=o,style:"width: fit-content"},{checked:()=>"loading...",unchecked:()=>"success!"}),t(i,{text:"RayTemplate",loading:this.loading},null)]})]})]}),t(e,{span:1},{default:()=>[t(a,{title:"watchText 主动监听 text 变化"},{default:()=>[t(l,{vertical:!0},{default:()=>[t(n,{value:this.text,"onUpdate:value":o=>this.text=o},null),t(i,{text:this.text,watchText:!0},null)]})]})]})]})}});export{mt as default};
|