@lobehub/ui/es/Header/Header.mjs.map

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

{"version":3,"file":"Header.mjs","names":["Flexbox"],"sources":["../../src/Header/Header.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { HeaderProps } from './type';\n\nconst Header = memo<HeaderProps>(\n  ({\n    actionsClassName,\n    navClassName,\n    logoClassName,\n    nav,\n    logo,\n    actions,\n    actionsStyle,\n    logoStyle,\n    navStyle,\n    className,\n    children,\n    ref,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n\n    return (\n      <Flexbox\n        align={'center'}\n        as={'section'}\n        className={cx(styles.root, className)}\n        distribution={'space-between'}\n        horizontal\n        ref={ref}\n        width={'auto'}\n        {...rest}\n      >\n        {mobile ? (\n          <>\n            <Flexbox className={actionsClassName} style={{ flex: 0, ...navStyle }}>\n              {nav}\n              {children}\n            </Flexbox>\n            <Flexbox\n              className={cx(styles.left, logoClassName)}\n              horizontal\n              style={{ flex: 1, overflow: 'hidden', ...logoStyle }}\n            >\n              {logo}\n            </Flexbox>\n            <Flexbox className={actionsClassName} style={{ flex: 0, ...actionsStyle }}>\n              {actions}\n            </Flexbox>\n          </>\n        ) : (\n          <>\n            <Flexbox\n              className={cx(styles.left, logoClassName)}\n              horizontal\n              style={{ flex: 0, ...logoStyle }}\n            >\n              {logo}\n            </Flexbox>\n            <Flexbox\n              className={navClassName}\n              style={{ flex: 1, marginLeft: 48, overflow: 'hidden', ...navStyle }}\n            >\n              {nav}\n              {children}\n            </Flexbox>\n            <Flexbox\n              className={cx(styles.right, actionsClassName)}\n              flex={1}\n              horizontal\n              justify={'space-between'}\n              style={actionsStyle}\n            >\n              <div />\n              <Flexbox align={'center'} gap={8} horizontal>\n                {actions}\n              </Flexbox>\n            </Flexbox>\n          </>\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nHeader.displayName = 'Header';\n\nexport default Header;\n"],"mappings":";;;;;;;;;AAUA,MAAM,SAAS,MACZ,EACC,kBACA,cACA,eACA,KACA,MACA,SACA,cACA,WACA,UACA,WACA,UACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;AAElC,QACE,oBAACA;EACC,OAAO;EACP,IAAI;EACJ,WAAW,GAAG,OAAO,MAAM,UAAU;EACrC,cAAc;EACd;EACK;EACL,OAAO;EACP,GAAI;YAEH,SACC;GACE,qBAACA;IAAQ,WAAW;IAAkB,OAAO;KAAE,MAAM;KAAG,GAAG;KAAU;eAClE,KACA;KACO;GACV,oBAACA;IACC,WAAW,GAAG,OAAO,MAAM,cAAc;IACzC;IACA,OAAO;KAAE,MAAM;KAAG,UAAU;KAAU,GAAG;KAAW;cAEnD;KACO;GACV,oBAACA;IAAQ,WAAW;IAAkB,OAAO;KAAE,MAAM;KAAG,GAAG;KAAc;cACtE;KACO;MACT,GAEH;GACE,oBAACA;IACC,WAAW,GAAG,OAAO,MAAM,cAAc;IACzC;IACA,OAAO;KAAE,MAAM;KAAG,GAAG;KAAW;cAE/B;KACO;GACV,qBAACA;IACC,WAAW;IACX,OAAO;KAAE,MAAM;KAAG,YAAY;KAAI,UAAU;KAAU,GAAG;KAAU;eAElE,KACA;KACO;GACV,qBAACA;IACC,WAAW,GAAG,OAAO,OAAO,iBAAiB;IAC7C,MAAM;IACN;IACA,SAAS;IACT,OAAO;eAEP,oBAAC,UAAM,EACP,oBAACA;KAAQ,OAAO;KAAU,KAAK;KAAG;eAC/B;MACO;KACF;MACT;GAEG;EAGf;AAED,OAAO,cAAc;AAErB,qBAAe"}