vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
1 lines • 1.92 kB
Source Map (JSON)
{"version":3,"file":"h.mjs","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":";;;;AAQA,SAASA,EAAiBC,GAAmB;AAC3C,2BAAuB;AAAA,IACrBC,MAAM,IAAID,CAAK;AAAA,IACfE,OAAOC;AAAAA,IACPC,OAAO,CAAE;AAAA,IACTC,MAAMC,GAAQ;AAAA,MAAEC,OAAAA;AAAAA,IAAM,GAAG;AACvB,YAAML,IAAQM,EAAS,IAAIR,CAAK,IAAIM,GAAQ;AAAA,QAC1CG,MAAM;AAAA,QACNC,KAAK;AAAA,QACLC,QAAQ;AAAA,QACRC,SAAS;AAAA,QACTC,MAAM;AAAA,MACR,CAAC;AAED,aAAO,MAAAC,EAAAC,GAAAC,EACMd,GAAK;AAAA,QAAA,OAASF;AAAAA,MAAK,CAAA,GAAA;AAAA,QAAAiB,SAAAA,MAAAA;;AAAA,mBAC3BV,IAAAA,EAAMU,YAANV,gBAAAA,EAAAA,KAAAA,EAAiB;AAAA;AAAA,OAErB;AAAA,IACH;AAAA,EACF,CAAC;AACH;MAEaW,IAAKnB,EAAiB,CAAC,GACvBoB,IAAKpB,EAAiB,CAAC,GACvBqB,IAAKrB,EAAiB,CAAC,GACvBsB,IAAKtB,EAAiB,CAAC,GACvBuB,IAAKvB,EAAiB,CAAC,GACvBwB,IAAKxB,EAAiB,CAAC;"}