ray-template/js/index-zcrZ2M2i.js

import{z as m,W as o}from"./hooks-DAFrMGjY.js";import"./currency.js@2.0.4-9OAR_aOO.js";import"./crypto-js@4.2.0-CXjOS6lk.js";import"./dayjs@1.11.13-BWvakrn1.js";import"./print-js@1.6.0-BptnCCm-.js";import"./vue-hooks-plus@2.2.3_vue@3.5.13_typescript@5.6.3_-F-c4u1GS.js";import"./lodash@4.17.21-Bv2ueefR.js";import"./js-cookie@3.0.5-Z_8Sd105.js";import"./screenfull@5.2.0-CClqR5rE.js";import"./jsbarcode@3.11.6-CfPZaUx-.js";import"./@logicflow_core@2.0.10-ofLqxMRW.js";import"./mobx-preact@3.0.0_mobx@5.15.7_preact@10.25.4-CFsMsPXj.js";import"./preact@10.25.4--QYavupV.js";import{m as h,b as u,J as t}from"./@vue_runtime-core@3.5.13-pPpmd6wL.js";import{k as d}from"./@vue_reactivity@3.5.13-CVvlldVq.js";import{ag as F,N as i,a as b,b as l,e as B,aj as f,ak as a}from"./naive-ui@2.41.0_vue@3.5.13_typescript@5.6.3_-DW0tiym6.js";import"./lodash-es@4.17.21-BbYRMHep.js";import"./@vueuse_core@12.4.0_typescript@5.6.3-DzjsbTKf.js";import"./@vueuse_shared@12.4.0_typescript@5.6.3-BcXCAzGo.js";import"./utils-Bic_iDtY.js";import"./pinia-plugin-persistedstate@4.2.0_pinia@2.3.0_typescript@5.6.3_vue@3.5.13_typescript@5.6.3___rollup@4.31.0-7e9nenNP.js";import"./destr@2.0.3-Cx7WjB9q.js";import"./deep-pick-omit@1.2.1-B1UrSIxj.js";import"./pinia@2.3.0_typescript@5.6.3_vue@3.5.13_typescript@5.6.3_-D39uhmss.js";import"./html-to-image@1.11.11-D6_yziCT.js";import"./vue-router@4.4.0_vue@3.5.13_typescript@5.6.3_-Ddx7y29b.js";import"./@vue_runtime-dom@3.5.13-DJqlZTHq.js";import"./@vue_shared@3.5.13-CQ6Z-5d1.js";import"./interactjs@1.10.27-0Tgk5CYh.js";import"./call-bind-apply-helpers@1.0.1-BosuxZz1.js";import"./vue-i18n@9.13.1_vue@3.5.13_typescript@5.6.3_-DQlA9smo.js";import"./@intlify_shared@9.13.1-BxU0OzX2.js";import"./@intlify_core-base@9.13.1-CVxc1Bsn.js";import"./@intlify_message-compiler@9.13.1-GrLDMuy_.js";import"./echarts@5.6.0-Dq866SEH.js";import"./zrender@5.6.1-B_T0sHVE.js";import"./tslib@2.3.0-BDyQ-Jie.js";import"./mobx@5.15.7-BvNiR7Ki.js";import"./uuid@9.0.1-CtRu48qb.js";import"./classnames@2.5.1-iH4Bdr9I.js";import"./mousetrap@1.6.5-C2A6yrpM.js";import"./mobx-utils@5.6.2_mobx@5.15.7-D4RSJWSh.js";import"./date-fns@3.6.0-CG906D2E.js";import"./seemly@0.3.9-BnJ6M8Cl.js";import"./vueuc@0.4.64_vue@3.5.13_typescript@5.6.3_-DZgPmxv3.js";import"./evtd@0.2.4-CI_DDEu_.js";import"./@css-render_vue3-ssr@0.15.14_vue@3.5.13_typescript@5.6.3_-DvmkD8RF.js";import"./vooks@0.2.12_vue@3.5.13_typescript@5.6.3_-rG9g4GjQ.js";import"./vdirs@0.1.8_vue@3.5.13_typescript@5.6.3_-C0KV5pCE.js";import"./@juggle_resize-observer@3.4.0-DY95s5UV.js";import"./css-render@0.15.14-BwokE0u2.js";import"./@emotion_hash@0.8.0-WldOFDRm.js";import"./treemate@0.3.11-CWtmm0QO.js";import"./date-fns-tz@3.2.0_date-fns@3.6.0-CULxTaQG.js";import"./async-validator@4.2.5-P8scd9xB.js";import"./@css-render_plugin-bem@0.15.14_css-render@0.15.14-BrMTnGYY.js";const gu=h({name:"SegmentDemo",setup(){const s=[{label:"这是一",key:"this is one"},{label:"这是二",key:"this is two"},{label:"这是三",key:"this is three"}],n=[...s,{label:"这是四",key:"this is four",slots:{default:()=>"我是自定义"}}],p=[...s,{label:"不许点",key:"disabled option",disabled:!0},{label:"popover",key:"popover",popover:"我是 popover"},{label:"popover options",key:"popover options",popover:{label:"我是配置项的 popover"}}],r=[{label:"设置",key:"setting",icon:u(m,{name:"setting"},null)},{label:"刷新",key:"reload",icon:u(m,{name:"reload"},null)},{label:"搜索",key:"search",icon:u(m,{name:"search"},null),popover:"我是搜索"}],E=d("this is three"),e=d("medium"),C=d("block");return{baseOptions:s,options:n,segmentValueOne:E,segmentChange:A=>{window.$message.info(String(A))},size:e,width:C,disabledOptions:p,iconOptions:r}},render(){const{options:s,baseOptions:n,disabledOptions:p,iconOptions:r}=this,{segmentChange:E}=this;return u(B,{vertical:!0},{default:()=>[u(F,{title:"警告⚠️",type:"warning"},{default:()=>[t("n-tabs 默认情况下会从 slot 获取默认展示的 tab 值，因此会产生一个 vue slot 的 warning。如果你不想看到这个 warning，请设定一个 default-value。")]}),u(F,{title:"已知问题",type:"warning"},{default:()=>[t("由于 NTabs 设计缘故，手动设置 width 为 fitContent 后，配置了 disabled, popover 的配置项，会丢失过度效果。具体可以看下面的例子。"),u("br",null,null),t("解决方法，在该组件外层包一层 div，设置宽度，但是不能为 fit-content。")]}),u(i,{title:"分段器"},{default:()=>[u("h3",null,[t("该组件基于 NTabs + NTabPane 封装，所以保留了一些该组件的特性。")])]}),u(b,{cols:2,xGap:8,yGap:12},{default:()=>[u(l,{span:1},{default:()=>[u(i,{title:"基础非受控分段器"},{default:()=>[u(o,{defaultValue:"this is two",options:n},null)]})]}),u(l,{span:1},{default:()=>[u(i,{title:"自定义分段器插槽"},{default:()=>[u(o,{defaultValue:this.segmentValueOne,options:s},null)]})]}),u(l,{span:1},{default:()=>[u(i,{title:"updateValue 事件"},{default:()=>[u(o,{value:this.segmentValueOne,"onUpdate:value":e=>this.segmentValueOne=e,defaultValue:"this is two",options:p,onUpdateValue:E.bind(this),width:"block"},null)]})]}),u(l,{span:1},{default:()=>[u(i,{title:"自适应宽度"},{default:()=>[u(o,{defaultValue:"setting",options:r,width:"block"},null)]})]}),u(l,{span:2},{default:()=>[u(i,{title:"尺寸"},{default:()=>[u(B,{vertical:!0,size:"large"},{default:()=>[u(f,{value:this.size,"onUpdate:value":e=>this.size=e},{default:()=>[u(a,{value:"small"},{default:()=>[t("小")]}),u(a,{value:"medium"},{default:()=>[t("不小")]}),u(a,{value:"large"},{default:()=>[t("不太小")]})]}),u(o,{defaultValue:"this is two",options:n,size:this.size,width:"block"},null)]})]})]}),u(l,{span:2},{default:()=>[u(i,{title:"宽度"},{default:()=>[u(B,{vertical:!0,size:"large"},{default:()=>[u(F,{title:"注意",type:"info"},{default:()=>[t("RSegment 组件宽度默认为 fitContent，按照内容自适应宽度；如果需要自适应宽度，请设置 width 为 block；如果需要手动指定宽度请设置一个数字。")]}),u(f,{value:this.width,"onUpdate:value":e=>this.width=e},{default:()=>[u(a,{value:"fitContent"},{default:()=>[t("fitContent")]}),u(a,{value:"block"},{default:()=>[t("block")]}),u(a,{value:800},{default:()=>[t("800")]})]}),u(o,{defaultValue:"this is two",options:p,width:this.width},null)]})]})]})]})]})}});export{gu as default};