vue-devui/card/index.umd.js

DevUI components based on Vite and Vue3

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