lobehub / lobe-ui Goto Github PK

View Code? Open in Web Editor NEW

700.0 700.0 98.0 2.7 MB

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

Home Page: https://ui.lobehub.com

License: MIT License

JavaScript 0.15% TypeScript 99.82% Shell 0.03%

aigc antd chatbot design-system dumi lobehub react typescript ui ui-components ui-kit

lobe-ui's People

Contributors

Stargazers

Watchers

Forkers

keyzf wxh16144-forks taotao033 web-logs2 fossabot sorokinvld yingpengsha salomaolaredo jeromyjsmith huydang7 kcbf only-yours w840980261 moonlit7 nrvo mushan0x0 kesikselma apollohuang1 dayowang halecoder bbbtt04 humuhimi dongroovy1120 justin3go tutumomo zggmd yuelight allwavemedia bentwnghk gaegam anyone-yuren catspunch trung-dtt zdaoxb kiner-tang sunnyxorange charliedaveputh yixuqiu mokinzhao meclouds chardywzy jagobi quentinhsu tnga tyldev lesonky 1622145167 zhaopufeng abdalhadi21 sunshine94474310 krsilas sergewilfried kelvinqiu802 whatif-dev danmarauda suofiya liugod linecode nanayashiki1215 keymastro13 morben neyio-cyber fb208 haizhixin2021 kaifamiao hermanla anditommy baba698 paxwell-paxwell carhsu alexrumi luighifeodrippe wuyuan1992 zhangyelong progesor lihuibng system63mush pigpig77 gooyoung aileague sandycs-protoss letme-chat mosade leericch leochen01 ulgenmf gqadonis happiness0617 saber-kurama sxjeru 306026185 jonnyquan

lobe-ui's Issues

[Question] difference between [pro-chat](https://pro-chat.antdigital.dev/components/editable-message-list)?

🧐 问题描述 | Proposed Solution

i found the editable-message-list is same as antd/editable-message-list.

Are lobe-ui and pro-chat the same project?

📝 补充信息 | Additional Information

No response

[Request] 期望 Avatar 组件支持传入 ReactNode，以进行自定义

🥰 需求描述 | Feature Description

Ant Design 的 Avatar 的 src 属性是支持 ReactNode 的

目前的 lobe-ui 的实现不支持

期望支持下

🧐 解决方案 | Proposed Solution

修改 Avatar 组件的代码解决

我修改了下代码，提交PR：#100

📝 补充信息 | Additional Information

No response

[Bug] Homepage's button has some trouble in a specific action.

💻 系统环境 | Operating System

macOS

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

at the Lobe UI homepage.

https://ui.lobehub.com/

At the webpage of intro about the Fast section icon.
when pointer over the Icon of the fast icon , the below editor's icons can't reacted.

Maybe this effect would occur in other same scenes.

🚦 期望结果 | Expected Behavior

the defualt pointer with the editor buttons when after the hover Fast Icon.

📷 复现步骤 | Recurrence Steps

📝 补充信息 | Additional Information

No response

CodeEditor 高亮暂时移除

markdown 中的 pre code 样式

[Bug] 官方首页例子中 Button 重复引入

💻 系统环境 | Operating System

Windows

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

🚦 期望结果 | Expected Behavior

应该是直接从 antd 中引入 Button ？

📷 复现步骤 | Recurrence Steps

访问 https://ui.lobehub.com/ 即可

📝 补充信息 | Additional Information

No response

[Bug] CheckBox 在深色模式显示异常

💻 系统环境 | Operating System

macOS

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

看不太清，浅色模式正常

🚦 期望结果 | Expected Behavior

No response

📷 复现步骤 | Recurrence Steps

📝 补充信息 | Additional Information

No response

[Bug] firefox context menu position issue

💻 系统环境 | Operating System

macOS

🌐 浏览器 | Browser

Firefox

🐛 问题描述 | Bug Description

https://ui.lobehub.com/components/context-menu

🚦 期望结果 | Expected Behavior

No response

📷 复现步骤 | Recurrence Steps

No response

📝 补充信息 | Additional Information

No response

[Request] ChatItem/EditableMessage里的markdown增加图表展示

🥰 需求描述 | Feature Description

希望可以在markdown中添加图表展示

🧐 解决方案 | Proposed Solution

增加类似echarts/chart.js的数据兼容，或者提供扩展

📝 补充信息 | Additional Information

No response

[Bug] 在输入带换行的长文本时chatitem返回内容不换行

💻 系统环境 | Operating System

Windows

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

输入文案

在该平台的展示效果

因为css中缺少了white-space: pre-wrap;

🚦 期望结果 | Expected Behavior

No response

📷 复现步骤 | Recurrence Steps

No response

📝 补充信息 | Additional Information

通过排查，应该添加在 lobe-ui/src/ChatItem
/style.ts 中

[Question]vue项目可以用吗

🧐 问题描述 | Proposed Solution

vue项目npm i npm i @lobehub/ui报错

📝 补充信息 | Additional Information

No response

[RFC] Lobe UI 2.0

Note

RFC 构思阶段，欢迎讨论 ref: #136

更清晰的入口文件分类
提升组件性能 (样式注入+组件层级)
更规范主流的接口设计
更好的 i18next 支持

Lobe UI FOUC (flash of unstyled content)

💻 系统环境 | Operating System

Windows

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

It seems like ui.lobehub.com is using react server components that's why the actual theme changes after some time which causes the screen to flash white for a second before showing the dark theme.

🚦 期望结果 | Expected Behavior

Please can you guide how can we prevent FOUC (flash of unstyled content) when using react server components in Next Js 13 App directory?

📷 复现步骤 | Recurrence Steps

2023-12-26.00-17-46.mp4

📝 补充信息 | Additional Information

No response

[Bug] Highlighter theme is not working

💻 系统环境 | Operating System

macOS

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

Highlighter theme is not working

🚦 期望结果 | Expected Behavior

Working properly

📷 复现步骤 | Recurrence Steps

Visit doc

📝 补充信息 | Additional Information

No response

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Update dependency @types/react to v18.2.79
Update dependency father to v4.4.0
Update dependency @splinetool/runtime to v1
Update dependency @testing-library/react to v15
Update dependency eslint to v9
Update dependency husky to v9
Click on this checkbox to rebase all open PRs at once

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

Detected dependencies

github-actions

.github/workflows/issue-auto-comments.yml

wow-actions/auto-comment v1

wow-actions/auto-comment v1

wow-actions/auto-comment v1

actions-cool/issues-helper v3

.github/workflows/issue-check-inactive.yml

actions-cool/issues-helper v3

.github/workflows/issue-close-require.yml

actions-cool/issues-helper v3

actions-cool/issues-helper v3

actions-cool/issues-helper v3

.github/workflows/release.yml

actions/checkout v4

oven-sh/setup-bun v1

.github/workflows/test.yml

actions/checkout v4

oven-sh/setup-bun v1

codecov/codecov-action v4

npm

package.json

@ant-design/colors ^7.0.2

@ant-design/icons ^5.3.6

@babel/runtime ^7.24.4

@dnd-kit/core ^6.1.0

@dnd-kit/modifiers ^7.0.0

@dnd-kit/sortable ^8.0.0

@dnd-kit/utilities ^3.2.2

@emoji-mart/data ^1.1.2

@emoji-mart/react ^1.1.1

@floating-ui/react ^0.26.12

@giscus/react ^3.0.0

@react-spring/web ^9.7.3

@shikijs/transformers ^1.3.0

@splinetool/runtime ^0.9.232

ahooks ^3.7.11

chroma-js ^2.4.2

dayjs ^1.11.10

emoji-mart ^5.5.2

emoji-regex ^10.3.0

fast-deep-equal ^3.1.3

immer ^10.0.4

leva ^0.9.35

lodash-es ^4.17.21

polished ^4.3.1

prism-react-renderer ^2.3.1

query-string ^9.0.0

rc-footer ^0.6.8

re-resizable ^6.9.11

react-error-boundary ^4.0.13

react-layout-kit ^1.9.0

react-markdown ^8.0.7

react-merge-refs ^2.1.1

react-rnd ^10.4.1

react-simple-code-editor ^0.13.1

rehype-katex ^6.0.3

rehype-raw ^7.0.0

remark-breaks ^4.0.0

remark-gfm ^3.0.1

remark-math ^5.1.1

shiki ^1.3.0

swr ^2.2.5

ts-md5 ^1.3.1

url-join ^5.0.0

use-merge-value ^1.2.0

uuid ^9.0.1

zustand ^4.5.2

zustand-utils ^1.3.2

@commitlint/cli ^19.2.2

@testing-library/react ^14.3.1

@types/chroma-js ^2.4.4

@types/lodash-es ^4.17.12

@types/pangu ^4.0.2

@types/query-string ^6.3.0

@types/react 18.2.40

@types/react-dom ^18.2.25

@types/uuid ^9.0.8

antd-style ^3.6.2

commitlint ^19.2.2

concurrently ^8.2.2

cross-env ^7.0.3

dpdm ^3.14.0

dumi ^2.2.17

eslint ^8.57.0

father 4.3.1

husky ^8.0.3

jsdom ^24.0.0

lint-staged ^15.2.2

prettier ^3.2.5

react ^18.2.0

react-dom ^18.2.0

remark ^14.0.3

remark-cli ^11.0.0

semantic-release ^21.1.2

stylelint ^15.11.0

stylelint-use-logical-spec ^5.0.1

typescript ^5.4.5

antd >=5.13.0

antd-style >=3

react >=18

react-dom >=18

Check this box to trigger a request for Renovate to run again on this repository

[Question] Is the web corresponding to the ui docs open source?

🧐 问题描述 | Proposed Solution

Or the docs web is based on your team's work or others open source framework?
Thanks.

📝 补充信息 | Additional Information

No response

[chat]对话气泡 hover 快捷条过长, 不超过3个功能，功能按角色进行区分

[Request] this is no description of List, ListItemProps which were used in lobe chat

🥰 需求描述 | Feature Description

I found lobe chat used List, ListItemProps to render session list, I'm a little confused about how to use them and cannot find descriotion in lobe UI docs, do you have plan to add them to docs?

🧐 解决方案 | Proposed Solution

add docs of List, ListItemProps

📝 补充信息 | Additional Information

Thanks very much

[Bug] Module not found: Error: Can't resolve '@splinetool/runtime'

💻 系统环境 | Operating System

Windows

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

error - ./node_modules/@splinetool/react-spline/dist/react-spline.js:2:0-56
Module not found: Error: Can't resolve '@splinetool/runtime'

🚦 期望结果 | Expected Behavior

No response

📷 复现步骤 | Recurrence Steps

No response

📝 补充信息 | Additional Information

No response

[Question] 怎么在shadow dom中使用？

🧐 问题描述 | Proposed Solution

我需要在shadow dom中使用这套组件库，但是组件库默认把style注入到了根节点中，导致样式丢失
antd 提供了解决方案，但是在这个组件库中并没有生效
https://ant-design.antgroup.com/docs/react/compatible-style-cn#shadow-dom-%E5%9C%BA%E6%99%AF

📝 补充信息 | Additional Information

No response

[Request] Use Non-Chinese CDN

🥰 需求描述 | Feature Description

Chinese Great Firewall seems to be blocking my (static, unchangeable) IPs.

🧐 解决方案 | Proposed Solution

Upload the assets that are fetched from CDN to a different CDN, like jsDelivr or CDNjs.

📝 补充信息 | Additional Information

$ curl -v https://npm.elemecdn.com
*   Trying 180.163.40.36:443...
* connect to 180.163.40.36 port 443 failed: Connection timed out
*   Trying 180.163.40.38:443...
* After 84400ms connect time, move on!
* connect to 180.163.40.38 port 443 failed: Connection timed out
*   Trying 180.163.40.41:443...
* After 42200ms connect time, move on!
* connect to 180.163.40.41 port 443 failed: Connection timed out
*   Trying 180.163.40.35:443...
* After 21099ms connect time, move on!
* connect to 180.163.40.35 port 443 failed: Connection timed out
*   Trying 180.163.40.37:443...
* After 10549ms connect time, move on!
* connect to 180.163.40.37 port 443 failed: Connection timed out
*   Trying 180.163.40.34:443...
* After 5275ms connect time, move on!
* connect to 180.163.40.34 port 443 failed: Connection timed out
*   Trying 180.163.40.19:443...
* After 2636ms connect time, move on!
* connect to 180.163.40.19 port 443 failed: Connection timed out
* Failed to connect to npm.elemecdn.com port 443: Connection timed out
* Closing connection 0
curl: (28) Failed to connect to npm.elemecdn.com port 443: Connection timed out

[Request]

🥰 需求描述 | Feature Description

Could you please consider adding treeshaking to the project after packaging? The Katex site seems to be using a lot of resources, and this optimization could help improve its performance.

🧐 解决方案 | Proposed Solution

使用treesharking

📝 补充信息 | Additional Information

No response