icon.ts 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  1. // https://iconpark.bytedance.com/official
  2. import type { App } from 'vue'
  3. import {
  4. PlayOne,
  5. FullScreenPlay,
  6. Lock,
  7. Unlock,
  8. Ppt,
  9. Format,
  10. Picture,
  11. FullScreen,
  12. List,
  13. OrderedList,
  14. FlipVertically,
  15. FlipHorizontally,
  16. FontSize,
  17. Code,
  18. TextBold,
  19. TextItalic,
  20. TextUnderline,
  21. Strikethrough,
  22. Edit,
  23. Quote,
  24. BackgroundColor,
  25. Group,
  26. Ungroup,
  27. Back,
  28. Next,
  29. Fullwidth,
  30. AlignTop,
  31. AlignLeft,
  32. AlignRight,
  33. AlignBottom,
  34. AlignVertically,
  35. AlignHorizontally,
  36. BringToFront,
  37. SendToBack,
  38. Send,
  39. AlignTextLeft,
  40. AlignTextRight,
  41. AlignTextCenter,
  42. AlignTextBoth,
  43. RowHeight,
  44. Write,
  45. InsertTable,
  46. AddText,
  47. Fill,
  48. Tailoring,
  49. Effects,
  50. ColorFilter,
  51. Up,
  52. Down,
  53. Plus,
  54. Minus,
  55. Connection,
  56. BringToFrontOne,
  57. SentToBack,
  58. Github,
  59. ChartProportion,
  60. ChartHistogram,
  61. ChartHistogramOne,
  62. ChartLineArea,
  63. ChartRing,
  64. ChartScatter,
  65. ChartLine,
  66. ChartPie,
  67. RadarChart,
  68. Text,
  69. Rotate,
  70. LeftTwo,
  71. RightTwo,
  72. Platte,
  73. Close,
  74. CloseSmall,
  75. Undo,
  76. Transform,
  77. Click,
  78. Theme,
  79. ArrowCircleLeft,
  80. ArrowRight,
  81. GraphicDesign,
  82. Logout,
  83. Erase,
  84. Clear,
  85. AlignTextTopOne,
  86. AlignTextBottomOne,
  87. AlignTextMiddleOne,
  88. Pause,
  89. VolumeMute,
  90. VolumeNotice,
  91. VolumeSmall,
  92. VideoTwo,
  93. Formula,
  94. LinkOne,
  95. FullScreenOne,
  96. OffScreenOne,
  97. Power,
  98. ListView,
  99. Magic,
  100. Tips,
  101. HighLight,
  102. Download,
  103. IndentLeft,
  104. IndentRight,
  105. VerticalSpacingBetweenItems,
  106. Copy,
  107. Delete,
  108. Square,
  109. Round,
  110. Needle,
  111. TextRotationNone,
  112. TextRotationDown,
  113. FormatBrush,
  114. PreviewOpen,
  115. PreviewClose,
  116. StopwatchStart,
  117. Search,
  118. Left,
  119. Right,
  120. MoveOne,
  121. HamburgerButton,
  122. Attention,
  123. CheckOne,
  124. CloseOne,
  125. Info,
  126. Comment,
  127. User,
  128. Switch,
  129. More,
  130. LoadingFour, // 引入loadingIcon
  131. UpTwo,
  132. Refresh,
  133. ThumbsUp,
  134. CastScreen
  135. } from '@icon-park/vue-next'
  136. export interface Icons {
  137. [key: string]: typeof PlayOne
  138. }
  139. export const icons: Icons = {
  140. IconPlayOne: PlayOne,
  141. IconFullScreenPlay: FullScreenPlay,
  142. IconLock: Lock,
  143. IconUnlock: Unlock,
  144. IconPpt: Ppt,
  145. IconFormat: Format,
  146. IconPicture: Picture,
  147. IconFullScreen: FullScreen,
  148. IconList: List,
  149. IconOrderedList: OrderedList,
  150. IconFlipVertically: FlipVertically,
  151. IconFlipHorizontally: FlipHorizontally,
  152. IconFontSize: FontSize,
  153. IconCode: Code,
  154. IconTextBold: TextBold,
  155. IconTextItalic: TextItalic,
  156. IconTextUnderline: TextUnderline,
  157. IconStrikethrough: Strikethrough,
  158. IconEdit: Edit,
  159. IconQuote: Quote,
  160. IconBackgroundColor: BackgroundColor,
  161. IconGroup: Group,
  162. IconUngroup: Ungroup,
  163. IconBack: Back,
  164. IconNext: Next,
  165. IconFullwidth: Fullwidth,
  166. IconAlignTop: AlignTop,
  167. IconAlignLeft: AlignLeft,
  168. IconAlignRight: AlignRight,
  169. IconAlignBottom: AlignBottom,
  170. IconAlignVertically: AlignVertically,
  171. IconAlignHorizontally: AlignHorizontally,
  172. IconBringToFront: BringToFront,
  173. IconSendToBack: SendToBack,
  174. IconSend: Send,
  175. IconAlignTextLeft: AlignTextLeft,
  176. IconAlignTextRight: AlignTextRight,
  177. IconAlignTextCenter: AlignTextCenter,
  178. IconAlignTextBoth: AlignTextBoth,
  179. IconRowHeight: RowHeight,
  180. IconWrite: Write,
  181. IconInsertTable: InsertTable,
  182. IconAddText: AddText,
  183. IconFill: Fill,
  184. IconTailoring: Tailoring,
  185. IconEffects: Effects,
  186. IconColorFilter: ColorFilter,
  187. IconUp: Up,
  188. IconDown: Down,
  189. IconPlus: Plus,
  190. IconMinus: Minus,
  191. IconConnection: Connection,
  192. IconBringToFrontOne: BringToFrontOne,
  193. IconSentToBack: SentToBack,
  194. IconGithub: Github,
  195. IconChartProportion: ChartProportion,
  196. IconChartHistogram: ChartHistogram,
  197. IconChartHistogramOne: ChartHistogramOne,
  198. IconChartLineArea: ChartLineArea,
  199. IconChartRing: ChartRing,
  200. IconChartScatter: ChartScatter,
  201. IconChartLine: ChartLine,
  202. IconChartPie: ChartPie,
  203. IconRadarChart: RadarChart,
  204. IconText: Text,
  205. IconRotate: Rotate,
  206. IconLeftTwo: LeftTwo,
  207. IconRightTwo: RightTwo,
  208. IconPlatte: Platte,
  209. IconClose: Close,
  210. IconCloseSmall: CloseSmall,
  211. IconUndo: Undo,
  212. IconTransform: Transform,
  213. IconClick: Click,
  214. IconTheme: Theme,
  215. IconArrowCircleLeft: ArrowCircleLeft,
  216. IconArrowRight: ArrowRight,
  217. IconGraphicDesign: GraphicDesign,
  218. IconLogout: Logout,
  219. IconErase: Erase,
  220. IconClear: Clear,
  221. IconAlignTextTopOne: AlignTextTopOne,
  222. IconAlignTextBottomOne: AlignTextBottomOne,
  223. IconAlignTextMiddleOne: AlignTextMiddleOne,
  224. IconPause: Pause,
  225. IconVolumeMute: VolumeMute,
  226. IconVolumeNotice: VolumeNotice,
  227. IconVolumeSmall: VolumeSmall,
  228. IconVideoTwo: VideoTwo,
  229. IconFormula: Formula,
  230. IconLinkOne: LinkOne,
  231. IconFullScreenOne: FullScreenOne,
  232. IconOffScreenOne: OffScreenOne,
  233. IconPower: Power,
  234. IconListView: ListView,
  235. IconMagic: Magic,
  236. IconTips: Tips,
  237. IconHighLight: HighLight,
  238. IconDownload: Download,
  239. IconIndentLeft: IndentLeft,
  240. IconIndentRight: IndentRight,
  241. IconVerticalSpacingBetweenItems: VerticalSpacingBetweenItems,
  242. IconCopy: Copy,
  243. IconDelete: Delete,
  244. IconSquare: Square,
  245. IconRound: Round,
  246. IconNeedle: Needle,
  247. IconTextRotationNone: TextRotationNone,
  248. IconTextRotationDown: TextRotationDown,
  249. IconFormatBrush: FormatBrush,
  250. IconPreviewOpen: PreviewOpen,
  251. IconPreviewClose: PreviewClose,
  252. IconStopwatchStart: StopwatchStart,
  253. IconSearch: Search,
  254. IconLeft: Left,
  255. IconRight: Right,
  256. IconMoveOne: MoveOne,
  257. IconHamburgerButton: HamburgerButton,
  258. IconAttention: Attention,
  259. IconCheckOne: CheckOne,
  260. IconCloseOne: CloseOne,
  261. IconInfo: Info,
  262. IconComment: Comment,
  263. IconUser: User,
  264. IconSwitch: Switch,
  265. IconMore: More,
  266. IconLoading: LoadingFour, // 添加loadingIcon
  267. UpTwo: UpTwo,
  268. IconRefresh: Refresh,
  269. IconThumbsUp: ThumbsUp,
  270. IconCastScreen: CastScreen,
  271. }
  272. export default {
  273. install(app: App) {
  274. for (const key of Object.keys(icons)) {
  275. app.component(key, icons[key])
  276. }
  277. }
  278. }