UNPKG

@lobehub/ui

Version:

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

1 lines 1.53 kB
{"version":3,"file":"Tabs.mjs","names":["Tabs: FC<TabsProps>","AntdTabs","ActionIcon","Tabs"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport { Tabs as AntdTabs } from 'antd';\nimport { cx } from 'antd-style';\nimport { MoreHorizontalIcon } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { styles, variants } from './style';\nimport type { TabsProps } from './type';\n\nconst Tabs: FC<TabsProps> = ({ className, compact, variant = 'rounded', items, ...rest }) => {\n const hasContent = items?.some((item) => !!item.children);\n\n return (\n <AntdTabs\n className={cx(variants({ compact, underlined: hasContent, variant }), className)}\n items={items}\n {...rest}\n classNames={{\n ...rest?.classNames,\n popup: {\n root: styles.dropdown,\n ...rest?.classNames?.popup,\n },\n }}\n more={{\n icon: <ActionIcon icon={MoreHorizontalIcon} />,\n ...rest?.more,\n }}\n />\n );\n};\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"mappings":";;;;;;;;;;AAYA,MAAMA,UAAuB,EAAE,WAAW,SAAS,UAAU,WAAW,OAAO,GAAG,WAAW;CAC3F,MAAM,aAAa,OAAO,MAAM,SAAS,CAAC,CAAC,KAAK,SAAS;AAEzD,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAS,YAAY;GAAY;GAAS,CAAC,EAAE,UAAU;EACzE;EACP,GAAI;EACJ,YAAY;GACV,GAAG,MAAM;GACT,OAAO;IACL,MAAM,OAAO;IACb,GAAG,MAAM,YAAY;IACtB;GACF;EACD,MAAM;GACJ,MAAM,oBAACC,sBAAW,MAAM,qBAAsB;GAC9C,GAAG,MAAM;GACV;GACD;;AAIN,OAAK,cAAc;AAEnB,mBAAeC"}