icon.ts 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  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. } from '@icon-park/vue-next'
  133. export interface Icons {
  134. [key: string]: typeof PlayOne
  135. }
  136. export const icons: Icons = {
  137. IconPlayOne: PlayOne,
  138. IconFullScreenPlay: FullScreenPlay,
  139. IconLock: Lock,
  140. IconUnlock: Unlock,
  141. IconPpt: Ppt,
  142. IconFormat: Format,
  143. IconPicture: Picture,
  144. IconFullScreen: FullScreen,
  145. IconList: List,
  146. IconOrderedList: OrderedList,
  147. IconFlipVertically: FlipVertically,
  148. IconFlipHorizontally: FlipHorizontally,
  149. IconFontSize: FontSize,
  150. IconCode: Code,
  151. IconTextBold: TextBold,
  152. IconTextItalic: TextItalic,
  153. IconTextUnderline: TextUnderline,
  154. IconStrikethrough: Strikethrough,
  155. IconEdit: Edit,
  156. IconQuote: Quote,
  157. IconBackgroundColor: BackgroundColor,
  158. IconGroup: Group,
  159. IconUngroup: Ungroup,
  160. IconBack: Back,
  161. IconNext: Next,
  162. IconFullwidth: Fullwidth,
  163. IconAlignTop: AlignTop,
  164. IconAlignLeft: AlignLeft,
  165. IconAlignRight: AlignRight,
  166. IconAlignBottom: AlignBottom,
  167. IconAlignVertically: AlignVertically,
  168. IconAlignHorizontally: AlignHorizontally,
  169. IconBringToFront: BringToFront,
  170. IconSendToBack: SendToBack,
  171. IconSend: Send,
  172. IconAlignTextLeft: AlignTextLeft,
  173. IconAlignTextRight: AlignTextRight,
  174. IconAlignTextCenter: AlignTextCenter,
  175. IconAlignTextBoth: AlignTextBoth,
  176. IconRowHeight: RowHeight,
  177. IconWrite: Write,
  178. IconInsertTable: InsertTable,
  179. IconAddText: AddText,
  180. IconFill: Fill,
  181. IconTailoring: Tailoring,
  182. IconEffects: Effects,
  183. IconColorFilter: ColorFilter,
  184. IconUp: Up,
  185. IconDown: Down,
  186. IconPlus: Plus,
  187. IconMinus: Minus,
  188. IconConnection: Connection,
  189. IconBringToFrontOne: BringToFrontOne,
  190. IconSentToBack: SentToBack,
  191. IconGithub: Github,
  192. IconChartProportion: ChartProportion,
  193. IconChartHistogram: ChartHistogram,
  194. IconChartHistogramOne: ChartHistogramOne,
  195. IconChartLineArea: ChartLineArea,
  196. IconChartRing: ChartRing,
  197. IconChartScatter: ChartScatter,
  198. IconChartLine: ChartLine,
  199. IconChartPie: ChartPie,
  200. IconRadarChart: RadarChart,
  201. IconText: Text,
  202. IconRotate: Rotate,
  203. IconLeftTwo: LeftTwo,
  204. IconRightTwo: RightTwo,
  205. IconPlatte: Platte,
  206. IconClose: Close,
  207. IconCloseSmall: CloseSmall,
  208. IconUndo: Undo,
  209. IconTransform: Transform,
  210. IconClick: Click,
  211. IconTheme: Theme,
  212. IconArrowCircleLeft: ArrowCircleLeft,
  213. IconArrowRight: ArrowRight,
  214. IconGraphicDesign: GraphicDesign,
  215. IconLogout: Logout,
  216. IconErase: Erase,
  217. IconClear: Clear,
  218. IconAlignTextTopOne: AlignTextTopOne,
  219. IconAlignTextBottomOne: AlignTextBottomOne,
  220. IconAlignTextMiddleOne: AlignTextMiddleOne,
  221. IconPause: Pause,
  222. IconVolumeMute: VolumeMute,
  223. IconVolumeNotice: VolumeNotice,
  224. IconVolumeSmall: VolumeSmall,
  225. IconVideoTwo: VideoTwo,
  226. IconFormula: Formula,
  227. IconLinkOne: LinkOne,
  228. IconFullScreenOne: FullScreenOne,
  229. IconOffScreenOne: OffScreenOne,
  230. IconPower: Power,
  231. IconListView: ListView,
  232. IconMagic: Magic,
  233. IconTips: Tips,
  234. IconHighLight: HighLight,
  235. IconDownload: Download,
  236. IconIndentLeft: IndentLeft,
  237. IconIndentRight: IndentRight,
  238. IconVerticalSpacingBetweenItems: VerticalSpacingBetweenItems,
  239. IconCopy: Copy,
  240. IconDelete: Delete,
  241. IconSquare: Square,
  242. IconRound: Round,
  243. IconNeedle: Needle,
  244. IconTextRotationNone: TextRotationNone,
  245. IconTextRotationDown: TextRotationDown,
  246. IconFormatBrush: FormatBrush,
  247. IconPreviewOpen: PreviewOpen,
  248. IconPreviewClose: PreviewClose,
  249. IconStopwatchStart: StopwatchStart,
  250. IconSearch: Search,
  251. IconLeft: Left,
  252. IconRight: Right,
  253. IconMoveOne: MoveOne,
  254. IconHamburgerButton: HamburgerButton,
  255. IconAttention: Attention,
  256. IconCheckOne: CheckOne,
  257. IconCloseOne: CloseOne,
  258. IconInfo: Info,
  259. IconComment: Comment,
  260. IconUser: User,
  261. IconSwitch: Switch,
  262. IconMore: More,
  263. IconLoading: LoadingFour, // 添加loadingIcon
  264. UpTwo: UpTwo
  265. }
  266. export default {
  267. install(app: App) {
  268. for (const key of Object.keys(icons)) {
  269. app.component(key, icons[key])
  270. }
  271. }
  272. }