vue-pure-admin/static/js/segmented-kZkWpq1r.js

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