vue-devui/card/index.umd.js

DevUI components based on Vite and Vue3

(function(d,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(d=typeof globalThis!="undefined"?globalThis:d||self,a(d.index={},d.Vue))})(this,function(d,a){"use strict";const m={align:{type:String,default:"start"},src:{type:String,default:""},shadow:{type:String,default:"hover"}};function f(r,e,t){let i=r;return e&&(i+=`__${e}`),t&&(i+=`--${t}`),i}function y(r,e=!1){const t=e?`.devui-${r}`:`devui-${r}`;return{b:()=>f(t),e:c=>c?f(t,c):"",m:c=>c?f(t,"",c):"",em:(c,u)=>c&&u?f(t,c,u):""}}var b="",p=a.defineComponent({name:"DCard",props:m,setup(r,{slots:e}){const{align:t,src:i}=a.toRefs(r),n=y("card"),o=a.computed(()=>({[n.e("actions")]:!0,[n.em("actions",`align-${t.value}`)]:t.value!=="start"}));return()=>{var v,c,u,g,N,V,h;return a.createVNode("div",{class:["card-container",n.b(),n.em("shadow",r.shadow)]},[(v=e.default)==null?void 0:v.call(e),a.createVNode("div",{class:n.e("header")},[((c=e.avatar)==null?void 0:c.call(e))?a.createVNode("div",{class:n.e("avatar")},[(u=e.avatar)==null?void 0:u.call(e)]):"",a.createVNode("div",null,[a.createVNode("div",{class:n.e("title")},[(g=e.title)==null?void 0:g.call(e)]),a.createVNode("div",{class:n.e("subtitle")},[(N=e.subtitle)==null?void 0:N.call(e)])])]),i.value!==""?a.createVNode("img",{src:i.value,alt:"",class:n.e("meta")},null):"",a.createVNode("div",{class:n.e("content")},[(V=e.content)==null?void 0:V.call(e)]),a.createVNode("div",{class:o.value},[e.actions?(h=e.actions)==null?void 0:h.call(e):""])])}}}),C={title:"Card \u5361\u7247",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(r){r.component(p.name,p)}};d.Card=p,d.cardProps=m,d.default=C,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});