@lobehub/lobehub 2.0.0-next.218 → 2.0.0-next.219

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,31 @@
2
2
 
3
3
  # Changelog
4
4
 
5
+ ## [Version 2.0.0-next.219](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.218...v2.0.0-next.219)
6
+
7
+ <sup>Released on **2026-01-05**</sup>
8
+
9
+ #### 🐛 Bug Fixes
10
+
11
+ - **misc**: Resolve BaseUI dropdown compatibility issue.
12
+
13
+ <br/>
14
+
15
+ <details>
16
+ <summary><kbd>Improvements and Fixes</kbd></summary>
17
+
18
+ #### What's fixed
19
+
20
+ - **misc**: Resolve BaseUI dropdown compatibility issue, closes [#11248](https://github.com/lobehub/lobe-chat/issues/11248) ([065bfec](https://github.com/lobehub/lobe-chat/commit/065bfec))
21
+
22
+ </details>
23
+
24
+ <div align="right">
25
+
26
+ [![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
27
+
28
+ </div>
29
+
5
30
  ## [Version 2.0.0-next.218](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.217...v2.0.0-next.218)
6
31
 
7
32
  <sup>Released on **2026-01-05**</sup>
package/changelog/v1.json CHANGED
@@ -1,4 +1,13 @@
1
1
  [
2
+ {
3
+ "children": {
4
+ "fixes": [
5
+ "Resolve BaseUI dropdown compatibility issue."
6
+ ]
7
+ },
8
+ "date": "2026-01-05",
9
+ "version": "2.0.0-next.219"
10
+ },
2
11
  {
3
12
  "children": {
4
13
  "features": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/lobehub",
3
- "version": "2.0.0-next.218",
3
+ "version": "2.0.0-next.219",
4
4
  "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
5
5
  "keywords": [
6
6
  "framework",
@@ -205,7 +205,7 @@
205
205
  "@lobehub/icons": "^4.0.2",
206
206
  "@lobehub/market-sdk": "^0.25.1",
207
207
  "@lobehub/tts": "^4.0.2",
208
- "@lobehub/ui": "^4.9.0",
208
+ "@lobehub/ui": "^4.9.3",
209
209
  "@modelcontextprotocol/sdk": "^1.25.1",
210
210
  "@neondatabase/serverless": "^1.0.2",
211
211
  "@next/third-parties": "^16.1.1",
@@ -8,7 +8,7 @@ interface ActionProps {
8
8
 
9
9
  const Actions = memo<ActionProps>(({ dropdownMenu }) => {
10
10
  return (
11
- <DropdownMenu items={dropdownMenu}>
11
+ <DropdownMenu items={dropdownMenu} nativeButton={false}>
12
12
  <ActionIcon icon={MoreHorizontalIcon} size={'small'} />
13
13
  </DropdownMenu>
14
14
  );
@@ -8,7 +8,7 @@ interface ActionProps {
8
8
 
9
9
  const Actions = memo<ActionProps>(({ dropdownMenu }) => {
10
10
  return (
11
- <DropdownMenu items={dropdownMenu}>
11
+ <DropdownMenu items={dropdownMenu} nativeButton={false}>
12
12
  <ActionIcon icon={MoreHorizontalIcon} size={'small'} />
13
13
  </DropdownMenu>
14
14
  );
@@ -8,7 +8,7 @@ interface ActionProps {
8
8
 
9
9
  const Actions = memo<ActionProps>(({ dropdownMenu }) => {
10
10
  return (
11
- <DropdownMenu items={dropdownMenu}>
11
+ <DropdownMenu items={dropdownMenu} nativeButton={false}>
12
12
  <ActionIcon icon={MoreHorizontalIcon} size={'small'} />
13
13
  </DropdownMenu>
14
14
  );
@@ -8,7 +8,7 @@ interface ActionProps {
8
8
 
9
9
  const Actions = memo<ActionProps>(({ dropdownMenu }) => {
10
10
  return (
11
- <DropdownMenu items={dropdownMenu}>
11
+ <DropdownMenu items={dropdownMenu} nativeButton={false}>
12
12
  <ActionIcon icon={MoreHorizontalIcon} size={'small'} />
13
13
  </DropdownMenu>
14
14
  );
@@ -8,7 +8,7 @@ interface ActionProps {
8
8
 
9
9
  const Actions = memo<ActionProps>(({ dropdownMenu }) => {
10
10
  return (
11
- <DropdownMenu items={dropdownMenu}>
11
+ <DropdownMenu items={dropdownMenu} nativeButton={false}>
12
12
  <ActionIcon icon={MoreHorizontalIcon} size={'small'} />
13
13
  </DropdownMenu>
14
14
  );
@@ -8,7 +8,7 @@ interface ActionsProps {
8
8
 
9
9
  const Actions = memo<ActionsProps>(({ dropdownMenu }) => {
10
10
  return (
11
- <DropdownMenu items={dropdownMenu}>
11
+ <DropdownMenu items={dropdownMenu} nativeButton={false}>
12
12
  <ActionIcon icon={MoreHorizontalIcon} size={'small'} />
13
13
  </DropdownMenu>
14
14
  );
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
 
3
3
  import { BRANDING_EMAIL, SOCIAL_URL } from '@lobechat/business-const';
4
- import { ActionIcon, Dropdown, Icon, type MenuProps } from '@lobehub/ui';
4
+ import { ActionIcon, DropdownMenu, Icon, type MenuProps } from '@lobehub/ui';
5
5
  import { Flexbox } from '@lobehub/ui';
6
6
  import { DiscordIcon } from '@lobehub/ui/icons';
7
7
  import { Book, CircleHelp, Feather, FileClockIcon, FlaskConical, Github, Mail } from 'lucide-react';
@@ -103,15 +103,9 @@ const Footer = memo(() => {
103
103
  <>
104
104
  <Flexbox align={'center'} gap={2} horizontal justify={'space-between'} padding={8}>
105
105
  <Flexbox align={'center'} flex={1} gap={2} horizontal>
106
- <Dropdown
107
- menu={{
108
- items: helpMenuItems,
109
- }}
110
- placement="topLeft"
111
- trigger={['click']}
112
- >
106
+ <DropdownMenu items={helpMenuItems} nativeButton={false} placement="topLeft">
113
107
  <ActionIcon aria-label={t('userPanel.help')} icon={CircleHelp} size={16} />
114
- </Dropdown>
108
+ </DropdownMenu>
115
109
  {!hideGitHub && (
116
110
  <a aria-label={'GitHub'} href={GITHUB} rel="noopener noreferrer" target={'_blank'}>
117
111
  <ActionIcon icon={Github} size={16} title={'GitHub'} />
@@ -44,7 +44,7 @@ const AddButton = memo(() => {
44
44
  size={DESKTOP_HEADER_ICON_SIZE}
45
45
  title={tChat('newAgent')}
46
46
  />
47
- <DropdownMenu items={dropdownItems}>
47
+ <DropdownMenu items={dropdownItems} nativeButton={false}>
48
48
  <ActionIcon
49
49
  color={cssVar.colorTextQuaternary}
50
50
  icon={ChevronDownIcon}
@@ -8,7 +8,7 @@ interface ActionProps {
8
8
 
9
9
  const Actions = memo<ActionProps>(({ dropdownMenu }) => {
10
10
  return (
11
- <DropdownMenu items={dropdownMenu}>
11
+ <DropdownMenu items={dropdownMenu} nativeButton={false}>
12
12
  <ActionIcon icon={MoreHorizontalIcon} size={'small'} />
13
13
  </DropdownMenu>
14
14
  );
@@ -8,7 +8,7 @@ interface ActionProps {
8
8
 
9
9
  const Actions = memo<ActionProps>(({ dropdownMenu }) => {
10
10
  return (
11
- <DropdownMenu items={dropdownMenu}>
11
+ <DropdownMenu items={dropdownMenu} nativeButton={false}>
12
12
  <ActionIcon icon={MoreHorizontalIcon} size={'small'} />
13
13
  </DropdownMenu>
14
14
  );
@@ -11,7 +11,7 @@ const Actions = memo<ActionsProps>(({ dropdownMenu }) => {
11
11
  return null;
12
12
 
13
13
  return (
14
- <DropdownMenu items={dropdownMenu}>
14
+ <DropdownMenu items={dropdownMenu} nativeButton={false}>
15
15
  <ActionIcon icon={MoreHorizontalIcon} size={'small'} />
16
16
  </DropdownMenu>
17
17
  );
@@ -10,7 +10,7 @@ interface DropdownMenuProps {
10
10
 
11
11
  const DropdownMenu = memo<DropdownMenuProps>(({ items, className }) => {
12
12
  return (
13
- <DropdownMenuUI items={items}>
13
+ <DropdownMenuUI items={items} nativeButton={false}>
14
14
  <ActionIcon className={className} icon={MoreHorizontalIcon} size={'small'} />
15
15
  </DropdownMenuUI>
16
16
  );
@@ -43,7 +43,7 @@ const ThemeButton: FC<{ placement?: DropdownMenuProps['placement']; size?: numbe
43
43
  );
44
44
 
45
45
  return (
46
- <DropdownMenu items={items} placement={placement}>
46
+ <DropdownMenu items={items} nativeButton={false} placement={placement}>
47
47
  <ActionIcon
48
48
  icon={themeIcons[(theme as 'dark' | 'light' | 'system') || 'system']}
49
49
  size={size || { blockSize: 32, size: 16 }}