UNPKG

@seemusic/ui-components

Version:

A Vue 3 UI Library. Uses Composable.

1 lines 2.02 kB
{"version":3,"file":"SopCard.mjs","sources":["../../../src/components/SopCard/SopCard.tsx"],"sourcesContent":["import { defineComponent, useSlots } from 'vue';\n\nexport default defineComponent({\n name: 'SopCard',\n props: {\n title: {\n type: String,\n default: ''\n }\n },\n setup(props, ctx) {\n const { slots } = ctx;\n const $slots = useSlots();\n\n return () => (\n <div class=\"sop-card\">\n {\n props.title !== '' &&\n <div class=\"sop-card__hd\">\n <span class=\"sop-card__hd-title\">\n {props.title}\n {slots.titleExtra?.()}\n </span>\n {\n $slots.opt &&\n <span class=\"sop-card__hd-opt\">\n {slots.opt?.()}\n </span>\n }\n </div>\n }\n\n <div class=\"sop-card__bd\">\n {slots.default?.()}\n </div>\n\n {\n $slots.footer &&\n <div class=\"sop-card__ft\">\n {slots.footer?.()}\n </div>\n }\n </div>\n );\n },\n});\n"],"names":["defineComponent","name","props","title","type","String","default","setup","ctx","slots","$slots","useSlots","_createVNode","titleExtra","opt","footer"],"mappings":";AAEA,MAAeA,0CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,OAAO;AAAA,MACLC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACDC,MAAML,OAAOM,KAAK;AAChB,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGD;AAClB,UAAME,SAASC;AAEf,WAAO,MAAA;;AAAAC,yBAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAGDV,MAAMC,UAAU,MAAES,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAGXV,MAAMC,QACNM,WAAMI,eAANJ,8BAAoB,CAGrBC,GAAAA,OAAOI,OAAGF,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,SAELH,EAAAA,WAAMK,QAANL,8BAAa,CACT,CAAA,CAAA,GAEPG,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAIPH,EAAAA,WAAMH,YAANG,8BAAiB,IAIlBC,OAAOK,UAAMH,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,EAEVH,WAAMM,WAANN,8BAAgB,EACb,CAGX;AAAA;AAAA,EACH;AACF,CAAC;"}