refly-icons 1.0.3 → 1.0.5
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 +70 -20
- package/dist/index.d.mts +85 -11
- package/dist/index.d.ts +85 -11
- package/dist/index.js +570 -74
- package/dist/index.mjs +539 -80
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,36 +1,86 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Refly Icons - 图标库展示
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
这是一个可定制的 SVG React 图标组件库的展示页面。
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- 🎨 **133 个精美图标** - 涵盖各种常用场景
|
|
8
|
+
- 🔍 **实时搜索** - 快速找到需要的图标
|
|
9
|
+
- 📋 **一键复制** - 点击图标即可复制导入代码
|
|
10
|
+
- 📱 **响应式设计** - 支持各种设备屏幕
|
|
11
|
+
- ⚡ **高性能** - 纯 SVG 图标,体积小加载快
|
|
12
|
+
|
|
13
|
+
## 使用方法
|
|
14
|
+
|
|
15
|
+
### 1. 安装
|
|
6
16
|
|
|
7
17
|
```bash
|
|
8
18
|
npm install refly-icons
|
|
9
|
-
# 或
|
|
10
|
-
yarn add refly-icons
|
|
11
19
|
```
|
|
12
20
|
|
|
13
|
-
|
|
21
|
+
### 2. 导入使用
|
|
22
|
+
|
|
23
|
+
```jsx
|
|
24
|
+
import { AiChat, Video, Search } from 'refly-icons';
|
|
25
|
+
|
|
26
|
+
function App() {
|
|
27
|
+
return (
|
|
28
|
+
<div>
|
|
29
|
+
<AiChat size={24} />
|
|
30
|
+
<Video size={32} />
|
|
31
|
+
<Search size={16} />
|
|
32
|
+
</div>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
### 3. 自定义样式
|
|
38
|
+
|
|
39
|
+
所有图标都支持通过 CSS 自定义颜色和大小:
|
|
40
|
+
|
|
41
|
+
```css
|
|
42
|
+
.icon {
|
|
43
|
+
color: #007bff;
|
|
44
|
+
width: 24px;
|
|
45
|
+
height: 24px;
|
|
46
|
+
}
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## 键盘快捷键
|
|
50
|
+
|
|
51
|
+
- `Ctrl/Cmd + K` - 快速聚焦搜索框
|
|
52
|
+
- `ESC` - 清空搜索内容
|
|
14
53
|
|
|
15
|
-
|
|
16
|
-
import { Language, Account, Resource } from 'refly-icons';
|
|
54
|
+
## 开发
|
|
17
55
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
</div>
|
|
24
|
-
);
|
|
56
|
+
### 本地预览
|
|
57
|
+
|
|
58
|
+
```bash
|
|
59
|
+
npm run generate-icons # 生成图标数据
|
|
60
|
+
npm run dev # 启动本地服务器
|
|
25
61
|
```
|
|
26
62
|
|
|
27
|
-
|
|
28
|
-
|
|
63
|
+
### 构建
|
|
64
|
+
|
|
65
|
+
```bash
|
|
66
|
+
npm run build
|
|
67
|
+
```
|
|
29
68
|
|
|
30
69
|
## 图标列表
|
|
31
70
|
|
|
32
|
-
|
|
71
|
+
本库包含以下类别的图标:
|
|
72
|
+
|
|
73
|
+
- **基础操作**: 添加、删除、编辑、复制等
|
|
74
|
+
- **导航**: 箭头、返回、前进等
|
|
75
|
+
- **界面**: 设置、搜索、菜单等
|
|
76
|
+
- **文件**: 文档、图片、视频等
|
|
77
|
+
- **状态**: 加载、完成、错误等
|
|
78
|
+
- **工具**: 代码、数据、分析等
|
|
79
|
+
|
|
80
|
+
## 贡献
|
|
81
|
+
|
|
82
|
+
欢迎提交 Issue 和 Pull Request 来改进这个图标库!
|
|
33
83
|
|
|
34
|
-
##
|
|
84
|
+
## 许可证
|
|
35
85
|
|
|
36
|
-
MIT
|
|
86
|
+
MIT License
|
package/dist/index.d.mts
CHANGED
|
@@ -249,28 +249,102 @@ declare const Grok: React.FC<IconProps>;
|
|
|
249
249
|
|
|
250
250
|
declare const Html: React.FC<IconProps>;
|
|
251
251
|
|
|
252
|
-
declare const
|
|
252
|
+
declare const WinRight: React.FC<IconProps>;
|
|
253
253
|
|
|
254
|
-
declare const
|
|
254
|
+
declare const WinLeft: React.FC<IconProps>;
|
|
255
255
|
|
|
256
|
-
declare const
|
|
256
|
+
declare const View: React.FC<IconProps>;
|
|
257
257
|
|
|
258
|
-
declare const
|
|
258
|
+
declare const Usage: React.FC<IconProps>;
|
|
259
259
|
|
|
260
|
-
declare const
|
|
260
|
+
declare const Tag: React.FC<IconProps>;
|
|
261
|
+
|
|
262
|
+
declare const Remix: React.FC<IconProps>;
|
|
263
|
+
|
|
264
|
+
declare const Preview: React.FC<IconProps>;
|
|
265
|
+
|
|
266
|
+
declare const Magiccursor: React.FC<IconProps>;
|
|
267
|
+
|
|
268
|
+
declare const MagiccursorDefault: React.FC<IconProps>;
|
|
269
|
+
|
|
270
|
+
declare const Location: React.FC<IconProps>;
|
|
271
|
+
|
|
272
|
+
declare const List: React.FC<IconProps>;
|
|
273
|
+
|
|
274
|
+
declare const Keyboard: React.FC<IconProps>;
|
|
275
|
+
|
|
276
|
+
declare const Invite: React.FC<IconProps>;
|
|
277
|
+
|
|
278
|
+
declare const Group: React.FC<IconProps>;
|
|
279
|
+
|
|
280
|
+
declare const Fold: React.FC<IconProps>;
|
|
281
|
+
|
|
282
|
+
declare const FinderOpen: React.FC<IconProps>;
|
|
283
|
+
|
|
284
|
+
declare const FinderClose: React.FC<IconProps>;
|
|
285
|
+
|
|
286
|
+
declare const Export: React.FC<IconProps>;
|
|
287
|
+
|
|
288
|
+
declare const DocInline: React.FC<IconProps>;
|
|
289
|
+
|
|
290
|
+
declare const Creation: React.FC<IconProps>;
|
|
291
|
+
|
|
292
|
+
declare const Finished: React.FC<IconProps>;
|
|
293
|
+
|
|
294
|
+
declare const TextFile: React.FC<IconProps>;
|
|
295
|
+
|
|
296
|
+
declare const PptFile: React.FC<IconProps>;
|
|
297
|
+
|
|
298
|
+
declare const OrgFile: React.FC<IconProps>;
|
|
299
|
+
|
|
300
|
+
declare const CodeZip: React.FC<IconProps>;
|
|
301
|
+
|
|
302
|
+
declare const Generating: React.FC<IconProps>;
|
|
303
|
+
|
|
304
|
+
declare const Edit1: React.FC<IconProps>;
|
|
305
|
+
|
|
306
|
+
declare const Market: React.FC<IconProps>;
|
|
307
|
+
|
|
308
|
+
declare const Provider: React.FC<IconProps>;
|
|
309
|
+
|
|
310
|
+
declare const AIModel: React.FC<IconProps>;
|
|
261
311
|
|
|
262
312
|
declare const Ppt: React.FC<IconProps>;
|
|
263
313
|
|
|
264
|
-
declare const
|
|
314
|
+
declare const Exit: React.FC<IconProps>;
|
|
265
315
|
|
|
266
|
-
declare const
|
|
316
|
+
declare const Contact: React.FC<IconProps>;
|
|
267
317
|
|
|
268
|
-
declare const
|
|
318
|
+
declare const Websearch: React.FC<IconProps>;
|
|
319
|
+
|
|
320
|
+
declare const Text: React.FC<IconProps>;
|
|
269
321
|
|
|
270
322
|
declare const Stop: React.FC<IconProps>;
|
|
271
323
|
|
|
272
|
-
declare const
|
|
324
|
+
declare const Sort: React.FC<IconProps>;
|
|
273
325
|
|
|
274
|
-
declare const
|
|
326
|
+
declare const Send: React.FC<IconProps>;
|
|
327
|
+
|
|
328
|
+
declare const Ppt1: React.FC<IconProps>;
|
|
329
|
+
|
|
330
|
+
declare const Pdf: React.FC<IconProps>;
|
|
331
|
+
|
|
332
|
+
declare const Media: React.FC<IconProps>;
|
|
333
|
+
|
|
334
|
+
declare const Mcp: React.FC<IconProps>;
|
|
335
|
+
|
|
336
|
+
declare const Mcp1: React.FC<IconProps>;
|
|
337
|
+
|
|
338
|
+
declare const Image: React.FC<IconProps>;
|
|
339
|
+
|
|
340
|
+
declare const Running1: React.FC<IconProps>;
|
|
341
|
+
|
|
342
|
+
declare const Email: React.FC<IconProps>;
|
|
343
|
+
|
|
344
|
+
declare const Subline: React.FC<IconProps>;
|
|
345
|
+
|
|
346
|
+
declare const Refresh: React.FC<IconProps>;
|
|
347
|
+
|
|
348
|
+
declare const Doc2: React.FC<IconProps>;
|
|
275
349
|
|
|
276
|
-
export { Account, Add, AddContext, Agent, AiChat, Appearance, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, At, Attachment, Audio, AutoLayout, Back, Building, Cancelled, Chat, Checked, Claude, Clone, Close, Code, Code1, Community, Completed, Computer, Copy, Creadit, Cuttools, Data, Deepseek, Delete, Delivery, DesignPattern, Doc, Doc1, Download, Edit, EditSmart, Excel, File, File1, Finder, Flow, FreeCreation, Fullscreen, Game, Gemini, GeneralFile, GeneralWeb, Github, Google, Gpt, Grok, Hamburger, History, Html, Icon, IconProps, Image, InputContext, InterfaceDark, InterfaceLight, Jump, Knowledge, KnowledgeBase, Labs, Language, LargeModel, Logic, Mail, Map, Markdown, Mcp, Mcp1, Media, ModelProvider, More, Mouse, NewConversation, Note, Note1, Output, Page, Parse, Pdf, Pending, Play, Ppt, Ppt1, Project, ProjectItem, Question, Redo, Reference, Refly, Reload, Reloadto, Resource, Running, ScreenDefault, ScreenFull, Search, Security, Send, Setting, Settings, Share, SideLeft, SideRight, Sort, Sport, Start, Stop, SubNode, Subscription, Text, Thinking, Tools, Touchpad, Travel, Treemenu, Undo, University, Upgrade, Video, Wait, Weather, Web, Web1, Websearch, Wiki, ZoomIn, ZoomOut };
|
|
350
|
+
export { AIModel, Account, Add, AddContext, Agent, AiChat, Appearance, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, At, Attachment, Audio, AutoLayout, Back, Building, Cancelled, Chat, Checked, Claude, Clone, Close, Code, Code1, CodeZip, Community, Completed, Computer, Contact, Copy, Creadit, Creation, Cuttools, Data, Deepseek, Delete, Delivery, DesignPattern, Doc, Doc1, Doc2, DocInline, Download, Edit, Edit1, EditSmart, Email, Excel, Exit, Export, File, File1, Finder, FinderClose, FinderOpen, Finished, Flow, Fold, FreeCreation, Fullscreen, Game, Gemini, GeneralFile, GeneralWeb, Generating, Github, Google, Gpt, Grok, Group, Hamburger, History, Html, Icon, IconProps, Image, InputContext, InterfaceDark, InterfaceLight, Invite, Jump, Keyboard, Knowledge, KnowledgeBase, Labs, Language, LargeModel, List, Location, Logic, Magiccursor, MagiccursorDefault, Mail, Map, Markdown, Market, Mcp, Mcp1, Media, ModelProvider, More, Mouse, NewConversation, Note, Note1, OrgFile, Output, Page, Parse, Pdf, Pending, Play, Ppt, Ppt1, PptFile, Preview, Project, ProjectItem, Provider, Question, Redo, Reference, Refly, Refresh, Reload, Reloadto, Remix, Resource, Running, Running1, ScreenDefault, ScreenFull, Search, Security, Send, Setting, Settings, Share, SideLeft, SideRight, Sort, Sport, Start, Stop, SubNode, Subline, Subscription, Tag, Text, TextFile, Thinking, Tools, Touchpad, Travel, Treemenu, Undo, University, Upgrade, Usage, Video, View, Wait, Weather, Web, Web1, Websearch, Wiki, WinLeft, WinRight, ZoomIn, ZoomOut };
|
package/dist/index.d.ts
CHANGED
|
@@ -249,28 +249,102 @@ declare const Grok: React.FC<IconProps>;
|
|
|
249
249
|
|
|
250
250
|
declare const Html: React.FC<IconProps>;
|
|
251
251
|
|
|
252
|
-
declare const
|
|
252
|
+
declare const WinRight: React.FC<IconProps>;
|
|
253
253
|
|
|
254
|
-
declare const
|
|
254
|
+
declare const WinLeft: React.FC<IconProps>;
|
|
255
255
|
|
|
256
|
-
declare const
|
|
256
|
+
declare const View: React.FC<IconProps>;
|
|
257
257
|
|
|
258
|
-
declare const
|
|
258
|
+
declare const Usage: React.FC<IconProps>;
|
|
259
259
|
|
|
260
|
-
declare const
|
|
260
|
+
declare const Tag: React.FC<IconProps>;
|
|
261
|
+
|
|
262
|
+
declare const Remix: React.FC<IconProps>;
|
|
263
|
+
|
|
264
|
+
declare const Preview: React.FC<IconProps>;
|
|
265
|
+
|
|
266
|
+
declare const Magiccursor: React.FC<IconProps>;
|
|
267
|
+
|
|
268
|
+
declare const MagiccursorDefault: React.FC<IconProps>;
|
|
269
|
+
|
|
270
|
+
declare const Location: React.FC<IconProps>;
|
|
271
|
+
|
|
272
|
+
declare const List: React.FC<IconProps>;
|
|
273
|
+
|
|
274
|
+
declare const Keyboard: React.FC<IconProps>;
|
|
275
|
+
|
|
276
|
+
declare const Invite: React.FC<IconProps>;
|
|
277
|
+
|
|
278
|
+
declare const Group: React.FC<IconProps>;
|
|
279
|
+
|
|
280
|
+
declare const Fold: React.FC<IconProps>;
|
|
281
|
+
|
|
282
|
+
declare const FinderOpen: React.FC<IconProps>;
|
|
283
|
+
|
|
284
|
+
declare const FinderClose: React.FC<IconProps>;
|
|
285
|
+
|
|
286
|
+
declare const Export: React.FC<IconProps>;
|
|
287
|
+
|
|
288
|
+
declare const DocInline: React.FC<IconProps>;
|
|
289
|
+
|
|
290
|
+
declare const Creation: React.FC<IconProps>;
|
|
291
|
+
|
|
292
|
+
declare const Finished: React.FC<IconProps>;
|
|
293
|
+
|
|
294
|
+
declare const TextFile: React.FC<IconProps>;
|
|
295
|
+
|
|
296
|
+
declare const PptFile: React.FC<IconProps>;
|
|
297
|
+
|
|
298
|
+
declare const OrgFile: React.FC<IconProps>;
|
|
299
|
+
|
|
300
|
+
declare const CodeZip: React.FC<IconProps>;
|
|
301
|
+
|
|
302
|
+
declare const Generating: React.FC<IconProps>;
|
|
303
|
+
|
|
304
|
+
declare const Edit1: React.FC<IconProps>;
|
|
305
|
+
|
|
306
|
+
declare const Market: React.FC<IconProps>;
|
|
307
|
+
|
|
308
|
+
declare const Provider: React.FC<IconProps>;
|
|
309
|
+
|
|
310
|
+
declare const AIModel: React.FC<IconProps>;
|
|
261
311
|
|
|
262
312
|
declare const Ppt: React.FC<IconProps>;
|
|
263
313
|
|
|
264
|
-
declare const
|
|
314
|
+
declare const Exit: React.FC<IconProps>;
|
|
265
315
|
|
|
266
|
-
declare const
|
|
316
|
+
declare const Contact: React.FC<IconProps>;
|
|
267
317
|
|
|
268
|
-
declare const
|
|
318
|
+
declare const Websearch: React.FC<IconProps>;
|
|
319
|
+
|
|
320
|
+
declare const Text: React.FC<IconProps>;
|
|
269
321
|
|
|
270
322
|
declare const Stop: React.FC<IconProps>;
|
|
271
323
|
|
|
272
|
-
declare const
|
|
324
|
+
declare const Sort: React.FC<IconProps>;
|
|
273
325
|
|
|
274
|
-
declare const
|
|
326
|
+
declare const Send: React.FC<IconProps>;
|
|
327
|
+
|
|
328
|
+
declare const Ppt1: React.FC<IconProps>;
|
|
329
|
+
|
|
330
|
+
declare const Pdf: React.FC<IconProps>;
|
|
331
|
+
|
|
332
|
+
declare const Media: React.FC<IconProps>;
|
|
333
|
+
|
|
334
|
+
declare const Mcp: React.FC<IconProps>;
|
|
335
|
+
|
|
336
|
+
declare const Mcp1: React.FC<IconProps>;
|
|
337
|
+
|
|
338
|
+
declare const Image: React.FC<IconProps>;
|
|
339
|
+
|
|
340
|
+
declare const Running1: React.FC<IconProps>;
|
|
341
|
+
|
|
342
|
+
declare const Email: React.FC<IconProps>;
|
|
343
|
+
|
|
344
|
+
declare const Subline: React.FC<IconProps>;
|
|
345
|
+
|
|
346
|
+
declare const Refresh: React.FC<IconProps>;
|
|
347
|
+
|
|
348
|
+
declare const Doc2: React.FC<IconProps>;
|
|
275
349
|
|
|
276
|
-
export { Account, Add, AddContext, Agent, AiChat, Appearance, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, At, Attachment, Audio, AutoLayout, Back, Building, Cancelled, Chat, Checked, Claude, Clone, Close, Code, Code1, Community, Completed, Computer, Copy, Creadit, Cuttools, Data, Deepseek, Delete, Delivery, DesignPattern, Doc, Doc1, Download, Edit, EditSmart, Excel, File, File1, Finder, Flow, FreeCreation, Fullscreen, Game, Gemini, GeneralFile, GeneralWeb, Github, Google, Gpt, Grok, Hamburger, History, Html, Icon, IconProps, Image, InputContext, InterfaceDark, InterfaceLight, Jump, Knowledge, KnowledgeBase, Labs, Language, LargeModel, Logic, Mail, Map, Markdown, Mcp, Mcp1, Media, ModelProvider, More, Mouse, NewConversation, Note, Note1, Output, Page, Parse, Pdf, Pending, Play, Ppt, Ppt1, Project, ProjectItem, Question, Redo, Reference, Refly, Reload, Reloadto, Resource, Running, ScreenDefault, ScreenFull, Search, Security, Send, Setting, Settings, Share, SideLeft, SideRight, Sort, Sport, Start, Stop, SubNode, Subscription, Text, Thinking, Tools, Touchpad, Travel, Treemenu, Undo, University, Upgrade, Video, Wait, Weather, Web, Web1, Websearch, Wiki, ZoomIn, ZoomOut };
|
|
350
|
+
export { AIModel, Account, Add, AddContext, Agent, AiChat, Appearance, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, At, Attachment, Audio, AutoLayout, Back, Building, Cancelled, Chat, Checked, Claude, Clone, Close, Code, Code1, CodeZip, Community, Completed, Computer, Contact, Copy, Creadit, Creation, Cuttools, Data, Deepseek, Delete, Delivery, DesignPattern, Doc, Doc1, Doc2, DocInline, Download, Edit, Edit1, EditSmart, Email, Excel, Exit, Export, File, File1, Finder, FinderClose, FinderOpen, Finished, Flow, Fold, FreeCreation, Fullscreen, Game, Gemini, GeneralFile, GeneralWeb, Generating, Github, Google, Gpt, Grok, Group, Hamburger, History, Html, Icon, IconProps, Image, InputContext, InterfaceDark, InterfaceLight, Invite, Jump, Keyboard, Knowledge, KnowledgeBase, Labs, Language, LargeModel, List, Location, Logic, Magiccursor, MagiccursorDefault, Mail, Map, Markdown, Market, Mcp, Mcp1, Media, ModelProvider, More, Mouse, NewConversation, Note, Note1, OrgFile, Output, Page, Parse, Pdf, Pending, Play, Ppt, Ppt1, PptFile, Preview, Project, ProjectItem, Provider, Question, Redo, Reference, Refly, Refresh, Reload, Reloadto, Remix, Resource, Running, Running1, ScreenDefault, ScreenFull, Search, Security, Send, Setting, Settings, Share, SideLeft, SideRight, Sort, Sport, Start, Stop, SubNode, Subline, Subscription, Tag, Text, TextFile, Thinking, Tools, Touchpad, Travel, Treemenu, Undo, University, Upgrade, Usage, Video, View, Wait, Weather, Web, Web1, Websearch, Wiki, WinLeft, WinRight, ZoomIn, ZoomOut };
|