mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
2 lines
6.3 KiB
JavaScript
2 lines
6.3 KiB
JavaScript
var R=Object.defineProperty,W=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var A=(n,c,a)=>c in n?R(n,c,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[c]=a,y=(n,c)=>{for(var a in c||(c={}))Y.call(c,a)&&A(n,a,c[a]);if(q)for(var a of q(c))Z.call(c,a)&&A(n,a,c[a]);return n},B=(n,c)=>W(n,X(c));import{d as ee,r,c as I,w as l,b as i,e as k,f as d,g as t,h as e,k as D,l as E,B as U,F as L,i as le,al as ae,A as oe,p as se,q as te,_ as de}from"./index-DuUQh2t8.js";const _=n=>(se("data-v-6e10a46b"),n=n(),te(),n),ce={class:"card-header"},ne={class:"font-medium"},ue=_(()=>d("br",null,null,-1)),re=_(()=>d("p",{class:"mb-2"},"单选（紧凑风格的按钮样式）",-1)),ie=_(()=>d("p",{class:"mb-2"},"单选（带有边框）",-1)),_e=_(()=>d("p",{class:"mb-2"},"单选（自定义内容）",-1)),pe={class:"flex"},be={class:"flex"},me={class:"flex"},fe=_(()=>d("p",{class:"mb-2"},"多选（紧凑风格的按钮样式）",-1)),he=_(()=>d("p",{class:"mb-2"},"多选（带有边框）",-1)),ve=_(()=>d("p",{class:"mb-2"},"多选（来点不一样的体验）",-1)),ke={class:"flex"},Ve={class:"flex"},ge={class:"flex"},ze=_(()=>d("p",null,"可控制间距的按钮样式",-1)),we=_(()=>d("p",{class:"mb-2"},"单选",-1)),xe={class:"mb-2 mt-4"},Ce=ee({name:"CheckButton",__name:"check-button",setup(n){const c=r(20),a=r("default"),G=r("wait"),j=r("complete"),S=r("progress"),T=r(["apple","tomato"]),O=r(["cucumber","onion","blueberry"]),$=r(["tomato","watermelon","strawberry"]),V=r([{title:"等待中",checked:!1},{title:"进行中",checked:!0},{title:"已完成",checked:!1}]),g=r({});function H(b,o){g.value[o]=Object.assign(B(y({},b),{checked:!b.checked})),V.value.map(p=>p.checked=!1),V.value[o].checked=g.value[o].checked;const{title:u,checked:m}=g.value[o];oe(m?`已选中${u}`:`取消选中${u}`,{type:"success"})}const z=r([{title:"苹果",checked:!0},{title:"西红柿",checked:!0},{title:"香蕉",checked:!1}]),N=r({});function J(b,o){N.value[o]=Object.assign(B(y({},b),{checked:!b.checked})),z.value[o].checked=N.value[o].checked}return(b,o)=>{const u=i("el-radio-button"),m=i("el-radio-group"),p=i("el-divider"),w=i("el-radio"),f=i("IconifyIconOnline"),h=i("el-checkbox-button"),x=i("el-checkbox-group"),C=i("el-checkbox"),K=i("el-slider"),F=i("el-check-tag"),M=i("el-space"),P=i("el-card");return k(),I(P,{shadow:"never"},{header:l(()=>[d("div",ce,[d("span",ne,[t(" 可选按钮 "),ue,e(m,{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=s=>a.value=s),size:"small"},{default:l(()=>[e(u,{label:"large"},{default:l(()=>[t("大尺寸")]),_:1}),e(u,{label:"default"},{default:l(()=>[t("默认尺寸")]),_:1}),e(u,{label:"small"},{default:l(()=>[t("小尺寸")]),_:1}),e(u,{label:"disabled"},{default:l(()=>[t("禁用")]),_:1})]),_:1},8,["modelValue"])])])]),default:l(()=>[re,e(m,{modelValue:G.value,"onUpdate:modelValue":o[1]||(o[1]=s=>G.value=s),size:a.value,disabled:a.value==="disabled"},{default:l(()=>[e(u,{label:"wait"},{default:l(()=>[t("等待中")]),_:1}),e(u,{label:"progress"},{default:l(()=>[t("进行中")]),_:1}),e(u,{label:"complete"},{default:l(()=>[t("已完成")]),_:1})]),_:1},8,["modelValue","size","disabled"]),e(p),ie,e(m,{modelValue:j.value,"onUpdate:modelValue":o[2]||(o[2]=s=>j.value=s),size:a.value,disabled:a.value==="disabled"},{default:l(()=>[e(w,{label:"wait",border:""},{default:l(()=>[t("等待中")]),_:1}),e(w,{label:"progress",border:""},{default:l(()=>[t("进行中")]),_:1}),e(w,{label:"complete",border:""},{default:l(()=>[t("已完成")]),_:1})]),_:1},8,["modelValue","size","disabled"]),e(p),_e,e(m,{modelValue:S.value,"onUpdate:modelValue":o[3]||(o[3]=s=>S.value=s),size:a.value,disabled:a.value==="disabled"},{default:l(()=>[e(u,{label:"wait"},{default:l(()=>[d("span",pe,[e(f,{icon:"ri:progress-8-fill",class:"mr-1"}),t(" 等待中 ")])]),_:1}),e(u,{label:"progress"},{default:l(()=>[d("span",be,[e(f,{icon:"ri:progress-6-line",class:"mr-1"}),t(" 进行中 ")])]),_:1}),e(u,{label:"complete"},{default:l(()=>[d("span",me,[e(f,{icon:"ri:progress-8-line",class:"mr-1"}),t(" 已完成 ")])]),_:1})]),_:1},8,["modelValue","size","disabled"]),e(p),fe,e(x,{modelValue:T.value,"onUpdate:modelValue":o[4]||(o[4]=s=>T.value=s),size:a.value,disabled:a.value==="disabled"},{default:l(()=>[e(h,{label:"apple"},{default:l(()=>[t("苹果")]),_:1}),e(h,{label:"tomato"},{default:l(()=>[t("西红柿")]),_:1}),e(h,{label:"banana"},{default:l(()=>[t("香蕉")]),_:1})]),_:1},8,["modelValue","size","disabled"]),e(p),he,e(x,{modelValue:O.value,"onUpdate:modelValue":o[5]||(o[5]=s=>O.value=s),size:a.value,disabled:a.value==="disabled"},{default:l(()=>[e(C,{label:"cucumber",border:""},{default:l(()=>[t("黄瓜")]),_:1}),e(C,{label:"onion",border:""},{default:l(()=>[t("洋葱")]),_:1}),e(C,{label:"blueberry",border:""},{default:l(()=>[t("蓝莓")]),_:1})]),_:1},8,["modelValue","size","disabled"]),e(p),ve,e(x,{modelValue:$.value,"onUpdate:modelValue":o[6]||(o[6]=s=>$.value=s),class:"pure-checkbox",size:a.value,disabled:a.value==="disabled"},{default:l(()=>[e(h,{label:"tomato"},{default:l(()=>[d("span",ke,[e(f,{icon:"streamline-emojis:tomato",class:"mr-1"}),t(" 番茄 ")])]),_:1}),e(h,{label:"watermelon"},{default:l(()=>[d("span",Ve,[e(f,{icon:"streamline-emojis:watermelon-1",class:"mr-1"}),t(" 西瓜 ")])]),_:1}),e(h,{label:"strawberry"},{default:l(()=>[d("span",ge,[e(f,{icon:"streamline-emojis:strawberry-1",class:"mr-1"}),t(" 草莓 ")])]),_:1})]),_:1},8,["modelValue","size","disabled"]),e(p),ze,e(K,{modelValue:c.value,"onUpdate:modelValue":o[7]||(o[7]=s=>c.value=s),class:"mb-2 !w-[300px]","show-tooltip":!1,disabled:a.value==="disabled"},null,8,["modelValue","disabled"]),we,e(M,{wrap:"",size:c.value},{default:l(()=>[(k(!0),D(L,null,E(V.value,(s,v)=>(k(),I(F,{key:v,class:"select-none",checked:s.checked,onChange:Q=>H(s,v)},{default:l(()=>[t(U(s.title),1)]),_:2},1032,["checked","onChange"]))),128))]),_:1},8,["size"]),d("p",xe," 多选 "+U(le(ae)(z.value.filter(s=>s.checked),"title")),1),e(M,{wrap:"",size:c.value},{default:l(()=>[(k(!0),D(L,null,E(z.value,(s,v)=>(k(),I(F,{key:v,class:"select-none",checked:s.checked,onChange:Q=>J(s,v)},{default:l(()=>[t(U(s.title),1)]),_:2},1032,["checked","onChange"]))),128))]),_:1},8,["size"])]),_:1})}}}),Ie=de(Ce,[["__scopeId","data-v-6e10a46b"]]);export{Ie as default};
|