ideaz-element/lib/element/check-card/src/CheckCardItem.cjs

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

"use strict";const e=require("vue");require("../../../utils/index.cjs");require("../../../hooks/index.cjs");const b=require("element-plus"),x=require("./props.cjs"),D=require("../../../hooks/useFormSize.cjs"),E=require("../../../hooks/useNamespace.cjs"),N=require("../../../utils/is.cjs"),I=e.defineComponent({name:"ZCheckCardItem",props:x.checkCardItemProps,emits:["click","change"],setup(r,{emit:C}){const o=e.ref(r.defaultChecked),s=e.ref({}),V=e.ref(!1),t=e.inject("check-card-group",null),a=E.useNamespace("check-card"),h=D.useFormSize(),q=l=>l==="large"?"lg":l==="small"?"sm":"";e.watchEffect(()=>{var i;const{defaultChecked:l,checked:d,disabled:c,loading:u,bordered:n,value:v}=r;if(s.value={defaultChecked:l,checked:d,disabled:c,loading:u,bordered:n,value:v,size:h.value},s.value.checked=o.value,t!=null&&t.value){s.value.disabled=r.disabled||t.value.disabled,s.value.loading=r.loading||t.value.loading,s.value.bordered=r.bordered,V.value=t.value.multiple;const g=t.value.multiple?(i=t.value.value)==null?void 0:i.includes(r.value):t.value.value===r.value;s.value.checked=s.value.loading?!1:g,s.value.size=h.value}});const p=e.computed(()=>{const{disabled:l=!1,loading:d,bordered:c,checked:u}=s.value,n=q(h.value);return{[a.m("loading")]:d,[a.m(n)]:n,[a.m("checked")]:u,[a.m("multiple")]:V.value,[a.m("disabled")]:l,[a.m("bordered")]:c,"z-check-card":!0}}),z=l=>e.createVNode("div",{class:a.e("cover")},[typeof l=="string"?e.createVNode("img",{src:l,alt:"check-card"},null):l(e.h)]),y=l=>{var d,c;C("click",l),(c=t==null?void 0:(d=t.value).toggleOption)==null||c.call(d,{value:r.value}),o.value=!o.value,C("change",o.value)};return()=>{const{disabled:l=!1,loading:d}=s.value,{avatar:c,title:u,description:n,cover:v,extra:i,style:g}=r,F=()=>{if(d)return e.createVNode("div",{class:"px-4 py-3"},[e.createVNode(b.ElSkeleton,{rows:2,animated:!0},null)]);if(v)return z(v);const m=c?e.createVNode("div",{class:a.e("avatar")},[typeof c=="string"?e.createVNode(b.ElAvatar,{size:48,shape:"square",src:c},null):c(e.h)]):null,f=(u||i)&&e.createVNode("div",{class:a.e("header")},[e.createVNode("div",{class:a.e("title")},[N.isFunction(u)?u(e.h):u]),i&&e.createVNode("div",{class:a.e("extra")},[N.isFunction(i)?i(e.h):i])]),k=n?e.createVNode("div",{class:a.e("description")},[N.isFunction(n)?n(e.h):n]):null,S=e.computed(()=>({[a.e("avatar-header")]:m&&f&&!k,[a.e("content")]:!0}));return e.createVNode("div",{class:S.value},[m,f||k?e.createVNode("div",{class:a.e("detail")},[f,k]):null])};return e.createVNode("div",{class:p.value,style:g,onClick:m=>{!d&&!l&&y(m)}},[F()])}}});module.exports=I;
//# sourceMappingURL=CheckCardItem.cjs.map