vexip-ui/lib/components/skeleton/skeleton-group.cjs.map

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

{"version":3,"file":"skeleton-group.cjs","sources":["../../../components/skeleton/skeleton-group.ts"],"sourcesContent":["import { defineComponent, h, provide, renderSlot } from 'vue'\n\nimport { useNameHelper, useProps } from '@vexip-ui/config'\nimport { skeletonGroupProps } from './props'\nimport { GROUP_STATE } from './symbol'\n\nexport default defineComponent({\n  name: 'SkeletonGroup',\n  props: skeletonGroupProps,\n  setup(_props, { slots }) {\n    const props = useProps('skeletonGroup', _props, {\n      size: null,\n      tag: false,\n      itemTag: null,\n      activated: false,\n      round: false,\n      circle: false,\n      block: false,\n      loading: true,\n    })\n\n    const nh = useNameHelper('skeletonGroup')\n\n    provide(GROUP_STATE, props)\n\n    return () => {\n      if (props.tag) {\n        return h(\n          typeof props.tag === 'string' ? props.tag : 'div',\n          {\n            class: [nh.b(), props.inherit && nh.bm('inherit')],\n            role: 'group',\n          },\n          {\n            default: () => slots.default?.(),\n          },\n        )\n      }\n\n      return renderSlot(slots, 'default')\n    }\n  },\n})\n"],"names":["SkeletonGroup","defineComponent","skeletonGroupProps","_props","slots","props","useProps","nh","useNameHelper","provide","GROUP_STATE","h","_a","renderSlot"],"mappings":"qHAMAA,EAAeC,kBAAgB,CAC7B,KAAM,gBACN,MAAOC,EAAA,mBACP,MAAMC,EAAQ,CAAE,MAAAC,GAAS,CACjB,MAAAC,EAAQC,EAAAA,SAAS,gBAAiBH,EAAQ,CAC9C,KAAM,KACN,IAAK,GACL,QAAS,KACT,UAAW,GACX,MAAO,GACP,OAAQ,GACR,MAAO,GACP,QAAS,EAAA,CACV,EAEKI,EAAKC,gBAAc,eAAe,EAExCC,OAAAA,EAAA,QAAQC,cAAaL,CAAK,EAEnB,IACDA,EAAM,IACDM,EAAA,EACL,OAAON,EAAM,KAAQ,SAAWA,EAAM,IAAM,MAC5C,CACE,MAAO,CAACE,EAAG,IAAKF,EAAM,SAAWE,EAAG,GAAG,SAAS,CAAC,EACjD,KAAM,OACR,EACA,CACE,QAAS,IAAM,OAAA,OAAAK,EAAAR,EAAM,UAAN,YAAAQ,EAAA,KAAAR,GAAgB,CAEnC,EAGKS,EAAA,WAAWT,EAAO,SAAS,CACpC,CAEJ,CAAC"}