vexip-ui/es/components/layout/layout-main.mjs.map

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

{"version":3,"file":"layout-main.mjs","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":";;;;AAMA,MAAeA,sBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMC,GAAQ;AAAA,IAAEC,OAAAA;AAAAA,EAAM,GAAG;AACvB,UAAMJ,IAAQK,EAAS,cAAcF,GAAQ;AAAA,MAC3CG,KAAK;AAAA,MACLC,OAAO;AAAA,IACT,CAAC,GAEKC,IAAKC,EAAc,QAAQ,GAC3BC,IAAQC,EAAgB,GAExBC,IAAYC,EAAS,MAClB,CAACL,EAAGM,GAAG,MAAM,GAAGd,EAAMO,SAASC,EAAGO,IAAI,QAAQ,OAAO,GAAGL,EAAMM,QAAQC,IAAI,CAClF;AAED,WAAO,MAAM;AACX,YAAMC,IAAalB,EAAMM,OAAO;AAEhC,aAAAa,EAAAD,GAAA;AAAA,QAAA,OAAyBN,EAAUQ;AAAAA,MAAK,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,mBAAGjB,IAAAA,EAAMiB,YAANjB,gBAAAA,EAAAA,KAAAA,EAAiB;AAAA;AAAA,MAAA,CAAA;AAAA,IAC7D;AAAA,EACH;AACF,CAAC;"}