mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-07 00:47:19 +08:00
2 lines
6.6 KiB
JavaScript
2 lines
6.6 KiB
JavaScript
import{i as w,a as q,_ as D}from"./_plugin-vue_export-helper-BmDUQbf8.js";import{d as E,b as N,P as _,e as o,x as m,g as $,u as v,f as k,W as L,S as n,a6 as p,ap as A,K as u,F as B,l as y,t as F,h as K,i as M,y as T,aq as W,j as d,ar as f,r as P,w as H,k as V,v as I,m as h,z as J}from"./index-DeS8Almj.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=["onClick"],Z={key:1,class:"plus-check-card__description"};var x=E({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(z,{emit:l}){const t=z,r={large:"plus-check-card--large",default:"plus-check-card--default",small:"plus-check-card--small"},c=N({checked:!1});_(()=>{c.checked=t.modelValue});const g=()=>t.size?r[t.size]:"plus-check-card--default",C=()=>{t.disabled||(c.checked=!c.checked,l("update:modelValue",c.checked),l("change",c.checked))},a=()=>{t.disabled||l("extra")};return(e,s)=>(o(),m("div",{class:M(["plus-check-card",[g(),c.checked?"plus-check-card--checked":"",e.disabled?"plus-check-card--disabled":""]]),onClick:C},[$("div",O,[v(w)(e.avatar)?(o(),k(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}):v(q)(e.avatar)?(o(),k(v(A),p({key:2,src:e.avatar},e.avatarProps),null,16,["src"])):u("v-if",!0)]),$("div",Q,[e.title||e.$slots.title?(o(),m("div",R,[$("div",X,[v(w)(e.title)?(o(),k(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}):(o(),m(B,{key:2},[y(F(e.title),1)],64))]),$("div",{class:"plus-check-card__title-right",onClick:K(a,["stop"])},[v(w)(e.extra)?(o(),k(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}):u("v-if",!0)],8,Y)])):u("v-if",!0),e.description||e.$slots.description?(o(),m("div",Z,[v(w)(e.description)?(o(),k(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}):(o(),m(B,{key:2},[y(F(e.description),1)],64))])):u("v-if",!0)])],2))}}),ee=D(x,[["__file","index.vue"]]);const ae=ee,se={class:"plus-check-card-group"};var te=E({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(z,{emit:l}){const t=z,r=N({checkList:[],checked:""});_(()=>{t.multiple?r.checkList=t.modelValue:r.checked=t.modelValue});const c=a=>t.multiple?r.checkList.includes(a):r.checked===a,g=(a,e)=>{if(t.multiple)a?r.checkList.push(e):r.checkList=r.checkList.filter(s=>s!==e),l("update:modelValue",r.checkList),l("change",r.checkList);else{const s=a?e:"";l("update:modelValue",s),l("change",s)}},C=a=>{t.disabled||l("extra",a)};return(a,e)=>(o(),m("div",se,[(o(!0),m(B,null,T(a.options,(s,S)=>(o(),k(v(ae),p({key:s.value||S,size:a.size,disabled:a.disabled},s,{"model-value":c(s.value),onChange:i=>g(i,s.value),onExtra:i=>C(s)}),W({_:2},[a.$slots["avatar-"+s.value]||a.$slots.avatar?{name:"avatar",fn:d(i=>[a.$slots["avatar-"+s.value]?n(a.$slots,"avatar-"+s.value,f(p({key:0},i))):u("v-if",!0),a.$slots.avatar?n(a.$slots,"avatar",f(p({key:1},i))):u("v-if",!0)]),key:"0"}:void 0,a.$slots["title-"+s.value]||a.$slots.title?{name:"title",fn:d(i=>[a.$slots["title-"+s.value]?n(a.$slots,"title-"+s.value,f(p({key:0},i))):u("v-if",!0),a.$slots.title?n(a.$slots,"title",f(p({key:1},i))):u("v-if",!0)]),key:"1"}:void 0,a.$slots["description-"+s.value]||a.$slots.description?{name:"description",fn:d(i=>[a.$slots["description-"+s.value]?n(a.$slots,"description-"+s.value,f(p({key:0},i))):u("v-if",!0),a.$slots.description?n(a.$slots,"description",f(p({key:1},i))):u("v-if",!0)]),key:"2"}:void 0,a.$slots["extra-"+s.value]||a.$slots.extra?{name:"extra",fn:d(i=>[a.$slots["extra-"+s.value]?n(a.$slots,"extra-"+s.value,f(p({key:0},i))):u("v-if",!0),a.$slots.extra?n(a.$slots,"extra",f(p({key:1},i))):u("v-if",!0)]),key:"3"}:void 0]),1040,["size","disabled","model-value","onChange","onExtra"]))),128))]))}}),le=D(te,[["__file","index.vue"]]);const j=le,ie={class:"card-header"},oe=$("p",{class:"mb-2 mt-4"},"单选",-1),re=$("p",{class:"mb-2 mt-4"},"多选",-1),ue=E({name:"CheckCard",__name:"check-card",setup(z){const l=P("default"),t=P(),r=P("0"),c=P([]),g=[{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 H(l,C=>C==="disabled"?t.value="default":t.value=l.value),(C,a)=>{const e=V("el-link"),s=V("el-radio"),S=V("el-radio-group"),i=V("el-space"),G=V("el-card"),U=I("tippy");return o(),k(G,{shadow:"never"},{header:d(()=>[$("div",ie,[h(i,{wrap:"",size:40},{default:d(()=>[J((o(),k(e,{href:"https://plus-pro-components.com/components/check-card-group.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:d(()=>[y(" 多选卡片组 ")]),_:1})),[[U,{content:"点击查看详细文档"}]]),h(S,{modelValue:l.value,"onUpdate:modelValue":a[0]||(a[0]=b=>l.value=b),size:"small"},{default:d(()=>[h(s,{value:"large"},{default:d(()=>[y("大尺寸")]),_:1}),h(s,{value:"default"},{default:d(()=>[y("默认尺寸")]),_:1}),h(s,{value:"small"},{default:d(()=>[y("小尺寸")]),_:1}),h(s,{value:"disabled"},{default:d(()=>[y("禁用")]),_:1})]),_:1},8,["modelValue"])]),_:1})])]),default:d(()=>[oe,h(v(j),{modelValue:r.value,"onUpdate:modelValue":a[1]||(a[1]=b=>r.value=b),options:g,size:t.value,disabled:l.value==="disabled"},null,8,["modelValue","size","disabled"]),re,h(v(j),{modelValue:c.value,"onUpdate:modelValue":a[2]||(a[2]=b=>c.value=b),options:g,size:t.value,disabled:l.value==="disabled",multiple:""},null,8,["modelValue","size","disabled"])]),_:1})}}});export{ue as default};
|