vue-pure-admin/dist/static/js/segmented-70DFnKgc.js

import{d as $,a as h,n as L,b as T,w as s,e as p,f as U,g as l,i as e,h as a,t as O,u as t,N as w,L as q,C as A,D as F,_ as G}from"./index-qIsAHwF6.js";import{d as z}from"./home-filled-NADQtN-e.js";import{u as g}from"./hooks-CXVJOCkZ.js";import{R as n}from"./index-B6UHSQeM.js";const i=m=>(A("data-v-9fee0fc0"),m=m(),F(),m),H={class:"card-header"},J=i(()=>l("span",{style:{"font-size":"16px","font-weight":"800"}}," 分段控制器 ",-1)),K={class:"mb-2"},M={class:"text-primary"},P=i(()=>l("p",{class:"mb-2"},"tooltip 提示",-1)),Q=i(()=>l("p",{class:"mb-2"},"change 事件",-1)),W=i(()=>l("p",{class:"mb-2"},"禁用",-1)),X=i(()=>l("p",{class:"mb-2"},"block 属性(将宽度调整为父元素宽度)",-1)),Y=i(()=>l("p",{class:"mb-2"},"可设置图标",-1)),Z=i(()=>l("p",{class:"mb-2"},"只设置图标",-1)),ee=i(()=>l("p",{class:"mb-2"},"自定义渲染",-1)),le=$({name:"Segmented",__name:"segmented",setup(m){const _=h(4),r=h("default"),o=h(),x=[{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:z},{label:"周二"},{label:"周三",icon:"ri:terminal-window-line"},{label:"周四"},{label:"周五",icon:"streamline-emojis:2"}],S=[{icon:z},{icon:"ri:terminal-window-line"},{icon:"streamline-emojis:cow-face"},{icon:"streamline-emojis:airplane"},{icon:"streamline-emojis:2"}],y=[{label:()=>e("div",null,[w(g(z),{class:"m-auto mt-1 w-[18px] h-[18px]"}),e("p",null,[a("周一")])])},{label:()=>e("div",null,[w(g("ri:terminal-window-line"),{class:"m-auto mt-1 w-[18px] h-[18px]"}),e("p",null,[a("周二")])])},{label:()=>e("div",null,[w(g("streamline-emojis:cow-face"),{class:"m-auto mt-1 w-[18px] h-[18px]"}),e("p",null,[a("周三")])])}],j=[{label:"周一",value:1},{label:"周二",value:2},{label:"周三",value:3}];function B({index:b,option:u}){const{label:d,value:v}=u;q(`当前选中项索引为：${b}，名字为${d}，值为${v}`,{type:"success"})}return L(r,b=>o.value=r.value),(b,u)=>{const d=p("el-radio"),v=p("el-radio-group"),N=p("el-space"),D=p("el-link"),c=p("el-divider"),E=p("el-scrollbar"),R=p("el-card");return U(),T(R,{shadow:"never"},{header:s(()=>[l("div",H,[e(N,{wrap:"",size:40},{default:s(()=>[J,e(v,{modelValue:r.value,"onUpdate:modelValue":u[0]||(u[0]=f=>r.value=f)},{default:s(()=>[e(d,{value:"large"},{default:s(()=>[a("大尺寸")]),_:1}),e(d,{value:"default"},{default:s(()=>[a("默认尺寸")]),_:1}),e(d,{value:"small"},{default:s(()=>[a("小尺寸")]),_: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:s(()=>[a(" 代码位置 src/views/components/segmented.vue ")]),_:1})]),default:s(()=>[e(E,null,{default:s(()=>[l("p",K,[a(" 基础用法（v-model）"),l("span",M,O(x[_.value].label),1)]),e(t(n),{modelValue:_.value,"onUpdate:modelValue":u[1]||(u[1]=f=>_.value=f),options:x,size:o.value},null,8,["modelValue","size"]),e(c),P,e(t(n),{options:V,size:o.value},null,8,["size"]),e(c),Q,e(t(n),{options:j,size:o.value,onChange:B},null,8,["size"]),e(c),W,e(t(n),{options:k,size:o.value},null,8,["size"]),e(c),X,e(t(n),{options:C,block:"",size:o.value},null,8,["size"]),e(c),Y,e(t(n),{options:I,size:o.value},null,8,["size"]),e(c),Z,e(t(n),{options:S,size:o.value},null,8,["size"]),e(c),ee,e(t(n),{options:y,size:o.value},null,8,["size"])]),_:1})]),_:1})}}}),ne=G(le,[["__scopeId","data-v-9fee0fc0"]]);export{ne as default};