ray-template/assets/index-gFHrcW37.js

import{j as h,c as A,G as E,r as g,H as f,I as x,J as k,K as T,M as b}from"./hooks-v5yhfgkQ.js";import"./vue-hooks-plus@1.8.5_vue@3.4.15-UGgZVZ2w.js";import"./lodash@4.17.21-yUHHMES2.js";import"./js-cookie@3.0.5-bc0KQLgp.js";import"./screenfull@5.2.0-q9gEF-YC.js";import"./qs@6.11.2-wwOruwhc.js";import"./dayjs@1.11.10-A-QuG2Ol.js";import"./print-js@1.6.0-gYKv6oGQ.js";import"./currency.js@2.0.4--or6eeOG.js";import"./awesome-qr@2.1.5-rc.0-UnPo3EFD.js";import"./@vueuse_core@10.7.1_vue@3.4.15-9UoKs_p_.js";import"./@vueuse_shared@10.7.1_vue@3.4.15--52Mx__5.js";import"./utils-bL-oQI6P.js";import"./lodash-es@4.17.21-xgd1l9mE.js";import"./interactjs@1.10.26-I0IiZoEj.js";import"./pinia-plugin-persistedstate@3.2.0_pinia@2.1.7-fNhqB16x.js";import"./dom-to-image@2.6.0-eHYYUq-2.js";import"./echarts@5.4.3-Vt5ZmFiA.js";import"./zrender@5.4.4-fafgp4mQ.js";import"./tslib@2.3.0-21A5UWR7.js";import"./@vue_runtime-core@3.4.15-xG7oRWIU.js";import"./@vue_reactivity@3.4.15-2zCDAkOA.js";import"./@vue_shared@3.4.15-JOA8BF6u.js";import"./side-channel@1.0.4-hl21th03.js";import"./get-intrinsic@1.2.1-NE0DZZ3B.js";import"./has-symbols@1.0.3-fNtejGuA.js";import"./has-proto@1.0.1-dzJH2Y5C.js";import"./function-bind@1.1.1-Y6-kkB5s.js";import"./has@1.0.3-rcPLRdvS.js";import"./call-bind@1.0.2-8lNE5ocE.js";import"./canvas@2.11.2-dZp4QMlu.js";import"./js-binary-schema-parser@2.0.3-CCV6nRej.js";const le=Vue.defineComponent({name:"TemplateHooks",setup(){const t=Vue.ref(""),a=h("layoutContentMaximize"),o=Vue.ref(A().getWatermarkConfig.value.content),i=Vue.ref("new"),{navigationTo:n}=f(),{maximize:r,isLayoutContentMaximized:l}=E(),{reload:d,openSpin:V,closeSpin:c}=x(),{showWatermark:F,hiddenWatermark:N,setWatermarkContent:m,toggleWatermark:C}=k(),{changeDarkTheme:B,changeLightTheme:p,toggleTheme:u,getAppTheme:e}=T(),{hidden:s,show:D,update:v}=b();return{navigationTo:n,reload:d,currentMenuOption:t,maximize:r,maximizeRef:a,openSpin:V,closeSpin:c,showWatermark:F,hiddenWatermark:N,setWatermarkContent:m,watermark:o,toggleWatermark:C,changeDarkTheme:B,changeLightTheme:p,toggleTheme:u,getAppTheme:e,isLayoutContentMaximized:l,badgeHidden:s,badgeShow:D,badgeUpdateLabel:v,badgeValue:i}},render(){const{navigationTo:t,reload:a,maximize:o,openSpin:i,closeSpin:n,showWatermark:r,hiddenWatermark:l,setWatermarkContent:d,toggleWatermark:V,changeDarkTheme:c,changeLightTheme:F,toggleTheme:N,getAppTheme:m,isLayoutContentMaximized:C,badgeHidden:B,badgeShow:p,badgeUpdateLabel:u}=this;return Vue.createVNode(naive.NFlex,{vertical:!0},{default:()=>[Vue.createVNode(naive.NCard,{title:"接口说明"},{default:()=>[Vue.createVNode("h3",null,[Vue.createTextVNode("hooks/template 包存放模板专属 hook 方法。这里不做过多的赘述，可以查看文档具体描述。")])]}),Vue.createVNode(naive.NCard,{title:"useBadge 菜单标记"},{default:()=>[Vue.createVNode(naive.NFlex,{vertical:!0},{default:()=>[Vue.createVNode(naive.NInput,{value:this.badgeValue,"onUpdate:value":e=>this.badgeValue=e},null),Vue.createVNode(naive.NFlex,null,{default:()=>[Vue.createVNode(naive.NButton,{onClick:()=>B("/template-hooks")},{default:()=>[Vue.createTextVNode("隐藏当前菜单标记")]}),Vue.createVNode(naive.NButton,{onClick:()=>p("/template-hooks")},{default:()=>[Vue.createTextVNode("显示当前菜单标记")]}),Vue.createVNode(naive.NButton,{onClick:()=>u("/template-hooks",{label:this.badgeValue})},{default:()=>[Vue.createTextVNode("更新当前菜单标记")]}),Vue.createVNode(naive.NButton,{onClick:()=>{u("/template-hooks",{label:this.badgeValue,icon:Vue.createVNode(g,{name:"error",size:"18"},null)})}},{default:()=>[Vue.createTextVNode("添加标记图标")]}),Vue.createVNode(naive.NButton,{onClick:()=>{u("/template-hooks",{label:this.badgeValue,icon:void 0})}},{default:()=>[Vue.createTextVNode("隐藏标记图标")]})]})]})]}),Vue.createVNode(naive.NCard,{title:"useTheme 主题"},{default:()=>[Vue.createVNode(naive.NFlex,{vertical:!0},{default:()=>[Vue.createVNode("h3",null,[Vue.createTextVNode("getAppTheme 获取当前主题色: "),m().themeLabel]),Vue.createVNode(naive.NFlex,null,{default:()=>[Vue.createVNode(naive.NButton,{onClick:()=>c()},{default:()=>[Vue.createTextVNode("切换暗黑主题")]}),Vue.createVNode(naive.NButton,{onClick:()=>F()},{default:()=>[Vue.createTextVNode("切换明亮主题")]}),Vue.createVNode(naive.NButton,{onClick:()=>N()},{default:()=>[Vue.createTextVNode("切换主题")]})]})]})]}),Vue.createVNode(naive.NCard,{title:"useWatermark 水印"},{default:()=>[Vue.createVNode(naive.NFlex,{vertical:!0},{default:()=>[Vue.createVNode(naive.NInput,{value:this.watermark,"onUpdate:value":e=>this.watermark=e,onInput:e=>{d(e)}},null),Vue.createVNode(naive.NFlex,null,{default:()=>[Vue.createVNode(naive.NButton,{onClick:()=>r()},{default:()=>[Vue.createTextVNode("显示水印")]}),Vue.createVNode(naive.NButton,{onClick:()=>l()},{default:()=>[Vue.createTextVNode("隐藏水印")]}),Vue.createVNode(naive.NButton,{onClick:()=>V()},{default:()=>[Vue.createTextVNode("切换水印")]})]})]})]}),Vue.createVNode(naive.NCard,{title:"useSpinning"},{default:()=>[Vue.createVNode("h3",null,[Vue.createTextVNode("手动刷新内容区域，会使得当前路由页面内容强制重新加载（会执行完整的 vue 生命周期）。默认 800ms 延迟。")]),Vue.createVNode("br",null,null),Vue.createVNode(naive.NFlex,null,{default:()=>[Vue.createVNode(naive.NButton,{onClick:()=>{a()}},{default:()=>[Vue.createTextVNode("刷新（强制刷新）")]}),Vue.createVNode(naive.NButton,{onClick:()=>{i(),setTimeout(()=>{n()},800)}},{default:()=>[Vue.createTextVNode("触发加载动画（不强制刷新）")]})]})]}),Vue.createVNode(naive.NCard,{title:"useMaximize 内容区域最大化"},{default:()=>[Vue.createVNode("h3",null,[Vue.createTextVNode("isLayoutContentMaximized 检测当前内容区域是否最大化:"),C?"最大化":"正常尺寸"]),Vue.createVNode(naive.NButton,{onClick:()=>{o(!this.maximizeRef,{scrollToOptions:{left:0,top:0}})}},{default:()=>[Vue.createTextVNode("最大化内容区域，并且滚动至顶部")]})]}),Vue.createVNode(naive.NCard,{title:"useAppNavigation 导航方法"},{default:()=>[Vue.createVNode("h3",null,[Vue.createTextVNode("navigationTo 参数为正整数时，会更具当前的菜单顺序进行自动导航匹配。但是此方法仅能导航一级菜单。并且如果导航菜单非根菜单项，会自动递归导航至一子菜单。 支持传入完整的菜单路径，如：/multi/multi-menu-one。")]),Vue.createVNode("br",null,null),Vue.createVNode(naive.NButton,{onClick:()=>t("/multi/multi-menu-one")},{default:()=>[Vue.createTextVNode("跳转至多级菜单")]})]})]})}});export{le as default};