vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
1 lines • 1.84 kB
Source Map (JSON)
{"version":3,"file":"h.cjs","sources":["../../../components/typography/h.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\n\nimport { useProps } from '@vexip-ui/config'\nimport Title from './title'\nimport { hProps } from './props'\n\nimport type { TitleLevel } from './symbol'\n\nfunction createHComponent(level: TitleLevel) {\n return defineComponent({\n name: `H${level}`,\n props: hProps,\n emits: [],\n setup(_props, { slots }) {\n const props = useProps(`h${level}`, _props, {\n type: 'default',\n top: false,\n marker: false,\n aligned: false,\n thin: false,\n })\n\n return () => (\n <Title {...props} level={level}>\n {slots.default?.()}\n </Title>\n )\n },\n })\n}\n\nexport const H1 = createHComponent(1)\nexport const H2 = createHComponent(2)\nexport const H3 = createHComponent(3)\nexport const H4 = createHComponent(4)\nexport const H5 = createHComponent(5)\nexport const H6 = createHComponent(6)\n"],"names":["createHComponent","level","name","props","hProps","emits","setup","_props","slots","useProps","type","top","marker","aligned","thin","_createVNode","Title","_mergeProps","default","H1","H2","H3","H4","H5","H6"],"mappings":"uLAQA,SAASA,EAAiBC,EAAmB,CAC3C,yBAAuB,CACrBC,KAAM,IAAID,CAAK,GACfE,MAAOC,EAAM,OACbC,MAAO,CAAE,EACTC,MAAMC,EAAQ,CAAEC,MAAAA,CAAM,EAAG,CACvB,MAAML,EAAQM,EAAAA,SAAS,IAAIR,CAAK,GAAIM,EAAQ,CAC1CG,KAAM,UACNC,IAAK,GACLC,OAAQ,GACRC,QAAS,GACTC,KAAM,EACR,CAAC,EAED,MAAO,IAAAC,EAAA,YAAAC,EAAAC,EAAAA,WACMd,EAAK,CAAA,MAASF,CAAK,CAAA,EAAA,CAAAiB,QAAAA,IAAAA,OAAA,QAC3BV,EAAAA,EAAMU,UAANV,YAAAA,EAAAA,KAAAA,EAAiB,GAErB,CACH,CACF,CAAC,CACH,OAEaW,EAAKnB,EAAiB,CAAC,EACvBoB,EAAKpB,EAAiB,CAAC,EACvBqB,EAAKrB,EAAiB,CAAC,EACvBsB,EAAKtB,EAAiB,CAAC,EACvBuB,EAAKvB,EAAiB,CAAC,EACvBwB,EAAKxB,EAAiB,CAAC"}