{"version":3,"file":"skeleton-avatar.mjs","sources":["../../../../../../../packages/components/skeleton/src/skeleton-avatar.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\n\n// Utils\nimport { getSizeStyle, makeStringProp, numericProp } from '@xzx-design/utils'\nimport { useNamespace } from '@xzx-design/hooks'\nimport type { ExtractPropTypes } from 'vue'\n\nexport type SkeletonAvatarShape = 'square' | 'round'\n\nexport const skeletonAvatarProps = {\n  avatarSize: numericProp,\n  avatarShape: makeStringProp<SkeletonAvatarShape>('round'),\n}\n\nexport type SkeletonAvatarProps = ExtractPropTypes<typeof skeletonAvatarProps>\n\nconst name = 'XzxSkeletonAvatar'\n\nexport default defineComponent({\n  name,\n  __name: name,\n  props: skeletonAvatarProps,\n  setup(props) {\n    const { bem } = useNamespace('skeleton-avatar')\n\n    return () => (\n      <div\n        class={bem([props.avatarShape])}\n        style={getSizeStyle(props.avatarSize)}\n      />\n    )\n  },\n})\n"],"names":["skeletonAvatarProps","avatarSize","numericProp","avatarShape","makeStringProp","name","defineComponent","__name","props","setup","bem","useNamespace","_createVNode","getSizeStyle"],"mappings":";;;;;;;AASO,MAAMA,mBAAsB,GAAA;AAAA,EACjCC,UAAYC,EAAAA,WAAAA;AAAAA,EACZC,WAAAA,EAAaC,eAAoC,OAAO,CAAA;AAC1D,EAAA;AAIA,MAAMC,IAAO,GAAA,mBAAA,CAAA;AAEb,sBAAeC,eAAgB,CAAA;AAAA,EAC7BD,IAAAA;AAAAA,EACAE,MAAQF,EAAAA,IAAAA;AAAAA,EACRG,KAAOR,EAAAA,mBAAAA;AAAAA,EACPS,MAAMD,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEE,GAAAA;AAAAA,KAAI,GAAIC,aAAa,iBAAiB,CAAA,CAAA;AAE9C,IAAO,OAAA,MAAAC,YAAA,KAAA,EAAA;AAAA,MAAA,OAEIF,EAAAA,GAAAA,CAAI,CAACF,KAAAA,CAAML,WAAW,CAAC,CAAA;AAAA,MAAC,OAAA,EACxBU,YAAaL,CAAAA,KAAAA,CAAMP,UAAU,CAAA;AAAA,OAEvC,IAAA,CAAA,CAAA;AAAA,GACH;AACF,CAAC,CAAA;;;;"}