@lobehub/icons 5.23.1 → 6.0.0
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/README.md +33 -29
- package/es/features/AgentIcon/DefaultAvatar.mjs +1 -2
- package/es/features/AgentIcon/DefaultAvatar.mjs.map +1 -1
- package/es/features/AgentIcon/DefaultIcon.mjs +1 -2
- package/es/features/AgentIcon/DefaultIcon.mjs.map +1 -1
- package/es/features/IconAvatar/index.mjs +1 -2
- package/es/features/IconAvatar/index.mjs.map +1 -1
- package/es/features/ModelIcon/DefaultAvatar.mjs +1 -2
- package/es/features/ModelIcon/DefaultAvatar.mjs.map +1 -1
- package/es/features/ModelIcon/DefaultIcon.mjs +1 -2
- package/es/features/ModelIcon/DefaultIcon.mjs.map +1 -1
- package/es/features/ModelTag/index.d.mts +1 -1
- package/es/features/ModelTag/index.mjs +1 -1
- package/es/features/ModelTag/index.mjs.map +1 -1
- package/es/features/ProviderCombine/Combine.mjs +1 -2
- package/es/features/ProviderCombine/Combine.mjs.map +1 -1
- package/es/features/ProviderIcon/DefaultAvatar.mjs +1 -2
- package/es/features/ProviderIcon/DefaultAvatar.mjs.map +1 -1
- package/es/features/ProviderIcon/DefaultIcon.mjs +1 -2
- package/es/features/ProviderIcon/DefaultIcon.mjs.map +1 -1
- package/package.json +5 -7
package/README.md
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
<div align="center">
|
|
4
4
|
|
|
5
|
-
<img height="120" src="https://
|
|
6
|
-
<img height="120" src="https://
|
|
7
|
-
<img height="120" src="https://
|
|
5
|
+
<img height="120" src="https://raw.githubusercontent.com/lobehub/lobe-assets/master/packages/assets-logo/assets/logo-3d.webp">
|
|
6
|
+
<img height="120" src="https://raw.githubusercontent.com/lobehub/lobe-assets/master/packages/assets-logo/assets/split.svg">
|
|
7
|
+
<img height="120" src="https://raw.githubusercontent.com/lobehub/fluent-emoji/master/packages/3d/assets/1f968.webp">
|
|
8
8
|
|
|
9
9
|
<h1>Lobe Icons</h1>
|
|
10
10
|
|
|
@@ -129,7 +129,7 @@ npm i @lobehub/icons
|
|
|
129
129
|
| <a href="https://lobehub.com/icons/commanda"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/commanda-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/commanda-color.png" /></picture><br/>CommandA (Cohere) | <a href="https://lobehub.com/icons/apertis"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/apertis-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/apertis-color.png" /></picture><br/>Apertis | <a href="https://lobehub.com/icons/codeflicker"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/codeflicker-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/codeflicker-color.png" /></picture><br/>CodeFlicker |
|
|
130
130
|
| <a href="https://lobehub.com/icons/dalle"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/dalle-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/dalle-color.png" /></picture><br/>DALL·E (OpenAI) | <a href="https://lobehub.com/icons/apple"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/apple.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/apple.png" /></picture><br/>Apple | <a href="https://lobehub.com/icons/colab"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/colab-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/colab-color.png" /></picture><br/>Colab (Google) |
|
|
131
131
|
| <a href="https://lobehub.com/icons/dbrx"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/dbrx-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/dbrx-color.png" /></picture><br/>DBRX (Databricks) | <a href="https://lobehub.com/icons/atlascloud"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/atlascloud.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/atlascloud.png" /></picture><br/>AtlasCloud | <a href="https://lobehub.com/icons/comfyui"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/comfyui-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/comfyui-color.png" /></picture><br/>ComfyUI |
|
|
132
|
-
| <a href="https://lobehub.com/icons/deepcogito"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/deepcogito-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/deepcogito-color.png" /></picture><br/>Deep Cogito | <a href="https://lobehub.com/icons/aws"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/aws-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/aws-color.png" /></picture><br/>AWS | <a href="https://lobehub.com/icons/commandcode"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/commandcode
|
|
132
|
+
| <a href="https://lobehub.com/icons/deepcogito"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/deepcogito-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/deepcogito-color.png" /></picture><br/>Deep Cogito | <a href="https://lobehub.com/icons/aws"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/aws-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/aws-color.png" /></picture><br/>AWS | <a href="https://lobehub.com/icons/commandcode"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/commandcode.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/commandcode.png" /></picture><br/>Command Code |
|
|
133
133
|
| <a href="https://lobehub.com/icons/deepseek"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/deepseek-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/deepseek-color.png" /></picture><br/>DeepSeek | <a href="https://lobehub.com/icons/azureai"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/azureai-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/azureai-color.png" /></picture><br/>AzureAI | <a href="https://lobehub.com/icons/copilotkit"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/copilotkit-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/copilotkit-color.png" /></picture><br/>CopilotKit |
|
|
134
134
|
| <a href="https://lobehub.com/icons/dolphin"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/dolphin.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/dolphin.png" /></picture><br/>Dolphin (dphnAI) | <a href="https://lobehub.com/icons/baidu"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/baidu-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/baidu-color.png" /></picture><br/>Baidu | <a href="https://lobehub.com/icons/coqui"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/coqui-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/coqui-color.png" /></picture><br/>Coqui |
|
|
135
135
|
| <a href="https://lobehub.com/icons/dotsstudio"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/dotsstudio.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/dotsstudio.png" /></picture><br/>Dots Studio | <a href="https://lobehub.com/icons/baiducloud"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/baiducloud-color.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/baiducloud-color.png" /></picture><br/>BaiduCloud (百度智能云) | <a href="https://lobehub.com/icons/coze"><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/coze.png" /><img height="56px" width="56px" src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/light/coze.png" /></picture><br/>Coze |
|
|
@@ -273,13 +273,13 @@ We provide a CDN service (`@lobehub/icons-static-svg`) which allows you to use S
|
|
|
273
273
|
<!--ALIYUN-->
|
|
274
274
|
<img
|
|
275
275
|
height="64"
|
|
276
|
-
src="https://
|
|
276
|
+
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/[ICON SLUG].svg"
|
|
277
277
|
/>
|
|
278
278
|
```
|
|
279
279
|
|
|
280
280
|
#### Example
|
|
281
281
|
|
|
282
|
-
<img height="64" src="https://
|
|
282
|
+
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/openai.svg">
|
|
283
283
|
|
|
284
284
|
```html
|
|
285
285
|
<!--UNPKG-->
|
|
@@ -288,11 +288,11 @@ We provide a CDN service (`@lobehub/icons-static-svg`) which allows you to use S
|
|
|
288
288
|
<!--ALIYUN-->
|
|
289
289
|
<img
|
|
290
290
|
height="64"
|
|
291
|
-
src="https://
|
|
291
|
+
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/openai.svg"
|
|
292
292
|
/>
|
|
293
293
|
```
|
|
294
294
|
|
|
295
|
-
<img height="64" src="https://
|
|
295
|
+
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/openai-text.svg">
|
|
296
296
|
|
|
297
297
|
```html
|
|
298
298
|
<!--UNPKG-->
|
|
@@ -301,7 +301,7 @@ We provide a CDN service (`@lobehub/icons-static-svg`) which allows you to use S
|
|
|
301
301
|
<!--ALIYUN-->
|
|
302
302
|
<img
|
|
303
303
|
height="64"
|
|
304
|
-
src="https://
|
|
304
|
+
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/openai-text.svg"
|
|
305
305
|
/>
|
|
306
306
|
```
|
|
307
307
|
|
|
@@ -325,11 +325,11 @@ We provide a CDN service (`@lobehub/icons-static-png`) which allows you to use P
|
|
|
325
325
|
<picture>
|
|
326
326
|
<source
|
|
327
327
|
media="(prefers-color-scheme: dark)"
|
|
328
|
-
srcset="https://
|
|
328
|
+
srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/dark/[ICON SLUG].png"
|
|
329
329
|
/>
|
|
330
330
|
<img
|
|
331
331
|
height="64"
|
|
332
|
-
src="https://
|
|
332
|
+
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/light/[ICON SLUG].png"
|
|
333
333
|
/>
|
|
334
334
|
</picture>
|
|
335
335
|
```
|
|
@@ -337,8 +337,8 @@ We provide a CDN service (`@lobehub/icons-static-png`) which allows you to use P
|
|
|
337
337
|
#### Example
|
|
338
338
|
|
|
339
339
|
<picture>
|
|
340
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://
|
|
341
|
-
<img height="64" src="https://
|
|
340
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/dark/openai.png">
|
|
341
|
+
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/light/openai.png">
|
|
342
342
|
</picture>
|
|
343
343
|
|
|
344
344
|
```html
|
|
@@ -355,18 +355,20 @@ We provide a CDN service (`@lobehub/icons-static-png`) which allows you to use P
|
|
|
355
355
|
<picture>
|
|
356
356
|
<source
|
|
357
357
|
media="(prefers-color-scheme: dark)"
|
|
358
|
-
srcset="
|
|
358
|
+
srcset="
|
|
359
|
+
https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/dark/openai.png
|
|
360
|
+
"
|
|
359
361
|
/>
|
|
360
362
|
<img
|
|
361
363
|
height="64"
|
|
362
|
-
src="https://
|
|
364
|
+
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/light/openai.png"
|
|
363
365
|
/>
|
|
364
366
|
</picture>
|
|
365
367
|
```
|
|
366
368
|
|
|
367
369
|
<picture>
|
|
368
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://
|
|
369
|
-
<img height="64" src="https://
|
|
370
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/dark/openai-text.png">
|
|
371
|
+
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/light/openai-text.png">
|
|
370
372
|
</picture>
|
|
371
373
|
|
|
372
374
|
```html
|
|
@@ -384,12 +386,12 @@ We provide a CDN service (`@lobehub/icons-static-png`) which allows you to use P
|
|
|
384
386
|
<source
|
|
385
387
|
media="(prefers-color-scheme: dark)"
|
|
386
388
|
srcset="
|
|
387
|
-
https://
|
|
389
|
+
https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/dark/openai-text.png
|
|
388
390
|
"
|
|
389
391
|
/>
|
|
390
392
|
<img
|
|
391
393
|
height="64"
|
|
392
|
-
src="https://
|
|
394
|
+
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-png/light/openai-text.png"
|
|
393
395
|
/>
|
|
394
396
|
</picture>
|
|
395
397
|
```
|
|
@@ -417,11 +419,11 @@ We provide a CDN service (`@lobehub/icons-static-webp`) which allows you to use
|
|
|
417
419
|
<picture>
|
|
418
420
|
<source
|
|
419
421
|
media="(prefers-color-scheme: dark)"
|
|
420
|
-
srcset="https://
|
|
422
|
+
srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/dark/[ICON SLUG].webp"
|
|
421
423
|
/>
|
|
422
424
|
<img
|
|
423
425
|
height="64"
|
|
424
|
-
src="https://
|
|
426
|
+
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/light/[ICON SLUG].webp"
|
|
425
427
|
/>
|
|
426
428
|
</picture>
|
|
427
429
|
```
|
|
@@ -429,8 +431,8 @@ We provide a CDN service (`@lobehub/icons-static-webp`) which allows you to use
|
|
|
429
431
|
#### Example
|
|
430
432
|
|
|
431
433
|
<picture>
|
|
432
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://
|
|
433
|
-
<img height="64" src="https://
|
|
434
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/dark/openai.webp">
|
|
435
|
+
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/light/openai.webp">
|
|
434
436
|
</picture>
|
|
435
437
|
|
|
436
438
|
```html
|
|
@@ -447,18 +449,20 @@ We provide a CDN service (`@lobehub/icons-static-webp`) which allows you to use
|
|
|
447
449
|
<picture>
|
|
448
450
|
<source
|
|
449
451
|
media="(prefers-color-scheme: dark)"
|
|
450
|
-
srcset="
|
|
452
|
+
srcset="
|
|
453
|
+
https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/dark/openai.webp
|
|
454
|
+
"
|
|
451
455
|
/>
|
|
452
456
|
<img
|
|
453
457
|
height="64"
|
|
454
|
-
src="https://
|
|
458
|
+
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/light/openai.webp"
|
|
455
459
|
/>
|
|
456
460
|
</picture>
|
|
457
461
|
```
|
|
458
462
|
|
|
459
463
|
<picture>
|
|
460
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://
|
|
461
|
-
<img height="64" src="https://
|
|
464
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/dark/openai-text.webp">
|
|
465
|
+
<img height="64" src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/light/openai-text.webp">
|
|
462
466
|
</picture>
|
|
463
467
|
|
|
464
468
|
```html
|
|
@@ -479,12 +483,12 @@ We provide a CDN service (`@lobehub/icons-static-webp`) which allows you to use
|
|
|
479
483
|
<source
|
|
480
484
|
media="(prefers-color-scheme: dark)"
|
|
481
485
|
srcset="
|
|
482
|
-
https://
|
|
486
|
+
https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/dark/openai-text.webp
|
|
483
487
|
"
|
|
484
488
|
/>
|
|
485
489
|
<img
|
|
486
490
|
height="64"
|
|
487
|
-
src="https://
|
|
491
|
+
src="https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-webp/light/openai-text.webp"
|
|
488
492
|
/>
|
|
489
493
|
</picture>
|
|
490
494
|
```
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import DefaultAvatar$1 from "./DefaultIcon.mjs";
|
|
2
2
|
import { memo } from "react";
|
|
3
|
-
import { Center } from "@lobehub/ui";
|
|
4
|
-
import { cssVar } from "antd-style";
|
|
3
|
+
import { Center, cssVar } from "@lobehub/ui";
|
|
5
4
|
import { jsx } from "react/jsx-runtime";
|
|
6
5
|
//#region src/features/AgentIcon/DefaultAvatar.tsx
|
|
7
6
|
const DefaultAvatar = memo(({ shape = "circle", color, background, size, style, iconMultiple = .6, iconStyle, iconClassName }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultAvatar.mjs","names":["DefaultIcon"],"sources":["../../../src/features/AgentIcon/DefaultAvatar.tsx"],"sourcesContent":["import { Center } from '@lobehub/ui';\nimport {
|
|
1
|
+
{"version":3,"file":"DefaultAvatar.mjs","names":["DefaultIcon"],"sources":["../../../src/features/AgentIcon/DefaultAvatar.tsx"],"sourcesContent":["import { Center, cssVar } from '@lobehub/ui';\nimport { memo } from 'react';\n\nimport { IconAvatarProps } from '@/features/IconAvatar';\n\nimport DefaultIcon from './DefaultIcon';\n\nconst DefaultAvatar = memo<Omit<IconAvatarProps, 'Icon'>>(\n ({\n shape = 'circle',\n color,\n background,\n size,\n style,\n iconMultiple = 0.6,\n iconStyle,\n iconClassName,\n }) => {\n return (\n <Center\n flex={'none'}\n style={{\n background: background || cssVar.colorFillSecondary,\n borderRadius: shape === 'circle' ? '50%' : Math.floor(size * 0.1),\n color,\n height: size,\n width: size,\n ...style,\n }}\n >\n <DefaultIcon\n className={iconClassName}\n color={color}\n size={size * iconMultiple}\n style={iconStyle}\n />\n </Center>\n );\n },\n);\n\nexport default DefaultAvatar;\n"],"mappings":";;;;;AAOA,MAAM,gBAAgB,MACnB,EACC,QAAQ,UACR,OACA,YACA,MACA,OACA,eAAe,IACf,WACA,oBACI;CACJ,OACE,oBAAC,QAAD;EACE,MAAM;EACN,OAAO;GACL,YAAY,cAAc,OAAO;GACjC,cAAc,UAAU,WAAW,QAAQ,KAAK,MAAM,OAAO,EAAG;GAChE;GACA,QAAQ;GACR,OAAO;GACP,GAAG;EACL;EAEA,UAAA,oBAACA,iBAAD;GACE,WAAW;GACJ;GACP,MAAM,OAAO;GACb,OAAO;EACR,CAAA;CACK,CAAA;AAEZ,CACF"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { memo } from "react";
|
|
2
|
-
import { Icon } from "@lobehub/ui";
|
|
3
|
-
import { cssVar } from "antd-style";
|
|
2
|
+
import { Icon, cssVar } from "@lobehub/ui";
|
|
4
3
|
import { jsx } from "react/jsx-runtime";
|
|
5
4
|
import { Bot } from "lucide-react";
|
|
6
5
|
//#region src/features/AgentIcon/DefaultIcon.tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultIcon.mjs","names":[],"sources":["../../../src/features/AgentIcon/DefaultIcon.tsx"],"sourcesContent":["import { Icon } from '@lobehub/ui';\nimport {
|
|
1
|
+
{"version":3,"file":"DefaultIcon.mjs","names":[],"sources":["../../../src/features/AgentIcon/DefaultIcon.tsx"],"sourcesContent":["import { Icon, cssVar } from '@lobehub/ui';\nimport { Bot } from 'lucide-react';\nimport { CSSProperties, memo } from 'react';\n\ninterface DefaultIconProps {\n className?: string;\n color?: string;\n size?: number;\n style?: CSSProperties;\n}\n\nconst DefaultAvatar = memo<DefaultIconProps>(({ color, size = 12, ...rest }) => {\n return <Icon color={color || cssVar.colorTextDescription} icon={Bot} size={size} {...rest} />;\n});\n\nexport default DefaultAvatar;\n"],"mappings":";;;;;AAWA,MAAM,gBAAgB,MAAwB,EAAE,OAAO,OAAO,IAAI,GAAG,WAAW;CAC9E,OAAO,oBAAC,MAAD;EAAM,OAAO,SAAS,OAAO;EAAsB,MAAM;EAAW;EAAM,GAAI;CAAO,CAAA;AAC9F,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { getAvatarShadow } from "./util.mjs";
|
|
3
3
|
import { memo } from "react";
|
|
4
|
-
import { Center } from "@lobehub/ui";
|
|
5
|
-
import { useThemeMode } from "antd-style";
|
|
4
|
+
import { Center, useThemeMode } from "@lobehub/ui";
|
|
6
5
|
import { jsx } from "react/jsx-runtime";
|
|
7
6
|
//#region src/features/IconAvatar/index.tsx
|
|
8
7
|
const IconAvatar = memo(({ shape = "circle", color = "#fff", background, size, style, iconMultiple = .75, Icon, iconStyle, iconClassName, ...rest }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/features/IconAvatar/index.tsx"],"sourcesContent":["'use client';\n\nimport { Center, type CenterProps } from '@lobehub/ui';\nimport {
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/features/IconAvatar/index.tsx"],"sourcesContent":["'use client';\n\nimport { Center, type CenterProps, useThemeMode } from '@lobehub/ui';\nimport { CSSProperties, memo } from 'react';\n\nimport { IconType } from '@/types';\n\nimport { getAvatarShadow } from './util';\n\nexport interface IconAvatarProps extends Omit<CenterProps, 'children'> {\n Icon?: IconType;\n background?: string;\n color?: string;\n iconClassName?: string;\n iconMultiple?: number;\n iconStyle?: CSSProperties;\n shape?: 'circle' | 'square';\n size: number;\n}\n\nconst IconAvatar = memo<IconAvatarProps>(\n ({\n shape = 'circle',\n color = '#fff',\n background,\n size,\n style,\n iconMultiple = 0.75,\n Icon,\n iconStyle,\n iconClassName,\n ...rest\n }) => {\n const { isDarkMode } = useThemeMode();\n return (\n <Center\n flex={'none'}\n style={{\n background,\n borderRadius: shape === 'circle' ? '50%' : Math.floor(size * 0.1),\n boxShadow: getAvatarShadow(isDarkMode, background),\n color,\n height: size,\n overflow: 'hidden',\n width: size,\n ...style,\n }}\n {...rest}\n >\n {Icon && (\n <Icon\n className={iconClassName}\n color={color}\n size={size}\n style={{\n transform: `scale(${iconMultiple})`,\n ...iconStyle,\n }}\n />\n )}\n </Center>\n );\n },\n);\n\nexport default IconAvatar;\n"],"mappings":";;;;;;AAoBA,MAAM,aAAa,MAChB,EACC,QAAQ,UACR,QAAQ,QACR,YACA,MACA,OACA,eAAe,KACf,MACA,WACA,eACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,OACE,oBAAC,QAAD;EACE,MAAM;EACN,OAAO;GACL;GACA,cAAc,UAAU,WAAW,QAAQ,KAAK,MAAM,OAAO,EAAG;GAChE,WAAW,gBAAgB,YAAY,UAAU;GACjD;GACA,QAAQ;GACR,UAAU;GACV,OAAO;GACP,GAAG;EACL;EACA,GAAI;EAEH,UAAA,QACC,oBAAC,MAAD;GACE,WAAW;GACJ;GACD;GACN,OAAO;IACL,WAAW,SAAS,aAAa;IACjC,GAAG;GACL;EACD,CAAA;CAEG,CAAA;AAEZ,CACF"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import DefaultAvatar$1 from "./DefaultIcon.mjs";
|
|
2
2
|
import { memo } from "react";
|
|
3
|
-
import { Center } from "@lobehub/ui";
|
|
4
|
-
import { cssVar } from "antd-style";
|
|
3
|
+
import { Center, cssVar } from "@lobehub/ui";
|
|
5
4
|
import { jsx } from "react/jsx-runtime";
|
|
6
5
|
//#region src/features/ModelIcon/DefaultAvatar.tsx
|
|
7
6
|
const DefaultAvatar = memo(({ shape = "circle", color, background, size, style, iconMultiple = .6, iconStyle, iconClassName }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultAvatar.mjs","names":["DefaultIcon"],"sources":["../../../src/features/ModelIcon/DefaultAvatar.tsx"],"sourcesContent":["import { Center } from '@lobehub/ui';\nimport {
|
|
1
|
+
{"version":3,"file":"DefaultAvatar.mjs","names":["DefaultIcon"],"sources":["../../../src/features/ModelIcon/DefaultAvatar.tsx"],"sourcesContent":["import { Center, cssVar } from '@lobehub/ui';\nimport { memo } from 'react';\n\nimport { IconAvatarProps } from '@/features/IconAvatar';\n\nimport DefaultIcon from './DefaultIcon';\n\nconst DefaultAvatar = memo<Omit<IconAvatarProps, 'Icon'>>(\n ({\n shape = 'circle',\n color,\n background,\n size,\n style,\n iconMultiple = 0.6,\n iconStyle,\n iconClassName,\n }) => {\n return (\n <Center\n flex={'none'}\n style={{\n background: background || cssVar.colorFillSecondary,\n borderRadius: shape === 'circle' ? '50%' : Math.floor(size * 0.1),\n color,\n height: size,\n width: size,\n ...style,\n }}\n >\n <DefaultIcon\n className={iconClassName}\n color={color}\n size={size * iconMultiple}\n style={iconStyle}\n />\n </Center>\n );\n },\n);\n\nexport default DefaultAvatar;\n"],"mappings":";;;;;AAOA,MAAM,gBAAgB,MACnB,EACC,QAAQ,UACR,OACA,YACA,MACA,OACA,eAAe,IACf,WACA,oBACI;CACJ,OACE,oBAAC,QAAD;EACE,MAAM;EACN,OAAO;GACL,YAAY,cAAc,OAAO;GACjC,cAAc,UAAU,WAAW,QAAQ,KAAK,MAAM,OAAO,EAAG;GAChE;GACA,QAAQ;GACR,OAAO;GACP,GAAG;EACL;EAEA,UAAA,oBAACA,iBAAD;GACE,WAAW;GACJ;GACP,MAAM,OAAO;GACb,OAAO;EACR,CAAA;CACK,CAAA;AAEZ,CACF"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { memo } from "react";
|
|
2
|
-
import { Icon } from "@lobehub/ui";
|
|
3
|
-
import { cssVar } from "antd-style";
|
|
2
|
+
import { Icon, cssVar } from "@lobehub/ui";
|
|
4
3
|
import { jsx } from "react/jsx-runtime";
|
|
5
4
|
import { Brain } from "lucide-react";
|
|
6
5
|
//#region src/features/ModelIcon/DefaultIcon.tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultIcon.mjs","names":[],"sources":["../../../src/features/ModelIcon/DefaultIcon.tsx"],"sourcesContent":["import { Icon } from '@lobehub/ui';\nimport {
|
|
1
|
+
{"version":3,"file":"DefaultIcon.mjs","names":[],"sources":["../../../src/features/ModelIcon/DefaultIcon.tsx"],"sourcesContent":["import { Icon, cssVar } from '@lobehub/ui';\nimport { Brain } from 'lucide-react';\nimport { CSSProperties, memo } from 'react';\n\ninterface DefaultIconProps {\n className?: string;\n color?: string;\n size?: number;\n style?: CSSProperties;\n}\n\nconst DefaultAvatar = memo<DefaultIconProps>(({ color, size = 12, ...rest }) => {\n return <Icon color={color || cssVar.colorTextDescription} icon={Brain} size={size} {...rest} />;\n});\n\nexport default DefaultAvatar;\n"],"mappings":";;;;;AAWA,MAAM,gBAAgB,MAAwB,EAAE,OAAO,OAAO,IAAI,GAAG,WAAW;CAC9E,OAAO,oBAAC,MAAD;EAAM,OAAO,SAAS,OAAO;EAAsB,MAAM;EAAa;EAAM,GAAI;CAAO,CAAA;AAChG,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import ModelIcon from "../ModelIcon/index.mjs";
|
|
2
2
|
import { memo } from "react";
|
|
3
|
+
import { Tag } from "@lobehub/ui";
|
|
3
4
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import { Tag } from "@lobehub/ui/base-ui";
|
|
5
5
|
//#region src/features/ModelTag/index.tsx
|
|
6
6
|
const ModelTag = memo(({ type = "mono", model, ...rest }) => /* @__PURE__ */ jsx(Tag, {
|
|
7
7
|
icon: /* @__PURE__ */ jsx(ModelIcon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/features/ModelTag/index.tsx"],"sourcesContent":["import { Tag, TagProps } from '@lobehub/ui
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/features/ModelTag/index.tsx"],"sourcesContent":["import { Tag, TagProps } from '@lobehub/ui';\nimport { memo } from 'react';\n\nimport ModelIcon from '../ModelIcon';\n\nexport interface ModelTagProps extends Omit<TagProps, 'icon' | 'children'> {\n model: string;\n type?: 'color' | 'mono';\n}\nconst ModelTag = memo<ModelTagProps>(({ type = 'mono', model, ...rest }) => (\n <Tag icon={<ModelIcon model={model} type={type} />} {...rest}>\n {model}\n </Tag>\n));\n\nModelTag.displayName = 'ModelTag';\n\nexport default ModelTag;\n"],"mappings":";;;;;AASA,MAAM,WAAW,MAAqB,EAAE,OAAO,QAAQ,OAAO,GAAG,WAC/D,oBAAC,KAAD;CAAK,MAAM,oBAAC,WAAD;EAAkB;EAAa;CAAO,CAAA;CAAG,GAAI;CACrD,UAAA;AACE,CAAA,CACN;AAED,SAAS,cAAc"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { memo } from "react";
|
|
2
|
-
import { Flexbox } from "@lobehub/ui";
|
|
2
|
+
import { Divider, Flexbox } from "@lobehub/ui";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
import { Divider } from "@lobehub/ui/base-ui";
|
|
5
4
|
//#region src/features/ProviderCombine/Combine.tsx
|
|
6
5
|
const Combine = memo(({ left, right, size = 24, ...rest }) => {
|
|
7
6
|
return /* @__PURE__ */ jsxs(Flexbox, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combine.mjs","names":[],"sources":["../../../src/features/ProviderCombine/Combine.tsx"],"sourcesContent":["import { DivProps, Flexbox } from '@lobehub/ui';\nimport {
|
|
1
|
+
{"version":3,"file":"Combine.mjs","names":[],"sources":["../../../src/features/ProviderCombine/Combine.tsx"],"sourcesContent":["import { DivProps, Divider, Flexbox } from '@lobehub/ui';\nimport { ReactNode, memo } from 'react';\n\nconst Combine = memo<DivProps & { left: ReactNode; right: ReactNode; size: number }>(\n ({ left, right, size = 24, ...rest }) => {\n return (\n <Flexbox align={'center'} flex={'none'} gap={size / 3} horizontal {...rest}>\n {left}\n <Divider orientation={'vertical'} style={{ marginBlock: 0, marginInline: size / 6 }} />\n {right}\n </Flexbox>\n );\n },\n);\n\nexport default Combine;\n"],"mappings":";;;;AAGA,MAAM,UAAU,MACb,EAAE,MAAM,OAAO,OAAO,IAAI,GAAG,WAAW;CACvC,OACE,qBAAC,SAAD;EAAS,OAAO;EAAU,MAAM;EAAQ,KAAK,OAAO;EAAG,YAAA;EAAW,GAAI;EAAtE,UAAA;GACG;GACD,oBAAC,SAAD;IAAS,aAAa;IAAY,OAAO;KAAE,aAAa;KAAG,cAAc,OAAO;IAAE;GAAI,CAAA;GACrF;EACM;;AAEb,CACF"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import DefaultIcon from "./DefaultIcon.mjs";
|
|
2
2
|
import { memo } from "react";
|
|
3
|
-
import { Center } from "@lobehub/ui";
|
|
4
|
-
import { cssVar } from "antd-style";
|
|
3
|
+
import { Center, cssVar } from "@lobehub/ui";
|
|
5
4
|
import { jsx } from "react/jsx-runtime";
|
|
6
5
|
//#region src/features/ProviderIcon/DefaultAvatar.tsx
|
|
7
6
|
const DefaultAvatar = memo(({ shape = "circle", color, background, size, style, iconMultiple = .6, iconStyle, iconClassName }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultAvatar.mjs","names":[],"sources":["../../../src/features/ProviderIcon/DefaultAvatar.tsx"],"sourcesContent":["import { Center } from '@lobehub/ui';\nimport {
|
|
1
|
+
{"version":3,"file":"DefaultAvatar.mjs","names":[],"sources":["../../../src/features/ProviderIcon/DefaultAvatar.tsx"],"sourcesContent":["import { Center, cssVar } from '@lobehub/ui';\nimport { memo } from 'react';\n\nimport type { IconAvatarProps } from '../IconAvatar';\nimport DefaultIcon from './DefaultIcon';\n\nconst DefaultAvatar = memo<Omit<IconAvatarProps, 'Icon'>>(\n ({\n shape = 'circle',\n color,\n background,\n size,\n style,\n iconMultiple = 0.6,\n iconStyle,\n iconClassName,\n }) => {\n return (\n <Center\n flex={'none'}\n style={{\n background: background || cssVar.colorFillSecondary,\n borderRadius: shape === 'circle' ? '50%' : Math.floor(size * 0.1),\n color,\n height: size,\n width: size,\n ...style,\n }}\n >\n <DefaultIcon\n className={iconClassName}\n color={color}\n size={size * iconMultiple}\n style={iconStyle}\n />\n </Center>\n );\n },\n);\n\nexport default DefaultAvatar;\n"],"mappings":";;;;;AAMA,MAAM,gBAAgB,MACnB,EACC,QAAQ,UACR,OACA,YACA,MACA,OACA,eAAe,IACf,WACA,oBACI;CACJ,OACE,oBAAC,QAAD;EACE,MAAM;EACN,OAAO;GACL,YAAY,cAAc,OAAO;GACjC,cAAc,UAAU,WAAW,QAAQ,KAAK,MAAM,OAAO,EAAG;GAChE;GACA,QAAQ;GACR,OAAO;GACP,GAAG;EACL;EAEA,UAAA,oBAAC,aAAD;GACE,WAAW;GACJ;GACP,MAAM,OAAO;GACb,OAAO;EACR,CAAA;CACK,CAAA;AAEZ,CACF"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { memo } from "react";
|
|
2
|
-
import { Icon } from "@lobehub/ui";
|
|
3
|
-
import { cssVar } from "antd-style";
|
|
2
|
+
import { Icon, cssVar } from "@lobehub/ui";
|
|
4
3
|
import { jsx } from "react/jsx-runtime";
|
|
5
4
|
import { ProviderIcon } from "@lobehub/ui/icons";
|
|
6
5
|
//#region src/features/ProviderIcon/DefaultIcon.tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultIcon.mjs","names":[],"sources":["../../../src/features/ProviderIcon/DefaultIcon.tsx"],"sourcesContent":["import { Icon } from '@lobehub/ui';\nimport { ProviderIcon } from '@lobehub/ui/icons';\nimport {
|
|
1
|
+
{"version":3,"file":"DefaultIcon.mjs","names":[],"sources":["../../../src/features/ProviderIcon/DefaultIcon.tsx"],"sourcesContent":["import { Icon, cssVar } from '@lobehub/ui';\nimport { ProviderIcon } from '@lobehub/ui/icons';\nimport { type CSSProperties, memo } from 'react';\n\ninterface DefaultIconProps {\n className?: string;\n color?: string;\n size?: number;\n style?: CSSProperties;\n}\n\nconst DefaultIcon = memo<DefaultIconProps>(({ color, size = 12, ...rest }) => {\n return (\n <Icon color={color || cssVar.colorTextDescription} icon={ProviderIcon} size={size} {...rest} />\n );\n});\n\nexport default DefaultIcon;\n"],"mappings":";;;;;AAWA,MAAM,cAAc,MAAwB,EAAE,OAAO,OAAO,IAAI,GAAG,WAAW;CAC5E,OACE,oBAAC,MAAD;EAAM,OAAO,SAAS,OAAO;EAAsB,MAAM;EAAoB;EAAM,GAAI;CAAO,CAAA;AAElG,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lobehub/icons",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0",
|
|
4
4
|
"description": "Popular AI / LLM Model Brand SVG Logo and Icon Collection",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lobehub",
|
|
@@ -123,7 +123,6 @@
|
|
|
123
123
|
]
|
|
124
124
|
},
|
|
125
125
|
"dependencies": {
|
|
126
|
-
"antd-style": "^4.1.0",
|
|
127
126
|
"es-toolkit": "^1.52.0",
|
|
128
127
|
"lucide-react": "^0.469.0",
|
|
129
128
|
"polished": "^4.3.1"
|
|
@@ -131,9 +130,10 @@
|
|
|
131
130
|
"devDependencies": {
|
|
132
131
|
"@babel/runtime": "^7.29.7",
|
|
133
132
|
"@commitlint/cli": "^19.8.1",
|
|
134
|
-
"@lobehub/docs-kit": "^
|
|
133
|
+
"@lobehub/docs-kit": "^6.0.0",
|
|
134
|
+
"@lobehub/fluent-emoji": "^5.0.0-beta.1",
|
|
135
135
|
"@lobehub/lint": "^1.26.3",
|
|
136
|
-
"@lobehub/ui": "^
|
|
136
|
+
"@lobehub/ui": "^6.0.0",
|
|
137
137
|
"@qiwi/multi-semantic-release": "^7.1.2",
|
|
138
138
|
"@react-router/dev": "8.2.0",
|
|
139
139
|
"@testing-library/react": "^16.3.3",
|
|
@@ -142,7 +142,6 @@
|
|
|
142
142
|
"@types/react-dom": "^19.3.0",
|
|
143
143
|
"@vitest/coverage-v8": "^3.2.7",
|
|
144
144
|
"ajv": "^8.20.0",
|
|
145
|
-
"babel-plugin-antd-style": "^1.0.4",
|
|
146
145
|
"commitlint": "^19.8.1",
|
|
147
146
|
"consola": "^3.4.2",
|
|
148
147
|
"cross-env": "^10.1.0",
|
|
@@ -177,8 +176,7 @@
|
|
|
177
176
|
"vitest": "^3.2.7"
|
|
178
177
|
},
|
|
179
178
|
"peerDependencies": {
|
|
180
|
-
"@lobehub/ui": "^
|
|
181
|
-
"antd": "^6.1.1",
|
|
179
|
+
"@lobehub/ui": "^6.0.0",
|
|
182
180
|
"react": "^19.0.0",
|
|
183
181
|
"react-dom": "^19.0.0"
|
|
184
182
|
},
|