vexip-ui/lib/components/layout/layout-footer.cjs

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

"use strict";const e=require("vue");require("../icon/index.cjs");require("../linker/index.cjs");const u=require("@vexip-ui/config"),k=require("./props.cjs"),d=require("./helper.cjs"),m=require("../linker/linker.vue2.cjs"),N=require("../icon/icon.cjs"),f=e.defineComponent({name:"LayoutFooter",props:k.layoutFooterProps,setup(y,{slots:s}){const r=u.useProps("layoutFooter",y,{tag:"footer",copyright:"",links:()=>[],verticalLinks:"md"}),t=u.useNameHelper("layout"),n=d.useLayoutState(),c=d.useMediaQuery(e.toRef(r,"verticalLinks")),b=e.computed(()=>[t.be("footer"),{[t.bs("vars")]:!n.isLayout,[t.bem("footer","inherit")]:n.isLayout||r.inherit},n.classes.footer]);function v(){var i;return(i=r.links)!=null&&i.length?e.createVNode("div",{class:[t.be("links"),!c.value&&t.bem("links","vertical"),n.classes.footerLinks]},[e.createVNode("div",{class:t.be("links-row")},[r.links.map((o,p)=>{var l;return e.createVNode("div",{key:p,class:[t.be("link-group"),!c.value&&t.bem("link-group","vertical")]},[e.createVNode("div",{class:[t.be("link-name"),t.bem("link-name","group")]},[o.to?e.createVNode(m,{icon:o.icon,to:o.to,target:o.target},{default:()=>[o.name]}):[o.icon&&e.createVNode(N,{icon:o.icon},null),o.name],o.subname&&e.createVNode("div",{class:t.be("link-subname")},[`- ${o.subname}`])]),(l=o.children)!=null&&l.length?o.children.map((a,h)=>e.createVNode("div",{key:h,class:t.be("link")},[e.createVNode(m,{icon:a.icon,to:a.to,target:a.target},{default:()=>[a.name]}),a.subname&&e.createVNode("div",{class:t.be("link-subname")},[`- ${a.subname}`])])):null])})])]):e.createVNode("div",{role:"none","aria-hidden":!0,style:"display: none"},null)}return()=>{const i=r.tag||"footer";return e.createVNode(i,{class:b.value},{default:()=>[s.links?e.renderSlot(s,"links"):v(),e.createVNode("div",{class:[t.be("copyright"),n.classes.copyright]},[s.copyright?s.copyright():r.copyright])]})}}});module.exports=f;
//# sourceMappingURL=layout-footer.cjs.map