import{d as $,a as z,n as H,b as L,w as o,e as p,f as T,g as l,i as e,h as c,t as U,u as a,N as w,L as F,C as O,D as q,_ as A}from"./index-Cf_-Ds8G.js";import{H as g}from"./home-filled-lghak5MV.js";import{u as x}from"./hooks-iSomhllm.js";import{R as t}from"./index-Cto9KsUR.js";const n=m=>(O("data-v-b49b7fd9"),m=m(),q(),m),G={class:"card-header"},J=n(()=>l("span",{style:{"font-size":"16px","font-weight":"800"}}," 分段控制器 ",-1)),K={class:"mb-2"},M={class:"text-primary"},P=n(()=>l("p",{class:"mb-2"},"tooltip 提示",-1)),Q=n(()=>l("p",{class:"mb-2"},"change 事件",-1)),W=n(()=>l("p",{class:"mb-2"},"禁用",-1)),X=n(()=>l("p",{class:"mb-2"},"全局禁用",-1)),Y=n(()=>l("p",{class:"mb-2"},"block 属性(将宽度调整为父元素宽度)",-1)),Z=n(()=>l("p",{class:"mb-2"},"可设置图标",-1)),ee=n(()=>l("p",{class:"mb-2"},"只设置图标",-1)),le=n(()=>l("p",{class:"mb-2"},"自定义渲染",-1)),se=$({name:"Segmented",__name:"segmented",setup(m){const _=z(4),r=z("default"),s=z(),b=[{label:"周一"},{label:"周二"},{label:"周三"},{label:"周四"},{label:"周五"}],V=[{label:"周一",tip:"周一启航,新的篇章"},{label:"周二",tip:"周二律动,携手共进"},{label:"周三",tip:"周三昂扬,激情不减"},{label:"周四",tip:"周四精进,事半功倍"},{label:"周五",tip:"周五喜悦,收尾归档"}],k=[{label:"周一"},{label:"周二"},{label:"周三",disabled:!0},{label:"周四"},{label:"周五",disabled:!0}],C=[{label:"周一"},{label:"周二"},{label:"周三"},{label:"周四"},{label:"周五喜悦,收尾归档,周末倒计时",tip:"周五喜悦,收尾归档,周末倒计时"}],I=[{label:"周一",icon:g},{label:"周二"},{label:"周三",icon:"ri:terminal-window-line"},{label:"周四"},{label:"周五",icon:"streamline-emojis:2"}],S=[{icon:g},{icon:"ri:terminal-window-line"},{icon:"streamline-emojis:cow-face"},{icon:"streamline-emojis:airplane"},{icon:"streamline-emojis:2"}],y=[{label:()=>e("div",null,[w(x(g),{class:"m-auto mt-1 w-[18px] h-[18px]"}),e("p",null,[c("周一")])])},{label:()=>e("div",null,[w(x("ri:terminal-window-line"),{class:"m-auto mt-1 w-[18px] h-[18px]"}),e("p",null,[c("周二")])])},{label:()=>e("div",null,[w(x("streamline-emojis:cow-face"),{class:"m-auto mt-1 w-[18px] h-[18px]"}),e("p",null,[c("周三")])])}],j=[{label:"周一",value:1},{label:"周二",value:2},{label:"周三",value:3}];function B({index:v,option:u}){const{label:d,value:f}=u;F(`当前选中项索引为:${v},名字为${d},值为${f}`,{type:"success"})}return H(r,v=>s.value=r.value),(v,u)=>{const d=p("el-radio"),f=p("el-radio-group"),N=p("el-space"),D=p("el-link"),i=p("el-divider"),E=p("el-scrollbar"),R=p("el-card");return T(),L(R,{shadow:"never"},{header:o(()=>[l("div",G,[e(N,{wrap:"",size:40},{default:o(()=>[J,e(f,{modelValue:r.value,"onUpdate:modelValue":u[0]||(u[0]=h=>r.value=h)},{default:o(()=>[e(d,{value:"large"},{default:o(()=>[c("大尺寸")]),_:1}),e(d,{value:"default"},{default:o(()=>[c("默认尺寸")]),_:1}),e(d,{value:"small"},{default:o(()=>[c("小尺寸")]),_:1})]),_:1},8,["modelValue"])]),_:1})]),e(D,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/segmented.vue",target:"_blank"},{default:o(()=>[c(" 代码位置 src/views/components/segmented.vue ")]),_:1})]),default:o(()=>[e(E,null,{default:o(()=>[l("p",K,[c(" 基础用法(v-model)"),l("span",M,U(b[_.value].label),1)]),e(a(t),{modelValue:_.value,"onUpdate:modelValue":u[1]||(u[1]=h=>_.value=h),options:b,size:s.value},null,8,["modelValue","size"]),e(i),P,e(a(t),{options:V,size:s.value},null,8,["size"]),e(i),Q,e(a(t),{options:j,size:s.value,onChange:B},null,8,["size"]),e(i),W,e(a(t),{options:k,size:s.value},null,8,["size"]),e(i),X,e(a(t),{options:b,size:s.value,disabled:""},null,8,["size"]),e(i),Y,e(a(t),{options:C,block:"",size:s.value},null,8,["size"]),e(i),Z,e(a(t),{options:I,size:s.value},null,8,["size"]),e(i),ee,e(a(t),{options:S,size:s.value},null,8,["size"]),e(i),le,e(a(t),{options:y,size:s.value},null,8,["size"])]),_:1})]),_:1})}}}),ie=A(se,[["__scopeId","data-v-b49b7fd9"]]);export{ie as default};