vue-pure-admin/static/js/check-card-Cx2FF07-.js

import{i as B,a as q,_ as N}from"./_plugin-vue_export-helper-C_H08MWU.js";import{d as F,r as _,P as G,f as i,k as g,g as b,u as k,b as y,W as L,S as n,a5 as f,ao as A,j as c,F as E,h as $,t as j,q as M,v as T,l as W,ap as H,w as r,aq as m,a as P,n as I,e as z,A as J,i as h,B as K}from"./index-DUPTv-nx.js";const O={class:"plus-check-card__avatar-wrapper"},Q={class:"plus-check-card__right-content"},R={key:0,class:"plus-check-card__title"},X={class:"plus-check-card__title-left"},Y={key:1,class:"plus-check-card__description"};var Z=F({name:"PlusCheckCard",__name:"index",props:{modelValue:{type:Boolean,default:!1},size:{default:"default"},avatar:{type:[String,Function],default:void 0},avatarProps:{default:()=>({})},title:{type:[String,Function],default:void 0},description:{type:[String,Function],default:void 0},disabled:{type:Boolean,default:!1},extra:{type:Function,default:void 0}},emits:["update:modelValue","change","extra"],setup(w,{emit:p}){const d={large:"plus-check-card--large",default:"plus-check-card--default",small:"plus-check-card--small"},o=w,s=p,u=_({checked:!1});G(()=>{u.checked=o.modelValue});const C=()=>o.size?d[o.size]:"plus-check-card--default",v=()=>{o.disabled||(u.checked=!u.checked,s("update:modelValue",u.checked),s("change",u.checked))},a=()=>{o.disabled||s("extra")};return(e,t)=>(i(),g("div",{class:T(["plus-check-card",[C(),u.checked?"plus-check-card--checked":"",e.disabled?"plus-check-card--disabled":""]]),onClick:v},[b("div",O,[k(B)(e.avatar)?(i(),y(L(e.avatar),{key:0,avatar:e.avatar,title:e.title,description:e.description},null,8,["avatar","title","description"])):e.$slots.avatar?n(e.$slots,"avatar",{key:1,avatar:e.avatar,title:e.title,description:e.description}):k(q)(e.avatar)?(i(),y(k(A),f({key:2,src:e.avatar},e.avatarProps),null,16,["src"])):c("v-if",!0)]),b("div",Q,[e.title||e.$slots.title?(i(),g("div",R,[b("div",X,[k(B)(e.title)?(i(),y(L(e.title),{key:0,avatar:e.avatar,title:e.title,description:e.description},null,8,["avatar","title","description"])):e.$slots.title?n(e.$slots,"title",{key:1,title:e.title,avatar:e.avatar,description:e.description}):(i(),g(E,{key:2},[$(j(e.title),1)],64))]),b("div",{class:"plus-check-card__title-right",onClick:M(a,["stop"])},[k(B)(e.extra)?(i(),y(L(e.extra),{key:0,avatar:e.avatar,title:e.title,description:e.description},null,8,["avatar","title","description"])):e.$slots.extra?n(e.$slots,"extra",{key:1,title:e.title,avatar:e.avatar,description:e.description}):c("v-if",!0)])])):c("v-if",!0),e.description||e.$slots.description?(i(),g("div",Y,[k(B)(e.description)?(i(),y(L(e.description),{key:0,title:e.title,avatar:e.avatar,description:e.description},null,8,["title","avatar","description"])):e.$slots.description?n(e.$slots,"description",{key:1,title:e.title,description:e.description,avatar:e.avatar}):(i(),g(E,{key:2},[$(j(e.description),1)],64))])):c("v-if",!0)])],2))}}),x=N(Z,[["__file","index.vue"]]);const ee=x,ae={class:"plus-check-card-group"};var te=F({name:"PlusCheckCardGroup",__name:"index",props:{modelValue:{default:()=>[]},options:{default:()=>[]},size:{default:void 0},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1}},emits:["update:modelValue","change","extra"],setup(w,{emit:p}){const d=w,o=p,s=_({checkList:[],checked:""});G(()=>{d.multiple?s.checkList=d.modelValue:s.checked=d.modelValue});const u=a=>d.multiple?s.checkList.includes(a):s.checked===a,C=(a,e)=>{if(d.multiple)a?s.checkList.push(e):s.checkList=s.checkList.filter(t=>t!==e),o("update:modelValue",s.checkList),o("change",s.checkList);else{const t=a?e:"";o("update:modelValue",t),o("change",t)}},v=a=>{d.disabled||o("extra",a)};return(a,e)=>(i(),g("div",ae,[(i(!0),g(E,null,W(a.options,(t,S)=>(i(),y(k(ee),f({key:t.value||S,size:a.size,disabled:a.disabled},t,{"model-value":u(t.value),onChange:l=>C(l,t.value),onExtra:l=>v(t)}),H({_:2},[a.$slots["avatar-"+t.value]||a.$slots.avatar?{name:"avatar",fn:r(l=>[a.$slots["avatar-"+t.value]?n(a.$slots,"avatar-"+t.value,m(f({key:0},l))):c("v-if",!0),a.$slots.avatar?n(a.$slots,"avatar",m(f({key:1},l))):c("v-if",!0)]),key:"0"}:void 0,a.$slots["title-"+t.value]||a.$slots.title?{name:"title",fn:r(l=>[a.$slots["title-"+t.value]?n(a.$slots,"title-"+t.value,m(f({key:0},l))):c("v-if",!0),a.$slots.title?n(a.$slots,"title",m(f({key:1},l))):c("v-if",!0)]),key:"1"}:void 0,a.$slots["description-"+t.value]||a.$slots.description?{name:"description",fn:r(l=>[a.$slots["description-"+t.value]?n(a.$slots,"description-"+t.value,m(f({key:0},l))):c("v-if",!0),a.$slots.description?n(a.$slots,"description",m(f({key:1},l))):c("v-if",!0)]),key:"2"}:void 0,a.$slots["extra-"+t.value]||a.$slots.extra?{name:"extra",fn:r(l=>[a.$slots["extra-"+t.value]?n(a.$slots,"extra-"+t.value,m(f({key:0},l))):c("v-if",!0),a.$slots.extra?n(a.$slots,"extra",m(f({key:1},l))):c("v-if",!0)]),key:"3"}:void 0]),1040,["size","disabled","model-value","onChange","onExtra"]))),128))]))}}),se=N(te,[["__file","index.vue"]]);const D=se,le={class:"card-header"},ie=b("p",{class:"mb-2 mt-4"},"单选",-1),oe=b("p",{class:"mb-2 mt-4"},"多选",-1),ne=F({name:"CheckCard",__name:"check-card",setup(w){const p=P("default"),d=P(),o=P("0"),s=P([]),u=[{title:"标题一",value:"0",description:"坚持梦想，成就不凡的自己",avatar:"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"},{title:"标题二",value:"1",description:"每一次努力，都是成长的契机",avatar:"https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg"}];return I(p,C=>C==="disabled"?d.value="default":d.value=p.value),(C,v)=>{const a=z("el-link"),e=z("el-radio"),t=z("el-radio-group"),S=z("el-space"),l=z("el-card"),U=J("tippy");return i(),y(l,{shadow:"never"},{header:r(()=>[b("div",le,[h(S,{wrap:"",size:40},{default:r(()=>[K((i(),y(a,{href:"https://plus-pro-components.com/components/check-card-group.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:r(()=>[$(" 多选卡片组 ")]),_:1})),[[U,{content:"点击查看详细文档"}]]),h(t,{modelValue:p.value,"onUpdate:modelValue":v[0]||(v[0]=V=>p.value=V)},{default:r(()=>[h(e,{value:"large"},{default:r(()=>[$("大尺寸")]),_:1}),h(e,{value:"default"},{default:r(()=>[$("默认尺寸")]),_:1}),h(e,{value:"small"},{default:r(()=>[$("小尺寸")]),_:1}),h(e,{value:"disabled"},{default:r(()=>[$("禁用")]),_:1})]),_:1},8,["modelValue"])]),_:1})]),h(a,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/check-card.vue",target:"_blank"},{default:r(()=>[$(" 代码位置 src/views/components/check-card.vue ")]),_:1})]),default:r(()=>[ie,h(k(D),{modelValue:o.value,"onUpdate:modelValue":v[1]||(v[1]=V=>o.value=V),options:u,size:d.value,disabled:p.value==="disabled"},null,8,["modelValue","size","disabled"]),oe,h(k(D),{modelValue:s.value,"onUpdate:modelValue":v[2]||(v[2]=V=>s.value=V),options:u,size:d.value,disabled:p.value==="disabled",multiple:""},null,8,["modelValue","size","disabled"])]),_:1})}}});export{ne as default};