UNPKG

@seemusic/ui-components

Version:

A Vue 3 UI Library. Uses Composable.

1 lines 2.32 kB
{"version":3,"file":"SopTheHeader.mjs","sources":["../../../src/components/SopTheHeader/SopTheHeader.tsx"],"sourcesContent":["import { defineComponent, computed } from 'vue';\n\nexport default defineComponent({\n name: 'SopTheHeader',\n props: {\n logo: {\n type: String,\n default: ''\n },\n subTitle: {\n type: String,\n default: ''\n }\n },\n emits: ['logo-click'],\n setup(props, { slots, emit }) {\n const isImg = computed(() => /\\.(png|jpg|gif|jpeg|webp)$/.test(props.subTitle));\n\n return () => (\n <div class=\"sop-the-header\">\n <div class=\"the-header-left__content\">\n <div\n class=\"the-logo\"\n onClick={() => {\n emit('logo-click');\n }}\n >\n <img src={props.logo} height=\"20\" />\n </div>\n {\n props.subTitle &&\n <div class=\"the-sub-title\">\n {isImg.value ? <img src={props.subTitle}/> : <h3>{props.subTitle}</h3>}\n </div>\n }\n </div>\n\n <div class=\"the-header-right__content\">\n {slots.rightOpt?.()}\n </div>\n </div>\n );\n }\n});\n"],"names":["defineComponent","name","props","logo","type","String","default","subTitle","emits","setup","slots","emit","isImg","computed","test","_createVNode","onClick","value","rightOpt"],"mappings":";AAEA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,MAAM;AAAA,MACJC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA,IACDC,UAAU;AAAA,MACRH,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACDE,OAAO,CAAC,YAAY;AAAA,EACpBC,MAAMP,OAAO;AAAA,IAAEQ;AAAAA,IAAOC;AAAAA,EAAK,GAAG;AAC5B,UAAMC,QAAQC,SAAS,MAAM,6BAA6BC,KAAKZ,MAAMK,QAAQ,CAAC;AAE9E,WAAO,MAAA;;AAAAQ,yBAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAKUC,MAAM;AACbL,eAAK,YAAY;AAAA,QACnB;AAAA,MAAC,GAAA,CAAAI,YAAA,OAAA;AAAA,QAAA,OAESb,MAAMC;AAAAA,QAAI,UAAA;AAAA,MAAA,GAAA,IAAA,CAAA,CAAA,GAGpBD,MAAMK,YAAQQ,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAEXH,MAAMK,QAAKF,YAAA,OAAA;AAAA,QAAA,OAAab,MAAMK;AAAAA,MAAQQ,GAAAA,IAAAA,IAAAA,yBAAYb,MAAMK,QAAQ,CAAM,CAAA,CAAA,CACnE,IAAAQ,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,EAKPL,WAAMQ,aAANR,8BAAkB,CAGxB,CAAA,CAAA;AAAA;AAAA,EACH;AACF,CAAC;"}