vue-pure-admin/dist/static/js/segmented-CW4YLKb_.js

import{d as V,r as y,f as E,j as m,k as r,e as N,m as e,g as l,l as c,t as R,u as s,M as b,J as $,A as D,B as T,_ as A}from"./index-BAaep8yZ.js";import{d as u}from"./home-filled-NADQtN-e.js";import{u as _}from"./hooks-n2iC5q0_.js";import{R as a}from"./index-Bf2XPo4E.js";const t=n=>(D("data-v-78544670"),n=n(),T(),n),J=t(()=>l("div",{class:"card-header"},[l("span",{class:"font-medium"},"分段控制器")],-1)),L={class:"mb-2"},M={class:"text-primary"},O=t(()=>l("p",{class:"mb-2"},"tooltip 提示",-1)),U=t(()=>l("p",{class:"mb-2"},"change 事件",-1)),q=t(()=>l("p",{class:"mb-2"},"禁用",-1)),z=t(()=>l("p",{class:"mb-2"},"block 属性(将宽度调整为父元素宽度)",-1)),F=t(()=>l("p",{class:"mb-2"},"可设置图标",-1)),G=t(()=>l("p",{class:"mb-2"},"只设置图标",-1)),H=t(()=>l("p",{class:"mb-2"},"自定义渲染",-1)),K=V({name:"Segmented",__name:"segmented",setup(n){const p=y(4),h=[{label:"周一"},{label:"周二"},{label:"周三"},{label:"周四"},{label:"周五"}],f=[{label:"周一",tip:"周一启航，新的篇章"},{label:"周二",tip:"周二律动，携手共进"},{label:"周三",tip:"周三昂扬，激情不减"},{label:"周四",tip:"周四精进，事半功倍"},{label:"周五",tip:"周五喜悦，收尾归档"}],w=[{label:"周一"},{label:"周二"},{label:"周三",disabled:!0},{label:"周四"},{label:"周五",disabled:!0}],x=[{label:"周一"},{label:"周二"},{label:"周三"},{label:"周四"},{label:"周五喜悦，收尾归档，周末倒计时",tip:"周五喜悦，收尾归档，周末倒计时"}],g=[{label:"周一",icon:u},{label:"周二"},{label:"周三",icon:"ri:terminal-window-line"},{label:"周四"},{label:"周五",icon:"streamline-emojis:2"}],C=[{icon:u},{icon:"ri:terminal-window-line"},{icon:"streamline-emojis:cow-face"},{icon:"streamline-emojis:airplane"},{icon:"streamline-emojis:2"}],I=[{label:()=>e("div",null,[b(_(u),{class:"m-auto mt-1 w-[18px] h-[18px]"}),e("p",null,[c("周一")])])},{label:()=>e("div",null,[b(_("ri:terminal-window-line"),{class:"m-auto mt-1 w-[18px] h-[18px]"}),e("p",null,[c("周二")])])},{label:()=>e("div",null,[b(_("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 k({index:v,option:i}){const{label:o,value:d}=i;$(`当前选中项索引为：${v}，名字为${o}，值为${d}`,{type:"success"})}return(v,i)=>{const o=r("el-divider"),d=r("el-scrollbar"),B=r("el-card");return N(),E(B,{shadow:"never"},{header:m(()=>[J]),default:m(()=>[e(d,null,{default:m(()=>[l("p",L,[c(" 基础用法（v-model）"),l("span",M,R(h[p.value].label),1)]),e(s(a),{modelValue:p.value,"onUpdate:modelValue":i[0]||(i[0]=S=>p.value=S),options:h},null,8,["modelValue"]),e(o),O,e(s(a),{options:f}),e(o),U,e(s(a),{options:j,onChange:k}),e(o),q,e(s(a),{options:w}),e(o),z,e(s(a),{options:x,block:""}),e(o),F,e(s(a),{options:g}),e(o),G,e(s(a),{options:C}),e(o),H,e(s(a),{options:I})]),_:1})]),_:1})}}}),Y=A(K,[["__scopeId","data-v-78544670"]]);export{Y as default};