vue-amazing-ui/lib/list/listitem/ListItem.vue2.cjs

An Amazing Vue3 UI Components Library, Using TypeScript.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../../avatar/index.cjs"),d=require("../../utils/index.cjs"),c={class:"list-item-wrap"},u={class:"list-item-main"},m={key:0,class:"list-item-meta"},v={key:1,class:"list-item-content"},p=e.defineComponent({__name:"ListItem",props:{avatar:{default:void 0},avatarProps:{default:()=>({})},title:{default:void 0},description:{default:void 0},actions:{default:void 0},extra:{default:void 0},avatarStyle:{default:()=>({})},titleStyle:{default:()=>({})},descriptionStyle:{default:()=>({})},contentStyle:{default:()=>({})},actionsStyle:{default:()=>({})},extraStyle:{default:()=>({})}},setup(i){const o=i,a=d.useSlotsExist(["avatar","title","description","default","actions","extra"]),l=e.computed(()=>a.avatar||o.avatar||JSON.stringify(o.avatarProps)!=="{}"),r=e.computed(()=>a.title||a.description||o.title||o.description),s=e.computed(()=>a.extra||o.extra);return(t,y)=>(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",u,[l.value||r.value?(e.openBlock(),e.createElementBlock("div",m,[l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"list-item-avatar",style:e.normalizeStyle(t.avatarStyle)},[e.renderSlot(t.$slots,"avatar",{},()=>[e.createVNode(e.unref(n.default),e.normalizeProps(e.guardReactiveProps(t.avatarProps)),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.avatar),1)]),_:1},16)],!0)],4)):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",v,[e.createElementVNode("p",{class:"list-item-title",style:e.normalizeStyle(t.titleStyle)},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)],4),e.createElementVNode("div",{class:"list-item-description",style:e.normalizeStyle(t.descriptionStyle)},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)],!0)],4)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(a).default?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(t.contentStyle)},[e.renderSlot(t.$slots,"default",{},void 0,!0)],4)):e.createCommentVNode("",!0),e.unref(a).actions?(e.openBlock(),e.createElementBlock("div",{key:2,class:"list-item-actions",style:e.normalizeStyle(t.actionsStyle)},[e.renderSlot(t.$slots,"actions",{},void 0,!0)],4)):e.createCommentVNode("",!0)]),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"list-item-extra",style:e.normalizeStyle(t.extraStyle)},[e.renderSlot(t.$slots,"extra",{},()=>[e.createTextVNode(e.toDisplayString(t.extra),1)],!0)],4)):e.createCommentVNode("",!0)]))}});exports.default=p;