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

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