UNPKG

@extclp/vexip-ui

Version:

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

1 lines 1.75 kB
{"version":3,"file":"ul.mjs","sources":["../../../components/typography/ul.tsx"],"sourcesContent":["import { computed, defineComponent } from 'vue'\r\n\r\nimport { useNameHelper, useProps } from '@vexip-ui/config'\r\nimport { ulProps } from './props'\r\n\r\nexport default defineComponent({\r\n name: 'UL',\r\n props: ulProps,\r\n emits: [],\r\n setup(_props, { slots }) {\r\n const props = useProps('ul', _props, {\r\n listStyle: 'circle',\r\n })\r\n\r\n const nh = useNameHelper('ul')\r\n\r\n const className = computed(() => {\r\n return {\r\n [nh.b()]: true,\r\n [nh.bm('inherit')]: props.inherit,\r\n [nh.bm('no-marker')]: props.listStyle === 'none',\r\n }\r\n })\r\n\r\n return () => (\r\n <ul class={className.value} style={{ listStyleType: props.listStyle }}>\r\n {slots.default?.()}\r\n </ul>\r\n )\r\n },\r\n})\r\n"],"names":["defineComponent","name","props","ulProps","emits","setup","_props","slots","useProps","listStyle","nh","useNameHelper","className","computed","b","bm","inherit","_createVNode","value","listStyleType","default"],"mappings":";;;AAKA,MAAeA,sBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAO,CAAE;AAAA,EACTC,MAAMC,GAAQ;AAAA,IAAEC,OAAAA;AAAAA,EAAM,GAAG;AACvB,UAAML,IAAQM,EAAS,MAAMF,GAAQ;AAAA,MACnCG,WAAW;AAAA,IACb,CAAC,GAEKC,IAAKC,EAAc,IAAI,GAEvBC,IAAYC,EAAS,OAClB;AAAA,MACL,CAACH,EAAGI,EAAC,CAAE,GAAG;AAAA,MACV,CAACJ,EAAGK,GAAG,SAAS,CAAC,GAAGb,EAAMc;AAAAA,MAC1B,CAACN,EAAGK,GAAG,WAAW,CAAC,GAAGb,EAAMO,cAAc;AAAA,IAC3C,EACF;AAED,WAAO,MAAA;;AAAAQ,aAAAA,EAAA,MAAA;AAAA,QAAA,OACML,EAAUM;AAAAA,QAAK,OAAS;AAAA,UAAEC,eAAejB,EAAMO;AAAAA,QAAU;AAAA,MAAC,GAAA,EAClEF,IAAAA,EAAMa,YAANb,gBAAAA,EAAAA,KAAAA,EAAiB,CAErB;AAAA;AAAA,EACH;AACF,CAAC;"}