mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 00:18:51 +08:00
2 lines
7.4 KiB
JavaScript
2 lines
7.4 KiB
JavaScript
var h=Object.defineProperty,ee=Object.defineProperties;var le=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var se=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var q=(r,u,a)=>u in r?h(r,u,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[u]=a,j=(r,u)=>{for(var a in u||(u={}))se.call(u,a)&&q(r,a,u[a]);if(L)for(var a of L(u))ae.call(u,a)&&q(r,a,u[a]);return r},I=(r,u)=>ee(r,le(u));import{d as oe,a as n,n as te,b as T,w as s,e as i,f as w,g as d,i as l,h as t,k as A,l as H,v as O,t as S,F as K,u as de,ao as ue,J as ne,_ as ie}from"./index-DR0XdFJ5.js";const re={class:"card-header"},me={class:"flex"},ve={class:"flex"},pe={class:"flex"},be={class:"flex"},ce={class:"flex"},fe={class:"flex"},ke={class:"mb-2 mt-4"},ge=oe({name:"CheckButton",__name:"check-button",setup(r){const u=n(20),a=n("default"),v=n(),z=n(!0),$=n("wait"),N=n("complete"),F=n("progress"),M=n(["apple","tomato"]),D=n(["cucumber","onion","blueberry"]),E=n(["tomato","watermelon","strawberry"]),x=n([{title:"等待中",checked:!1},{title:"进行中",checked:!0},{title:"已完成",checked:!1}]),C=n({});function P(p,e){if(a.value==="disabled")return;C.value[e]=Object.assign(I(j({},p),{checked:!p.checked})),x.value.map(V=>V.checked=!1),x.value[e].checked=C.value[e].checked;const{title:m,checked:c}=C.value[e];ne(c?`已选中${m}`:`取消选中${m}`,{type:"success"})}const y=n([{title:"苹果",checked:!0},{title:"西红柿",checked:!0},{title:"香蕉",checked:!1}]),J=n({});function Q(p,e){a.value!=="disabled"&&(J.value[e]=Object.assign(I(j({},p),{checked:!p.checked})),y.value[e].checked=J.value[e].checked)}function R(){a.value!=="disabled"&&(z.value=!z.value)}return te(a,p=>p==="disabled"?v.value="default":v.value=a.value),(p,e)=>{const m=i("el-radio"),c=i("el-radio-group"),V=i("el-space"),W=i("el-link"),f=i("el-radio-button"),b=i("el-divider"),k=i("IconifyIconOnline"),g=i("el-checkbox-button"),B=i("el-checkbox-group"),U=i("el-checkbox"),X=i("el-slider"),G=i("el-check-tag"),Y=i("el-card");return w(),T(Y,{shadow:"never"},{header:s(()=>[d("div",re,[l(V,{wrap:"",size:40},{default:s(()=>[e[12]||(e[12]=d("span",{style:{"font-size":"16px","font-weight":"800"}}," 可选按钮 ",-1)),l(c,{modelValue:a.value,"onUpdate:modelValue":e[0]||(e[0]=o=>a.value=o)},{default:s(()=>[l(m,{value:"large"},{default:s(()=>e[8]||(e[8]=[t("大尺寸")])),_:1}),l(m,{value:"default"},{default:s(()=>e[9]||(e[9]=[t("默认尺寸")])),_:1}),l(m,{value:"small"},{default:s(()=>e[10]||(e[10]=[t("小尺寸")])),_:1}),l(m,{value:"disabled"},{default:s(()=>e[11]||(e[11]=[t("禁用")])),_:1})]),_:1},8,["modelValue"])]),_:1})]),l(W,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/check-button.vue",target:"_blank"},{default:s(()=>e[13]||(e[13]=[t(" 代码位置 src/views/components/check-button.vue ")])),_:1})]),default:s(()=>[e[33]||(e[33]=d("p",{class:"mb-2"},"单选（紧凑风格的按钮样式）",-1)),l(c,{modelValue:$.value,"onUpdate:modelValue":e[1]||(e[1]=o=>$.value=o),size:v.value,disabled:a.value==="disabled"},{default:s(()=>[l(f,{value:"wait"},{default:s(()=>e[14]||(e[14]=[t("等待中")])),_:1}),l(f,{value:"progress"},{default:s(()=>e[15]||(e[15]=[t("进行中")])),_:1}),l(f,{value:"complete"},{default:s(()=>e[16]||(e[16]=[t("已完成")])),_:1})]),_:1},8,["modelValue","size","disabled"]),l(b),e[34]||(e[34]=d("p",{class:"mb-2"},"单选（带有边框）",-1)),l(c,{modelValue:N.value,"onUpdate:modelValue":e[2]||(e[2]=o=>N.value=o),size:v.value,disabled:a.value==="disabled"},{default:s(()=>[l(m,{value:"wait",border:""},{default:s(()=>e[17]||(e[17]=[t("等待中")])),_:1}),l(m,{value:"progress",border:""},{default:s(()=>e[18]||(e[18]=[t("进行中")])),_:1}),l(m,{value:"complete",border:""},{default:s(()=>e[19]||(e[19]=[t("已完成")])),_:1})]),_:1},8,["modelValue","size","disabled"]),l(b),e[35]||(e[35]=d("p",{class:"mb-2"},"单选（自定义内容）",-1)),l(c,{modelValue:F.value,"onUpdate:modelValue":e[3]||(e[3]=o=>F.value=o),size:v.value,disabled:a.value==="disabled"},{default:s(()=>[l(f,{value:"wait"},{default:s(()=>[d("span",me,[l(k,{icon:"ri:progress-8-fill",class:"mr-1"}),e[20]||(e[20]=t(" 等待中 "))])]),_:1}),l(f,{value:"progress"},{default:s(()=>[d("span",ve,[l(k,{icon:"ri:progress-6-line",class:"mr-1"}),e[21]||(e[21]=t(" 进行中 "))])]),_:1}),l(f,{value:"complete"},{default:s(()=>[d("span",pe,[l(k,{icon:"ri:progress-8-line",class:"mr-1"}),e[22]||(e[22]=t(" 已完成 "))])]),_:1})]),_:1},8,["modelValue","size","disabled"]),l(b),e[36]||(e[36]=d("p",{class:"mb-2"},"多选（紧凑风格的按钮样式）",-1)),l(B,{modelValue:M.value,"onUpdate:modelValue":e[4]||(e[4]=o=>M.value=o),size:v.value,disabled:a.value==="disabled"},{default:s(()=>[l(g,{value:"apple"},{default:s(()=>e[23]||(e[23]=[t("苹果")])),_:1}),l(g,{value:"tomato"},{default:s(()=>e[24]||(e[24]=[t("西红柿")])),_:1}),l(g,{value:"banana"},{default:s(()=>e[25]||(e[25]=[t("香蕉")])),_:1})]),_:1},8,["modelValue","size","disabled"]),l(b),e[37]||(e[37]=d("p",{class:"mb-2"},"多选（带有边框）",-1)),l(B,{modelValue:D.value,"onUpdate:modelValue":e[5]||(e[5]=o=>D.value=o),size:v.value,disabled:a.value==="disabled"},{default:s(()=>[l(U,{value:"cucumber",border:""},{default:s(()=>e[26]||(e[26]=[t("黄瓜")])),_:1}),l(U,{value:"onion",border:""},{default:s(()=>e[27]||(e[27]=[t("洋葱")])),_:1}),l(U,{value:"blueberry",border:""},{default:s(()=>e[28]||(e[28]=[t("蓝莓")])),_:1})]),_:1},8,["modelValue","size","disabled"]),l(b),e[38]||(e[38]=d("p",{class:"mb-2"},"多选（来点不一样的体验）",-1)),l(B,{modelValue:E.value,"onUpdate:modelValue":e[6]||(e[6]=o=>E.value=o),class:"pure-checkbox",size:v.value,disabled:a.value==="disabled"},{default:s(()=>[l(g,{value:"tomato"},{default:s(()=>[d("span",be,[l(k,{icon:"streamline-emojis:tomato",class:"mr-1"}),e[29]||(e[29]=t(" 番茄 "))])]),_:1}),l(g,{value:"watermelon"},{default:s(()=>[d("span",ce,[l(k,{icon:"streamline-emojis:watermelon-1",class:"mr-1"}),e[30]||(e[30]=t(" 西瓜 "))])]),_:1}),l(g,{value:"strawberry"},{default:s(()=>[d("span",fe,[l(k,{icon:"streamline-emojis:strawberry-1",class:"mr-1"}),e[31]||(e[31]=t(" 草莓 "))])]),_:1})]),_:1},8,["modelValue","size","disabled"]),l(b),e[39]||(e[39]=d("p",null,"可控制间距的按钮样式",-1)),l(X,{modelValue:u.value,"onUpdate:modelValue":e[7]||(e[7]=o=>u.value=o),class:"mb-2 !w-[300px]","show-tooltip":!1,disabled:a.value==="disabled"},null,8,["modelValue","disabled"]),e[40]||(e[40]=d("p",{class:"mb-2"},"单选",-1)),l(V,{wrap:"",size:u.value},{default:s(()=>[(w(!0),A(K,null,H(x.value,(o,_)=>(w(),T(G,{key:_,class:O(["select-none",a.value==="disabled"&&"tag-disabled",o.checked&&"is-active"]),checked:o.checked,onChange:Z=>P(o,_)},{default:s(()=>[t(S(o.title),1)]),_:2},1032,["class","checked","onChange"]))),128))]),_:1},8,["size"]),d("p",ke," 多选 "+S(de(ue)(y.value.filter(o=>o.checked),"title")),1),l(V,{wrap:"",size:u.value},{default:s(()=>[(w(!0),A(K,null,H(y.value,(o,_)=>(w(),T(G,{key:_,class:O(["select-none",a.value==="disabled"&&"tag-disabled",o.checked&&"is-active"]),checked:o.checked,onChange:Z=>Q(o,_)},{default:s(()=>[t(S(o.title),1)]),_:2},1032,["class","checked","onChange"]))),128))]),_:1},8,["size"]),l(b),e[41]||(e[41]=d("p",{class:"mb-2"},"单个可选按钮",-1)),l(G,{class:O(["select-none",a.value==="disabled"&&"tag-disabled",z.value&&"is-active"]),checked:z.value,onChange:R},{default:s(()=>e[32]||(e[32]=[t(" 一个人也要努力 😊 ")])),_:1},8,["class","checked"])]),_:1})}}}),we=ie(ge,[["__scopeId","data-v-ba42e1d6"]]);export{we as default};
|