@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
1 lines • 1.98 kB
Source Map (JSON)
{"version":3,"file":"FormTitle.mjs","names":["FormTitle: FC<FormTitleProps>","Flexbox","styles","Tag"],"sources":["../../../src/Form/components/FormTitle.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Tag from '@/Tag';\n\nimport { titleStyles as styles } from '../style';\nimport type { FormTitleProps } from '../type';\n\nconst FormTitle: FC<FormTitleProps> = ({\n tag,\n title,\n desc,\n avatar,\n classNames,\n styles: customStyles,\n ...rest\n}) => {\n return (\n <Flexbox align={`center`} gap={8} horizontal {...rest}>\n {avatar}\n <Flexbox\n className={cx(styles.content, classNames?.content)}\n gap={8}\n style={customStyles?.content}\n >\n <Flexbox\n align={'center'}\n className={cx(styles.title, classNames?.title)}\n direction={'horizontal'}\n gap={8}\n style={customStyles?.title}\n >\n {title}\n {tag && (\n <Tag className={classNames?.tag} style={customStyles?.tag}>\n {tag}\n </Tag>\n )}\n </Flexbox>\n {desc && (\n <small className={cx(styles.desc, classNames?.desc)} style={customStyles?.desc}>\n {desc}\n </small>\n )}\n </Flexbox>\n </Flexbox>\n );\n};\n\nFormTitle.displayName = 'FormTitle';\n\nexport default FormTitle;\n"],"mappings":";;;;;;;;;AAWA,MAAMA,aAAiC,EACrC,KACA,OACA,MACA,QACA,YACA,QAAQ,cACR,GAAG,WACC;AACJ,QACE,qBAACC;EAAQ,OAAO;EAAU,KAAK;EAAG;EAAW,GAAI;aAC9C,QACD,qBAACA;GACC,WAAW,GAAGC,YAAO,SAAS,YAAY,QAAQ;GAClD,KAAK;GACL,OAAO,cAAc;cAErB,qBAACD;IACC,OAAO;IACP,WAAW,GAAGC,YAAO,OAAO,YAAY,MAAM;IAC9C,WAAW;IACX,KAAK;IACL,OAAO,cAAc;eAEpB,OACA,OACC,oBAACC;KAAI,WAAW,YAAY;KAAK,OAAO,cAAc;eACnD;MACG;KAEA,EACT,QACC,oBAAC;IAAM,WAAW,GAAGD,YAAO,MAAM,YAAY,KAAK;IAAE,OAAO,cAAc;cACvE;KACK;IAEF;GACF;;AAId,UAAU,cAAc;AAExB,wBAAe"}