@lobehub/ui/es/Skeleton/SkeletonAvatar.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"SkeletonAvatar.mjs","names":["SkeletonAvatar: FC<SkeletonAvatarProps>","SkeletonBlock"],"sources":["../../src/Skeleton/SkeletonAvatar.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport { styles } from './style';\nimport type { SkeletonAvatarProps } from './type';\n\nconst DEFAULT_SIZE = 40;\n\nconst SkeletonAvatar: FC<SkeletonAvatarProps> = ({\n  active,\n  shape = 'square',\n  size,\n  width,\n  height,\n  style,\n  className,\n  ...rest\n}) => {\n  const defaultSize = size ?? DEFAULT_SIZE;\n  const finalWidth = width ?? defaultSize;\n  const finalHeight = height ?? defaultSize;\n  const borderRadius = shape === 'circle' ? '50%' : cssVar.borderRadius;\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={cx(styles.avatar, className)}\n      height={finalHeight}\n      style={{ borderRadius, ...style }}\n      width={finalWidth}\n      {...rest}\n    />\n  );\n};\n\nSkeletonAvatar.displayName = 'SkeletonAvatar';\n\nexport default SkeletonAvatar;\n"],"mappings":";;;;;;;;AASA,MAAM,eAAe;AAErB,MAAMA,kBAA2C,EAC/C,QACA,QAAQ,UACR,MACA,OACA,QACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,cAAc,QAAQ;CAC5B,MAAM,aAAa,SAAS;CAC5B,MAAM,cAAc,UAAU;CAC9B,MAAM,eAAe,UAAU,WAAW,QAAQ,OAAO;AAEzD,QACE,oBAACC;EACS;EACR,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;GAAO;EACjC,OAAO;EACP,GAAI;GACJ;;AAIN,eAAe,cAAc;AAE7B,6BAAe"}