UNPKG

@extclp/vexip-ui

Version:

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

1 lines 1.99 kB
{"version":3,"file":"skeleton-group.mjs","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":";;;;AAMA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,MAAMC,GAAQ,EAAE,OAAAC,KAAS;AACjB,UAAAC,IAAQC,EAAS,iBAAiBH,GAAQ;AAAA,MAC9C,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,CACV,GAEKI,IAAKC,EAAc,eAAe;AAExC,WAAAC,EAAQC,GAAaL,CAAK,GAEnB,MACDA,EAAM,MACDM;AAAA,MACL,OAAON,EAAM,OAAQ,WAAWA,EAAM,MAAM;AAAA,MAC5C;AAAA,QACE,OAAO,CAACE,EAAG,KAAKF,EAAM,WAAWE,EAAG,GAAG,SAAS,CAAC;AAAA,QACjD,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,SAAS,MAAM;;AAAA,kBAAAK,IAAAR,EAAM,YAAN,gBAAAQ,EAAA,KAAAR;AAAA;AAAA,MAAgB;AAAA,IAEnC,IAGKS,EAAWT,GAAO,SAAS;AAAA,EACpC;AAEJ,CAAC;"}