vexip-ui/lib/components/layout/layout-main.cjs.map

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

{"version":3,"file":"layout-main.cjs","sources":["../../../components/layout/layout-main.tsx"],"sourcesContent":["import { computed, defineComponent } from 'vue'\n\nimport { useNameHelper, useProps } from '@vexip-ui/config'\nimport { layoutMainProps } from './props'\nimport { useLayoutState } from './helper'\n\nexport default defineComponent({\n  name: 'LayoutMain',\n  props: layoutMainProps,\n  setup(_props, { slots }) {\n    const props = useProps('layoutMain', _props, {\n      tag: 'main',\n      fixed: false,\n    })\n\n    const nh = useNameHelper('layout')\n    const state = useLayoutState()\n\n    const className = computed(() => {\n      return [nh.be('main'), props.fixed && nh.bem('main', 'fixed'), state.classes.main]\n    })\n\n    return () => {\n      const CustomTag = (props.tag || 'main') as any\n\n      return <CustomTag class={className.value}>{slots.default?.()}</CustomTag>\n    }\n  },\n})\n"],"names":["defineComponent","name","props","layoutMainProps","setup","_props","slots","useProps","tag","fixed","nh","useNameHelper","state","useLayoutState","className","computed","be","bem","classes","main","CustomTag","_createVNode","value","default"],"mappings":"qHAMeA,oBAAgB,CAC7BC,KAAM,aACNC,MAAOC,EAAe,gBACtBC,MAAMC,EAAQ,CAAEC,MAAAA,CAAM,EAAG,CACvB,MAAMJ,EAAQK,EAAAA,SAAS,aAAcF,EAAQ,CAC3CG,IAAK,OACLC,MAAO,EACT,CAAC,EAEKC,EAAKC,EAAa,cAAC,QAAQ,EAC3BC,EAAQC,EAAAA,eAAgB,EAExBC,EAAYC,EAAAA,SAAS,IAClB,CAACL,EAAGM,GAAG,MAAM,EAAGd,EAAMO,OAASC,EAAGO,IAAI,OAAQ,OAAO,EAAGL,EAAMM,QAAQC,IAAI,CAClF,EAED,MAAO,IAAM,CACX,MAAMC,EAAalB,EAAMM,KAAO,OAEhC,OAAAa,EAAAA,YAAAD,EAAA,CAAA,MAAyBN,EAAUQ,KAAK,EAAA,CAAAC,QAAAA,IAAAA,OAAA,QAAGjB,EAAAA,EAAMiB,UAANjB,YAAAA,EAAAA,KAAAA,EAAiB,EAAA,CAAA,CAC7D,CACH,CACF,CAAC"}