@opensumi/ide-components 2.12.1-next-079c1930

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.
Files changed (360) hide show
  1. package/README.md +65 -0
  2. package/dist/index.css +1 -0
  3. package/dist/index.js +26330 -0
  4. package/lib/badge/index.d.ts +4 -0
  5. package/lib/badge/index.d.ts.map +1 -0
  6. package/lib/badge/index.js +13 -0
  7. package/lib/badge/index.js.map +1 -0
  8. package/lib/badge/styles.less +17 -0
  9. package/lib/button/index.d.ts +54 -0
  10. package/lib/button/index.d.ts.map +1 -0
  11. package/lib/button/index.js +68 -0
  12. package/lib/button/index.js.map +1 -0
  13. package/lib/button/style.less +251 -0
  14. package/lib/checkbox/index.d.ts +9 -0
  15. package/lib/checkbox/index.d.ts.map +1 -0
  16. package/lib/checkbox/index.js +27 -0
  17. package/lib/checkbox/index.js.map +1 -0
  18. package/lib/checkbox/style.less +80 -0
  19. package/lib/common.d.ts +7 -0
  20. package/lib/common.d.ts.map +1 -0
  21. package/lib/common.js +11 -0
  22. package/lib/common.js.map +1 -0
  23. package/lib/dialog/index.d.ts +26 -0
  24. package/lib/dialog/index.d.ts.map +1 -0
  25. package/lib/dialog/index.js +28 -0
  26. package/lib/dialog/index.js.map +1 -0
  27. package/lib/dialog/styles.less +85 -0
  28. package/lib/dropdown/dropdown.d.ts +48 -0
  29. package/lib/dropdown/dropdown.d.ts.map +1 -0
  30. package/lib/dropdown/dropdown.js +80 -0
  31. package/lib/dropdown/dropdown.js.map +1 -0
  32. package/lib/dropdown/index.d.ts +5 -0
  33. package/lib/dropdown/index.d.ts.map +1 -0
  34. package/lib/dropdown/index.js +8 -0
  35. package/lib/dropdown/index.js.map +1 -0
  36. package/lib/dropdown/style.less +254 -0
  37. package/lib/icon/icon.d.ts +33 -0
  38. package/lib/icon/icon.d.ts.map +1 -0
  39. package/lib/icon/icon.js +71 -0
  40. package/lib/icon/icon.js.map +1 -0
  41. package/lib/icon/iconfont/iconManager.d.ts +187 -0
  42. package/lib/icon/iconfont/iconManager.d.ts.map +1 -0
  43. package/lib/icon/iconfont/iconManager.js +67 -0
  44. package/lib/icon/iconfont/iconManager.js.map +1 -0
  45. package/lib/icon/iconfont/iconMap.d.ts +160 -0
  46. package/lib/icon/iconfont/iconMap.d.ts.map +1 -0
  47. package/lib/icon/iconfont/iconMap.js +165 -0
  48. package/lib/icon/iconfont/iconMap.js.map +1 -0
  49. package/lib/icon/iconfont/iconfont.css +646 -0
  50. package/lib/icon/iconfont/iconfont.eot +0 -0
  51. package/lib/icon/iconfont/iconfont.html +1522 -0
  52. package/lib/icon/iconfont/iconfont.svg +333 -0
  53. package/lib/icon/iconfont/iconfont.ttf +0 -0
  54. package/lib/icon/iconfont/iconfont.woff +0 -0
  55. package/lib/icon/iconfont/iconfont.woff2 +0 -0
  56. package/lib/icon/iconfont-cn.d.ts +15 -0
  57. package/lib/icon/iconfont-cn.d.ts.map +1 -0
  58. package/lib/icon/iconfont-cn.js +78 -0
  59. package/lib/icon/iconfont-cn.js.map +1 -0
  60. package/lib/icon/index.d.ts +4 -0
  61. package/lib/icon/index.d.ts.map +1 -0
  62. package/lib/icon/index.js +9 -0
  63. package/lib/icon/index.js.map +1 -0
  64. package/lib/icon/styles.less +105 -0
  65. package/lib/icon/util.d.ts +29 -0
  66. package/lib/icon/util.d.ts.map +1 -0
  67. package/lib/icon/util.js +53 -0
  68. package/lib/icon/util.js.map +1 -0
  69. package/lib/index.d.ts +20 -0
  70. package/lib/index.d.ts.map +1 -0
  71. package/lib/index.js +23 -0
  72. package/lib/index.js.map +1 -0
  73. package/lib/input/HistoryInputBox.d.ts +38 -0
  74. package/lib/input/HistoryInputBox.d.ts.map +1 -0
  75. package/lib/input/HistoryInputBox.js +114 -0
  76. package/lib/input/HistoryInputBox.js.map +1 -0
  77. package/lib/input/Input.d.ts +43 -0
  78. package/lib/input/Input.d.ts.map +1 -0
  79. package/lib/input/Input.js +124 -0
  80. package/lib/input/Input.js.map +1 -0
  81. package/lib/input/ProxiedInput.d.ts +8 -0
  82. package/lib/input/ProxiedInput.d.ts.map +1 -0
  83. package/lib/input/ProxiedInput.js +67 -0
  84. package/lib/input/ProxiedInput.js.map +1 -0
  85. package/lib/input/TextArea.d.ts +6 -0
  86. package/lib/input/TextArea.d.ts.map +1 -0
  87. package/lib/input/TextArea.js +11 -0
  88. package/lib/input/TextArea.js.map +1 -0
  89. package/lib/input/ValidateInput.d.ts +20 -0
  90. package/lib/input/ValidateInput.d.ts.map +1 -0
  91. package/lib/input/ValidateInput.js +59 -0
  92. package/lib/input/ValidateInput.js.map +1 -0
  93. package/lib/input/index.d.ts +5 -0
  94. package/lib/input/index.d.ts.map +1 -0
  95. package/lib/input/index.js +8 -0
  96. package/lib/input/index.js.map +1 -0
  97. package/lib/input/input.less +83 -0
  98. package/lib/input/validate-input.less +88 -0
  99. package/lib/locale-context-provider.d.ts +16 -0
  100. package/lib/locale-context-provider.d.ts.map +1 -0
  101. package/lib/locale-context-provider.js +26 -0
  102. package/lib/locale-context-provider.js.map +1 -0
  103. package/lib/menu/MenuContext.d.ts +8 -0
  104. package/lib/menu/MenuContext.d.ts.map +1 -0
  105. package/lib/menu/MenuContext.js +8 -0
  106. package/lib/menu/MenuContext.js.map +1 -0
  107. package/lib/menu/MenuItem.d.ts +29 -0
  108. package/lib/menu/MenuItem.d.ts.map +1 -0
  109. package/lib/menu/MenuItem.js +32 -0
  110. package/lib/menu/MenuItem.js.map +1 -0
  111. package/lib/menu/SubMenu.d.ts +30 -0
  112. package/lib/menu/SubMenu.d.ts.map +1 -0
  113. package/lib/menu/SubMenu.js +28 -0
  114. package/lib/menu/SubMenu.js.map +1 -0
  115. package/lib/menu/index.d.ts +64 -0
  116. package/lib/menu/index.d.ts.map +1 -0
  117. package/lib/menu/index.js +203 -0
  118. package/lib/menu/index.js.map +1 -0
  119. package/lib/menu/style.less +513 -0
  120. package/lib/message/index.d.ts +10 -0
  121. package/lib/message/index.d.ts.map +1 -0
  122. package/lib/message/index.js +21 -0
  123. package/lib/message/index.js.map +1 -0
  124. package/lib/message/message.d.ts +42 -0
  125. package/lib/message/message.d.ts.map +1 -0
  126. package/lib/message/message.js +128 -0
  127. package/lib/message/message.js.map +1 -0
  128. package/lib/message/style.less +76 -0
  129. package/lib/modal/Modal.d.ts +127 -0
  130. package/lib/modal/Modal.d.ts.map +1 -0
  131. package/lib/modal/Modal.js +87 -0
  132. package/lib/modal/Modal.js.map +1 -0
  133. package/lib/modal/index.d.ts +5 -0
  134. package/lib/modal/index.d.ts.map +1 -0
  135. package/lib/modal/index.js +8 -0
  136. package/lib/modal/index.js.map +1 -0
  137. package/lib/modal/locale.d.ts +8 -0
  138. package/lib/modal/locale.d.ts.map +1 -0
  139. package/lib/modal/locale.js +23 -0
  140. package/lib/modal/locale.js.map +1 -0
  141. package/lib/modal/style.less +168 -0
  142. package/lib/notification/index.d.ts +8 -0
  143. package/lib/notification/index.d.ts.map +1 -0
  144. package/lib/notification/index.js +80 -0
  145. package/lib/notification/index.js.map +1 -0
  146. package/lib/notification/notification.d.ts +44 -0
  147. package/lib/notification/notification.d.ts.map +1 -0
  148. package/lib/notification/notification.js +156 -0
  149. package/lib/notification/notification.js.map +1 -0
  150. package/lib/notification/notification.less +231 -0
  151. package/lib/overlay/index.d.ts +19 -0
  152. package/lib/overlay/index.d.ts.map +1 -0
  153. package/lib/overlay/index.js +13 -0
  154. package/lib/overlay/index.js.map +1 -0
  155. package/lib/overlay/styles.less +44 -0
  156. package/lib/popover/index.d.ts +28 -0
  157. package/lib/popover/index.d.ts.map +1 -0
  158. package/lib/popover/index.js +127 -0
  159. package/lib/popover/index.js.map +1 -0
  160. package/lib/popover/styles.less +135 -0
  161. package/lib/recycle-list/RecycleList.d.ts +105 -0
  162. package/lib/recycle-list/RecycleList.d.ts.map +1 -0
  163. package/lib/recycle-list/RecycleList.js +253 -0
  164. package/lib/recycle-list/RecycleList.js.map +1 -0
  165. package/lib/recycle-list/index.d.ts +2 -0
  166. package/lib/recycle-list/index.d.ts.map +1 -0
  167. package/lib/recycle-list/index.js +5 -0
  168. package/lib/recycle-list/index.js.map +1 -0
  169. package/lib/recycle-tree/RecycleTree.d.ts +254 -0
  170. package/lib/recycle-tree/RecycleTree.d.ts.map +1 -0
  171. package/lib/recycle-tree/RecycleTree.js +635 -0
  172. package/lib/recycle-tree/RecycleTree.js.map +1 -0
  173. package/lib/recycle-tree/TreeNodeRendererWrap.d.ts +37 -0
  174. package/lib/recycle-tree/TreeNodeRendererWrap.d.ts.map +1 -0
  175. package/lib/recycle-tree/TreeNodeRendererWrap.js +18 -0
  176. package/lib/recycle-tree/TreeNodeRendererWrap.js.map +1 -0
  177. package/lib/recycle-tree/decorators/Adaptive/index.d.ts +10 -0
  178. package/lib/recycle-tree/decorators/Adaptive/index.d.ts.map +1 -0
  179. package/lib/recycle-tree/decorators/Adaptive/index.js +97 -0
  180. package/lib/recycle-tree/decorators/Adaptive/index.js.map +1 -0
  181. package/lib/recycle-tree/decorators/Filter/filter.less +11 -0
  182. package/lib/recycle-tree/decorators/Filter/index.d.ts +26 -0
  183. package/lib/recycle-tree/decorators/Filter/index.d.ts.map +1 -0
  184. package/lib/recycle-tree/decorators/Filter/index.js +53 -0
  185. package/lib/recycle-tree/decorators/Filter/index.js.map +1 -0
  186. package/lib/recycle-tree/decorators/index.d.ts +3 -0
  187. package/lib/recycle-tree/decorators/index.d.ts.map +1 -0
  188. package/lib/recycle-tree/decorators/index.js +6 -0
  189. package/lib/recycle-tree/decorators/index.js.map +1 -0
  190. package/lib/recycle-tree/index.d.ts +7 -0
  191. package/lib/recycle-tree/index.d.ts.map +1 -0
  192. package/lib/recycle-tree/index.js +10 -0
  193. package/lib/recycle-tree/index.js.map +1 -0
  194. package/lib/recycle-tree/prompt/NewPromptHandle.d.ts +12 -0
  195. package/lib/recycle-tree/prompt/NewPromptHandle.d.ts.map +1 -0
  196. package/lib/recycle-tree/prompt/NewPromptHandle.js +21 -0
  197. package/lib/recycle-tree/prompt/NewPromptHandle.js.map +1 -0
  198. package/lib/recycle-tree/prompt/PromptHandle.d.ts +59 -0
  199. package/lib/recycle-tree/prompt/PromptHandle.d.ts.map +1 -0
  200. package/lib/recycle-tree/prompt/PromptHandle.js +200 -0
  201. package/lib/recycle-tree/prompt/PromptHandle.js.map +1 -0
  202. package/lib/recycle-tree/prompt/RenamePromptHandle.d.ts +10 -0
  203. package/lib/recycle-tree/prompt/RenamePromptHandle.d.ts.map +1 -0
  204. package/lib/recycle-tree/prompt/RenamePromptHandle.js +21 -0
  205. package/lib/recycle-tree/prompt/RenamePromptHandle.js.map +1 -0
  206. package/lib/recycle-tree/prompt/index.d.ts +4 -0
  207. package/lib/recycle-tree/prompt/index.d.ts.map +1 -0
  208. package/lib/recycle-tree/prompt/index.js +7 -0
  209. package/lib/recycle-tree/prompt/index.js.map +1 -0
  210. package/lib/recycle-tree/tree/Tree.d.ts +20 -0
  211. package/lib/recycle-tree/tree/Tree.d.ts.map +1 -0
  212. package/lib/recycle-tree/tree/Tree.js +43 -0
  213. package/lib/recycle-tree/tree/Tree.js.map +1 -0
  214. package/lib/recycle-tree/tree/TreeNode.d.ts +222 -0
  215. package/lib/recycle-tree/tree/TreeNode.d.ts.map +1 -0
  216. package/lib/recycle-tree/tree/TreeNode.js +1099 -0
  217. package/lib/recycle-tree/tree/TreeNode.js.map +1 -0
  218. package/lib/recycle-tree/tree/decoration/CompositeDecoration.d.ts +60 -0
  219. package/lib/recycle-tree/tree/decoration/CompositeDecoration.d.ts.map +1 -0
  220. package/lib/recycle-tree/tree/decoration/CompositeDecoration.js +328 -0
  221. package/lib/recycle-tree/tree/decoration/CompositeDecoration.js.map +1 -0
  222. package/lib/recycle-tree/tree/decoration/Decoration.d.ts +79 -0
  223. package/lib/recycle-tree/tree/decoration/Decoration.d.ts.map +1 -0
  224. package/lib/recycle-tree/tree/decoration/Decoration.js +183 -0
  225. package/lib/recycle-tree/tree/decoration/Decoration.js.map +1 -0
  226. package/lib/recycle-tree/tree/decoration/DecorationManager.d.ts +34 -0
  227. package/lib/recycle-tree/tree/decoration/DecorationManager.d.ts.map +1 -0
  228. package/lib/recycle-tree/tree/decoration/DecorationManager.js +166 -0
  229. package/lib/recycle-tree/tree/decoration/DecorationManager.js.map +1 -0
  230. package/lib/recycle-tree/tree/decoration/index.d.ts +4 -0
  231. package/lib/recycle-tree/tree/decoration/index.d.ts.map +1 -0
  232. package/lib/recycle-tree/tree/decoration/index.js +7 -0
  233. package/lib/recycle-tree/tree/decoration/index.js.map +1 -0
  234. package/lib/recycle-tree/tree/index.d.ts +5 -0
  235. package/lib/recycle-tree/tree/index.d.ts.map +1 -0
  236. package/lib/recycle-tree/tree/index.js +8 -0
  237. package/lib/recycle-tree/tree/index.js.map +1 -0
  238. package/lib/recycle-tree/tree/model/TreeModel.d.ts +50 -0
  239. package/lib/recycle-tree/tree/model/TreeModel.d.ts.map +1 -0
  240. package/lib/recycle-tree/tree/model/TreeModel.js +81 -0
  241. package/lib/recycle-tree/tree/model/TreeModel.js.map +1 -0
  242. package/lib/recycle-tree/tree/model/index.d.ts +2 -0
  243. package/lib/recycle-tree/tree/model/index.d.ts.map +1 -0
  244. package/lib/recycle-tree/tree/model/index.js +5 -0
  245. package/lib/recycle-tree/tree/model/index.js.map +1 -0
  246. package/lib/recycle-tree/tree/model/treeState/TreeStateManager.d.ts +65 -0
  247. package/lib/recycle-tree/tree/model/treeState/TreeStateManager.d.ts.map +1 -0
  248. package/lib/recycle-tree/tree/model/treeState/TreeStateManager.js +191 -0
  249. package/lib/recycle-tree/tree/model/treeState/TreeStateManager.js.map +1 -0
  250. package/lib/recycle-tree/tree/model/treeState/TreeStateWatcher.d.ts +15 -0
  251. package/lib/recycle-tree/tree/model/treeState/TreeStateWatcher.d.ts.map +1 -0
  252. package/lib/recycle-tree/tree/model/treeState/TreeStateWatcher.js +104 -0
  253. package/lib/recycle-tree/tree/model/treeState/TreeStateWatcher.js.map +1 -0
  254. package/lib/recycle-tree/tree/model/treeState/index.d.ts +4 -0
  255. package/lib/recycle-tree/tree/model/treeState/index.d.ts.map +1 -0
  256. package/lib/recycle-tree/tree/model/treeState/index.js +8 -0
  257. package/lib/recycle-tree/tree/model/treeState/index.js.map +1 -0
  258. package/lib/recycle-tree/tree/model/treeState/types.d.ts +21 -0
  259. package/lib/recycle-tree/tree/model/treeState/types.d.ts.map +1 -0
  260. package/lib/recycle-tree/tree/model/treeState/types.js +18 -0
  261. package/lib/recycle-tree/tree/model/treeState/types.js.map +1 -0
  262. package/lib/recycle-tree/types/index.d.ts +4 -0
  263. package/lib/recycle-tree/types/index.d.ts.map +1 -0
  264. package/lib/recycle-tree/types/index.js +7 -0
  265. package/lib/recycle-tree/types/index.js.map +1 -0
  266. package/lib/recycle-tree/types/tree-node.d.ts +70 -0
  267. package/lib/recycle-tree/types/tree-node.d.ts.map +1 -0
  268. package/lib/recycle-tree/types/tree-node.js +11 -0
  269. package/lib/recycle-tree/types/tree-node.js.map +1 -0
  270. package/lib/recycle-tree/types/tree.d.ts +8 -0
  271. package/lib/recycle-tree/types/tree.d.ts.map +1 -0
  272. package/lib/recycle-tree/types/tree.js +3 -0
  273. package/lib/recycle-tree/types/tree.js.map +1 -0
  274. package/lib/recycle-tree/types/watcher.d.ts +114 -0
  275. package/lib/recycle-tree/types/watcher.d.ts.map +1 -0
  276. package/lib/recycle-tree/types/watcher.js +46 -0
  277. package/lib/recycle-tree/types/watcher.js.map +1 -0
  278. package/lib/scrollbars/index.d.ts +14 -0
  279. package/lib/scrollbars/index.d.ts.map +1 -0
  280. package/lib/scrollbars/index.js +52 -0
  281. package/lib/scrollbars/index.js.map +1 -0
  282. package/lib/scrollbars/styles.less +46 -0
  283. package/lib/select/index.d.ts +119 -0
  284. package/lib/select/index.d.ts.map +1 -0
  285. package/lib/select/index.js +327 -0
  286. package/lib/select/index.js.map +1 -0
  287. package/lib/select/style.less +224 -0
  288. package/lib/style/base.less +542 -0
  289. package/lib/style/index.less +14 -0
  290. package/lib/style/mixins.less +135 -0
  291. package/lib/style/motion/fade.less +31 -0
  292. package/lib/style/motion/move.less +120 -0
  293. package/lib/style/motion/other.less +45 -0
  294. package/lib/style/motion/slide.less +120 -0
  295. package/lib/style/motion/swing.less +34 -0
  296. package/lib/style/motion/zoom.less +162 -0
  297. package/lib/style/variable.less +204 -0
  298. package/lib/tabs/index.d.ts +12 -0
  299. package/lib/tabs/index.d.ts.map +1 -0
  300. package/lib/tabs/index.js +24 -0
  301. package/lib/tabs/index.js.map +1 -0
  302. package/lib/tabs/style.less +34 -0
  303. package/lib/tooltip/index.d.ts +7 -0
  304. package/lib/tooltip/index.d.ts.map +1 -0
  305. package/lib/tooltip/index.js +58 -0
  306. package/lib/tooltip/index.js.map +1 -0
  307. package/lib/tooltip/style.less +41 -0
  308. package/lib/utils/deprecated.d.ts +3 -0
  309. package/lib/utils/deprecated.d.ts.map +1 -0
  310. package/lib/utils/deprecated.js +18 -0
  311. package/lib/utils/deprecated.js.map +1 -0
  312. package/lib/utils/disposable.d.ts +37 -0
  313. package/lib/utils/disposable.d.ts.map +1 -0
  314. package/lib/utils/disposable.js +140 -0
  315. package/lib/utils/disposable.js.map +1 -0
  316. package/lib/utils/event.d.ts +189 -0
  317. package/lib/utils/event.d.ts.map +1 -0
  318. package/lib/utils/event.js +569 -0
  319. package/lib/utils/event.js.map +1 -0
  320. package/lib/utils/index.d.ts +10 -0
  321. package/lib/utils/index.d.ts.map +1 -0
  322. package/lib/utils/index.js +13 -0
  323. package/lib/utils/index.js.map +1 -0
  324. package/lib/utils/iterator.d.ts +14 -0
  325. package/lib/utils/iterator.d.ts.map +1 -0
  326. package/lib/utils/iterator.js +9 -0
  327. package/lib/utils/iterator.js.map +1 -0
  328. package/lib/utils/linkedList.d.ts +18 -0
  329. package/lib/utils/linkedList.d.ts.map +1 -0
  330. package/lib/utils/linkedList.js +139 -0
  331. package/lib/utils/linkedList.js.map +1 -0
  332. package/lib/utils/motion.d.ts +24 -0
  333. package/lib/utils/motion.d.ts.map +1 -0
  334. package/lib/utils/motion.js +17 -0
  335. package/lib/utils/motion.js.map +1 -0
  336. package/lib/utils/os.d.ts +4 -0
  337. package/lib/utils/os.d.ts.map +1 -0
  338. package/lib/utils/os.js +22 -0
  339. package/lib/utils/os.js.map +1 -0
  340. package/lib/utils/path.d.ts +92 -0
  341. package/lib/utils/path.d.ts.map +1 -0
  342. package/lib/utils/path.js +1712 -0
  343. package/lib/utils/path.js.map +1 -0
  344. package/lib/utils/process.d.ts +6 -0
  345. package/lib/utils/process.d.ts.map +1 -0
  346. package/lib/utils/process.js +17 -0
  347. package/lib/utils/process.js.map +1 -0
  348. package/lib/utils/raf.d.ts +10 -0
  349. package/lib/utils/raf.d.ts.map +1 -0
  350. package/lib/utils/raf.js +33 -0
  351. package/lib/utils/raf.js.map +1 -0
  352. package/lib/utils/type.d.ts +4 -0
  353. package/lib/utils/type.d.ts.map +1 -0
  354. package/lib/utils/type.js +9 -0
  355. package/lib/utils/type.js.map +1 -0
  356. package/lib/utils/warning.d.ts +8 -0
  357. package/lib/utils/warning.d.ts.map +1 -0
  358. package/lib/utils/warning.js +40 -0
  359. package/lib/utils/warning.js.map +1 -0
  360. package/package.json +36 -0
package/lib/icon/iconfont/iconfont.html ADDED
@@ -0,0 +1,1522 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Iconfont</title>
7
+ <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1432262_qwu5r5q6rd.css">
8
+ <style>
9
+ body {
10
+ padding: 0;
11
+ font-family: 'Lucida Console', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
12
+ }
13
+ ul {
14
+ padding: 0;
15
+ margin: 0;
16
+ }
17
+ ul.kaitian-icons {
18
+ margin: 10px 0;
19
+ overflow: hidden;
20
+ list-style: none;
21
+ }
22
+ ul.kaitian-icons li {
23
+ position: relative;
24
+ float: left;
25
+ width: 16.66%;
26
+ height: 100px;
27
+ margin: 3px 0;
28
+ padding: 10px 0 0;
29
+ overflow: hidden;
30
+ color: #555;
31
+ text-align: center;
32
+ list-style: none;
33
+ background-color: #fff;
34
+ border-radius: 4px;
35
+ cursor: pointer;
36
+ transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
37
+ }
38
+
39
+ ul.kaitian-icons li::after {
40
+ position: absolute;
41
+ top: 0;
42
+ left: 0;
43
+ width: 100%;
44
+ height: 100%;
45
+ color: #fff;
46
+ line-height: 110px;
47
+ text-align: center;
48
+ opacity: 0;
49
+ transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
50
+ content: 'Copied!';
51
+ }
52
+
53
+ ul.kaitian-icons li.copied::after {
54
+ top: -10px;
55
+ opacity: 1;
56
+ }
57
+
58
+ ul.kaitian-icons li:hover {
59
+ color: #fff;
60
+ background-color: #1890ff;
61
+ }
62
+
63
+ ul.kaitian-icons li.copied:hover {
64
+ color: rgba(255, 255, 255, 0.2);
65
+ }
66
+
67
+ .kaitian-icon {
68
+ margin: 12px 0 8px;
69
+ font-size: 36px;
70
+ transition: transform 0.3s ease-in-out;
71
+ will-change: transform;
72
+ }
73
+
74
+ .icon-name-wrapper {
75
+ white-space: nowrap;
76
+ text-align: center;
77
+ margin-top: 10px;
78
+ }
79
+
80
+ .icon-name {
81
+ font-size: 14px;
82
+ }
83
+ </style>
84
+ </head>
85
+ <body>
86
+ <div style="text-align: center;">
87
+ <h2>
88
+ kaitian icon list
89
+ </h2>
90
+ <p>ide-framework v2.2.0</p>
91
+ <p>//at.alicdn.com/t/font_1432262_qwu5r5q6rd.css</p>
92
+
93
+ <div>click to copy icon name</div>
94
+ </div>
95
+
96
+ <ul class="kaitian-icons" id="kaitian-icons">
97
+ <li data-icon="unmax">
98
+ <i
99
+ aria-label="图标: unmax"
100
+ class="kaitian-icon kticon-unmax">
101
+ </i>
102
+ <div class="icon-name-wrapper">
103
+ <span class="icon-name">unmax</span>
104
+ </div>
105
+ </li>
106
+ <li data-icon="max">
107
+ <i
108
+ aria-label="图标: max"
109
+ class="kaitian-icon kticon-max">
110
+ </i>
111
+ <div class="icon-name-wrapper">
112
+ <span class="icon-name">max</span>
113
+ </div>
114
+ </li>
115
+ <li data-icon="close1">
116
+ <i
117
+ aria-label="图标: close1"
118
+ class="kaitian-icon kticon-close1">
119
+ </i>
120
+ <div class="icon-name-wrapper">
121
+ <span class="icon-name">close1</span>
122
+ </div>
123
+ </li>
124
+ <li data-icon="min">
125
+ <i
126
+ aria-label="图标: min"
127
+ class="kaitian-icon kticon-min">
128
+ </i>
129
+ <div class="icon-name-wrapper">
130
+ <span class="icon-name">min</span>
131
+ </div>
132
+ </li>
133
+ <li data-icon="kaitian">
134
+ <i
135
+ aria-label="图标: kaitian"
136
+ class="kaitian-icon kticon-kaitian">
137
+ </i>
138
+ <div class="icon-name-wrapper">
139
+ <span class="icon-name">kaitian</span>
140
+ </div>
141
+ </li>
142
+ <li data-icon="focus">
143
+ <i
144
+ aria-label="图标: focus"
145
+ class="kaitian-icon kticon-focus">
146
+ </i>
147
+ <div class="icon-name-wrapper">
148
+ <span class="icon-name">focus</span>
149
+ </div>
150
+ </li>
151
+ <li data-icon="experiment">
152
+ <i
153
+ aria-label="图标: experiment"
154
+ class="kaitian-icon kticon-experiment">
155
+ </i>
156
+ <div class="icon-name-wrapper">
157
+ <span class="icon-name">experiment</span>
158
+ </div>
159
+ </li>
160
+ <li data-icon="expand-all">
161
+ <i
162
+ aria-label="图标: expand-all"
163
+ class="kaitian-icon kticon-expand-all">
164
+ </i>
165
+ <div class="icon-name-wrapper">
166
+ <span class="icon-name">expand-all</span>
167
+ </div>
168
+ </li>
169
+ <li data-icon="tree">
170
+ <i
171
+ aria-label="图标: tree"
172
+ class="kaitian-icon kticon-tree">
173
+ </i>
174
+ <div class="icon-name-wrapper">
175
+ <span class="icon-name">tree</span>
176
+ </div>
177
+ </li>
178
+ <li data-icon="toolkit">
179
+ <i
180
+ aria-label="图标: toolkit"
181
+ class="kaitian-icon kticon-toolkit">
182
+ </i>
183
+ <div class="icon-name-wrapper">
184
+ <span class="icon-name">toolkit</span>
185
+ </div>
186
+ </li>
187
+ <li data-icon="check-square-fill">
188
+ <i
189
+ aria-label="图标: check-square-fill"
190
+ class="kaitian-icon kticon-check-square-fill">
191
+ </i>
192
+ <div class="icon-name-wrapper">
193
+ <span class="icon-name">check-square-fill</span>
194
+ </div>
195
+ </li>
196
+ <li data-icon="check-square-o">
197
+ <i
198
+ aria-label="图标: check-square-o"
199
+ class="kaitian-icon kticon-check-square-o">
200
+ </i>
201
+ <div class="icon-name-wrapper">
202
+ <span class="icon-name">check-square-o</span>
203
+ </div>
204
+ </li>
205
+ <li data-icon="time-circle">
206
+ <i
207
+ aria-label="图标: time-circle"
208
+ class="kaitian-icon kticon-time-circle">
209
+ </i>
210
+ <div class="icon-name-wrapper">
211
+ <span class="icon-name">time-circle</span>
212
+ </div>
213
+ </li>
214
+ <li data-icon="LinkE">
215
+ <i
216
+ aria-label="图标: LinkE"
217
+ class="kaitian-icon kticon-LinkE">
218
+ </i>
219
+ <div class="icon-name-wrapper">
220
+ <span class="icon-name">LinkE</span>
221
+ </div>
222
+ </li>
223
+ <li data-icon="huoban">
224
+ <i
225
+ aria-label="图标: huoban"
226
+ class="kaitian-icon kticon-huoban">
227
+ </i>
228
+ <div class="icon-name-wrapper">
229
+ <span class="icon-name">huoban</span>
230
+ </div>
231
+ </li>
232
+ <li data-icon="huoban-blue">
233
+ <i
234
+ aria-label="图标: huoban-blue"
235
+ class="kaitian-icon kticon-huoban-blue">
236
+ </i>
237
+ <div class="icon-name-wrapper">
238
+ <span class="icon-name">huoban-blue</span>
239
+ </div>
240
+ </li>
241
+ <li data-icon="time-circle-fill">
242
+ <i
243
+ aria-label="图标: time-circle-fill"
244
+ class="kaitian-icon kticon-time-circle-fill">
245
+ </i>
246
+ <div class="icon-name-wrapper">
247
+ <span class="icon-name">time-circle-fill</span>
248
+ </div>
249
+ </li>
250
+ <li data-icon="anymock">
251
+ <i
252
+ aria-label="图标: anymock"
253
+ class="kaitian-icon kticon-anymock">
254
+ </i>
255
+ <div class="icon-name-wrapper">
256
+ <span class="icon-name">anymock</span>
257
+ </div>
258
+ </li>
259
+ <li data-icon="add-comments">
260
+ <i
261
+ aria-label="图标: add-comments"
262
+ class="kaitian-icon kticon-add-comments">
263
+ </i>
264
+ <div class="icon-name-wrapper">
265
+ <span class="icon-name">add-comments</span>
266
+ </div>
267
+ </li>
268
+ <li data-icon="deploy">
269
+ <i
270
+ aria-label="图标: deploy"
271
+ class="kaitian-icon kticon-deploy">
272
+ </i>
273
+ <div class="icon-name-wrapper">
274
+ <span class="icon-name">deploy</span>
275
+ </div>
276
+ </li>
277
+ <li data-icon="Gitlab-fill">
278
+ <i
279
+ aria-label="图标: Gitlab-fill"
280
+ class="kaitian-icon kticon-Gitlab-fill">
281
+ </i>
282
+ <div class="icon-name-wrapper">
283
+ <span class="icon-name">Gitlab-fill</span>
284
+ </div>
285
+ </li>
286
+ <li data-icon="message">
287
+ <i
288
+ aria-label="图标: message"
289
+ class="kaitian-icon kticon-message">
290
+ </i>
291
+ <div class="icon-name-wrapper">
292
+ <span class="icon-name">message</span>
293
+ </div>
294
+ </li>
295
+ <li data-icon="mobile-phone">
296
+ <i
297
+ aria-label="图标: mobile-phone"
298
+ class="kaitian-icon kticon-mobile-phone">
299
+ </i>
300
+ <div class="icon-name-wrapper">
301
+ <span class="icon-name">mobile-phone</span>
302
+ </div>
303
+ </li>
304
+ <li data-icon="PR">
305
+ <i
306
+ aria-label="图标: PR"
307
+ class="kaitian-icon kticon-PR">
308
+ </i>
309
+ <div class="icon-name-wrapper">
310
+ <span class="icon-name">PR</span>
311
+ </div>
312
+ </li>
313
+ <li data-icon="file-copy">
314
+ <i
315
+ aria-label="图标: file-copy"
316
+ class="kaitian-icon kticon-file-copy">
317
+ </i>
318
+ <div class="icon-name-wrapper">
319
+ <span class="icon-name">file-copy</span>
320
+ </div>
321
+ </li>
322
+ <li data-icon="project-information">
323
+ <i
324
+ aria-label="图标: project-information"
325
+ class="kaitian-icon kticon-project-information">
326
+ </i>
327
+ <div class="icon-name-wrapper">
328
+ <span class="icon-name">project-information</span>
329
+ </div>
330
+ </li>
331
+ <li data-icon="control">
332
+ <i
333
+ aria-label="图标: control"
334
+ class="kaitian-icon kticon-control">
335
+ </i>
336
+ <div class="icon-name-wrapper">
337
+ <span class="icon-name">control</span>
338
+ </div>
339
+ </li>
340
+ <li data-icon="doubleright">
341
+ <i
342
+ aria-label="图标: doubleright"
343
+ class="kaitian-icon kticon-doubleright">
344
+ </i>
345
+ <div class="icon-name-wrapper">
346
+ <span class="icon-name">doubleright</span>
347
+ </div>
348
+ </li>
349
+ <li data-icon="mobile">
350
+ <i
351
+ aria-label="图标: mobile"
352
+ class="kaitian-icon kticon-mobile">
353
+ </i>
354
+ <div class="icon-name-wrapper">
355
+ <span class="icon-name">mobile</span>
356
+ </div>
357
+ </li>
358
+ <li data-icon="retrieval">
359
+ <i
360
+ aria-label="图标: retrieval"
361
+ class="kaitian-icon kticon-retrieval">
362
+ </i>
363
+ <div class="icon-name-wrapper">
364
+ <span class="icon-name">retrieval</span>
365
+ </div>
366
+ </li>
367
+ <li data-icon="openfile">
368
+ <i
369
+ aria-label="图标: openfile"
370
+ class="kaitian-icon kticon-openfile">
371
+ </i>
372
+ <div class="icon-name-wrapper">
373
+ <span class="icon-name">openfile</span>
374
+ </div>
375
+ </li>
376
+ <li data-icon="arrowup">
377
+ <i
378
+ aria-label="图标: arrowup"
379
+ class="kaitian-icon kticon-arrowup">
380
+ </i>
381
+ <div class="icon-name-wrapper">
382
+ <span class="icon-name">arrowup</span>
383
+ </div>
384
+ </li>
385
+ <li data-icon="arrowdown">
386
+ <i
387
+ aria-label="图标: arrowdown"
388
+ class="kaitian-icon kticon-arrowdown">
389
+ </i>
390
+ <div class="icon-name-wrapper">
391
+ <span class="icon-name">arrowdown</span>
392
+ </div>
393
+ </li>
394
+ <li data-icon="code">
395
+ <i
396
+ aria-label="图标: code"
397
+ class="kaitian-icon kticon-code">
398
+ </i>
399
+ <div class="icon-name-wrapper">
400
+ <span class="icon-name">code</span>
401
+ </div>
402
+ </li>
403
+ <li data-icon="keyboard">
404
+ <i
405
+ aria-label="图标: keyboard"
406
+ class="kaitian-icon kticon-keyboard">
407
+ </i>
408
+ <div class="icon-name-wrapper">
409
+ <span class="icon-name">keyboard</span>
410
+ </div>
411
+ </li>
412
+ <li data-icon="breakpoint-stop-before">
413
+ <i
414
+ aria-label="图标: breakpoint-stop-before"
415
+ class="kaitian-icon kticon-breakpoint-stop-before">
416
+ </i>
417
+ <div class="icon-name-wrapper">
418
+ <span class="icon-name">breakpoint-stop-before</span>
419
+ </div>
420
+ </li>
421
+ <li data-icon="breakpoint-activate">
422
+ <i
423
+ aria-label="图标: breakpoint-activate"
424
+ class="kaitian-icon kticon-breakpoint-activate">
425
+ </i>
426
+ <div class="icon-name-wrapper">
427
+ <span class="icon-name">breakpoint-activate</span>
428
+ </div>
429
+ </li>
430
+ <li data-icon="breakpoint-enabled">
431
+ <i
432
+ aria-label="图标: breakpoint-enabled"
433
+ class="kaitian-icon kticon-breakpoint-enabled">
434
+ </i>
435
+ <div class="icon-name-wrapper">
436
+ <span class="icon-name">breakpoint-enabled</span>
437
+ </div>
438
+ </li>
439
+ <li data-icon="breakpoint-disabled">
440
+ <i
441
+ aria-label="图标: breakpoint-disabled"
442
+ class="kaitian-icon kticon-breakpoint-disabled">
443
+ </i>
444
+ <div class="icon-name-wrapper">
445
+ <span class="icon-name">breakpoint-disabled</span>
446
+ </div>
447
+ </li>
448
+ <li data-icon="breakpoint-deactivate">
449
+ <i
450
+ aria-label="图标: breakpoint-deactivate"
451
+ class="kaitian-icon kticon-breakpoint-deactivate">
452
+ </i>
453
+ <div class="icon-name-wrapper">
454
+ <span class="icon-name">breakpoint-deactivate</span>
455
+ </div>
456
+ </li>
457
+ <li data-icon="breakpoint-stop">
458
+ <i
459
+ aria-label="图标: breakpoint-stop"
460
+ class="kaitian-icon kticon-breakpoint-stop">
461
+ </i>
462
+ <div class="icon-name-wrapper">
463
+ <span class="icon-name">breakpoint-stop</span>
464
+ </div>
465
+ </li>
466
+ <li data-icon="pause">
467
+ <i
468
+ aria-label="图标: pause"
469
+ class="kaitian-icon kticon-pause">
470
+ </i>
471
+ <div class="icon-name-wrapper">
472
+ <span class="icon-name">pause</span>
473
+ </div>
474
+ </li>
475
+ <li data-icon="stop">
476
+ <i
477
+ aria-label="图标: stop"
478
+ class="kaitian-icon kticon-stop">
479
+ </i>
480
+ <div class="icon-name-wrapper">
481
+ <span class="icon-name">stop</span>
482
+ </div>
483
+ </li>
484
+ <li data-icon="share">
485
+ <i
486
+ aria-label="图标: share"
487
+ class="kaitian-icon kticon-share">
488
+ </i>
489
+ <div class="icon-name-wrapper">
490
+ <span class="icon-name">share</span>
491
+ </div>
492
+ </li>
493
+ <li data-icon="drag">
494
+ <i
495
+ aria-label="图标: drag"
496
+ class="kaitian-icon kticon-drag">
497
+ </i>
498
+ <div class="icon-name-wrapper">
499
+ <span class="icon-name">drag</span>
500
+ </div>
501
+ </li>
502
+ <li data-icon="check-close-circle-o">
503
+ <i
504
+ aria-label="图标: check-close-circle-o"
505
+ class="kaitian-icon kticon-check-close-circle-o">
506
+ </i>
507
+ <div class="icon-name-wrapper">
508
+ <span class="icon-name">check-close-circle-o</span>
509
+ </div>
510
+ </li>
511
+ <li data-icon="question-circle-o">
512
+ <i
513
+ aria-label="图标: question-circle-o"
514
+ class="kaitian-icon kticon-question-circle-o">
515
+ </i>
516
+ <div class="icon-name-wrapper">
517
+ <span class="icon-name">question-circle-o</span>
518
+ </div>
519
+ </li>
520
+ <li data-icon="open-changes">
521
+ <i
522
+ aria-label="图标: open-changes"
523
+ class="kaitian-icon kticon-open-changes">
524
+ </i>
525
+ <div class="icon-name-wrapper">
526
+ <span class="icon-name">open-changes</span>
527
+ </div>
528
+ </li>
529
+ <li data-icon="terminal">
530
+ <i
531
+ aria-label="图标: terminal"
532
+ class="kaitian-icon kticon-terminal">
533
+ </i>
534
+ <div class="icon-name-wrapper">
535
+ <span class="icon-name">terminal</span>
536
+ </div>
537
+ </li>
538
+ <li data-icon="editor">
539
+ <i
540
+ aria-label="图标: editor"
541
+ class="kaitian-icon kticon-editor">
542
+ </i>
543
+ <div class="icon-name-wrapper">
544
+ <span class="icon-name">editor</span>
545
+ </div>
546
+ </li>
547
+ <li data-icon="start">
548
+ <i
549
+ aria-label="图标: start"
550
+ class="kaitian-icon kticon-start">
551
+ </i>
552
+ <div class="icon-name-wrapper">
553
+ <span class="icon-name">start</span>
554
+ </div>
555
+ </li>
556
+ <li data-icon="step-in">
557
+ <i
558
+ aria-label="图标: step-in"
559
+ class="kaitian-icon kticon-step-in">
560
+ </i>
561
+ <div class="icon-name-wrapper">
562
+ <span class="icon-name">step-in</span>
563
+ </div>
564
+ </li>
565
+ <li data-icon="continue">
566
+ <i
567
+ aria-label="图标: continue"
568
+ class="kaitian-icon kticon-continue">
569
+ </i>
570
+ <div class="icon-name-wrapper">
571
+ <span class="icon-name">continue</span>
572
+ </div>
573
+ </li>
574
+ <li data-icon="step-out">
575
+ <i
576
+ aria-label="图标: step-out"
577
+ class="kaitian-icon kticon-step-out">
578
+ </i>
579
+ <div class="icon-name-wrapper">
580
+ <span class="icon-name">step-out</span>
581
+ </div>
582
+ </li>
583
+ <li data-icon="reload">
584
+ <i
585
+ aria-label="图标: reload"
586
+ class="kaitian-icon kticon-reload">
587
+ </i>
588
+ <div class="icon-name-wrapper">
589
+ <span class="icon-name">reload</span>
590
+ </div>
591
+ </li>
592
+ <li data-icon="step">
593
+ <i
594
+ aria-label="图标: step"
595
+ class="kaitian-icon kticon-step">
596
+ </i>
597
+ <div class="icon-name-wrapper">
598
+ <span class="icon-name">step</span>
599
+ </div>
600
+ </li>
601
+ <li data-icon="folder-default">
602
+ <i
603
+ aria-label="图标: folder-default"
604
+ class="kaitian-icon kticon-folder-default">
605
+ </i>
606
+ <div class="icon-name-wrapper">
607
+ <span class="icon-name">folder-default</span>
608
+ </div>
609
+ </li>
610
+ <li data-icon="file-default">
611
+ <i
612
+ aria-label="图标: file-default"
613
+ class="kaitian-icon kticon-file-default">
614
+ </i>
615
+ <div class="icon-name-wrapper">
616
+ <span class="icon-name">file-default</span>
617
+ </div>
618
+ </li>
619
+ <li data-icon="arrow-right">
620
+ <i
621
+ aria-label="图标: arrow-right"
622
+ class="kaitian-icon kticon-arrow-right">
623
+ </i>
624
+ <div class="icon-name-wrapper">
625
+ <span class="icon-name">arrow-right</span>
626
+ </div>
627
+ </li>
628
+ <li data-icon="arrow-down">
629
+ <i
630
+ aria-label="图标: arrow-down"
631
+ class="kaitian-icon kticon-arrow-down">
632
+ </i>
633
+ <div class="icon-name-wrapper">
634
+ <span class="icon-name">arrow-down</span>
635
+ </div>
636
+ </li>
637
+ <li data-icon="dock-down">
638
+ <i
639
+ aria-label="图标: dock-down"
640
+ class="kaitian-icon kticon-dock-down">
641
+ </i>
642
+ <div class="icon-name-wrapper">
643
+ <span class="icon-name">dock-down</span>
644
+ </div>
645
+ </li>
646
+ <li data-icon="gitlab">
647
+ <i
648
+ aria-label="图标: gitlab"
649
+ class="kaitian-icon kticon-gitlab">
650
+ </i>
651
+ <div class="icon-name-wrapper">
652
+ <span class="icon-name">gitlab</span>
653
+ </div>
654
+ </li>
655
+ <li data-icon="basement-fileicon">
656
+ <i
657
+ aria-label="图标: basement-fileicon"
658
+ class="kaitian-icon kticon-basement-fileicon">
659
+ </i>
660
+ <div class="icon-name-wrapper">
661
+ <span class="icon-name">basement-fileicon</span>
662
+ </div>
663
+ </li>
664
+ <li data-icon="minus">
665
+ <i
666
+ aria-label="图标: minus"
667
+ class="kaitian-icon kticon-minus">
668
+ </i>
669
+ <div class="icon-name-wrapper">
670
+ <span class="icon-name">minus</span>
671
+ </div>
672
+ </li>
673
+ <li data-icon="layout">
674
+ <i
675
+ aria-label="图标: layout"
676
+ class="kaitian-icon kticon-layout">
677
+ </i>
678
+ <div class="icon-name-wrapper">
679
+ <span class="icon-name">layout</span>
680
+ </div>
681
+ </li>
682
+ <li data-icon="layout1">
683
+ <i
684
+ aria-label="图标: layout1"
685
+ class="kaitian-icon kticon-layout1">
686
+ </i>
687
+ <div class="icon-name-wrapper">
688
+ <span class="icon-name">layout1</span>
689
+ </div>
690
+ </li>
691
+ <li data-icon="expand">
692
+ <i
693
+ aria-label="图标: expand"
694
+ class="kaitian-icon kticon-expand">
695
+ </i>
696
+ <div class="icon-name-wrapper">
697
+ <span class="icon-name">expand</span>
698
+ </div>
699
+ </li>
700
+ <li data-icon="shrink">
701
+ <i
702
+ aria-label="图标: shrink"
703
+ class="kaitian-icon kticon-shrink">
704
+ </i>
705
+ <div class="icon-name-wrapper">
706
+ <span class="icon-name">shrink</span>
707
+ </div>
708
+ </li>
709
+ <li data-icon="bulb-fill">
710
+ <i
711
+ aria-label="图标: bulb-fill"
712
+ class="kaitian-icon kticon-bulb-fill">
713
+ </i>
714
+ <div class="icon-name-wrapper">
715
+ <span class="icon-name">bulb-fill</span>
716
+ </div>
717
+ </li>
718
+ <li data-icon="sever">
719
+ <i
720
+ aria-label="图标: sever"
721
+ class="kaitian-icon kticon-sever">
722
+ </i>
723
+ <div class="icon-name-wrapper">
724
+ <span class="icon-name">sever</span>
725
+ </div>
726
+ </li>
727
+ <li data-icon="more">
728
+ <i
729
+ aria-label="图标: more"
730
+ class="kaitian-icon kticon-more">
731
+ </i>
732
+ <div class="icon-name-wrapper">
733
+ <span class="icon-name">more</span>
734
+ </div>
735
+ </li>
736
+ <li data-icon="embed">
737
+ <i
738
+ aria-label="图标: embed"
739
+ class="kaitian-icon kticon-embed">
740
+ </i>
741
+ <div class="icon-name-wrapper">
742
+ <span class="icon-name">embed</span>
743
+ </div>
744
+ </li>
745
+ <li data-icon="dock-right">
746
+ <i
747
+ aria-label="图标: dock-right"
748
+ class="kaitian-icon kticon-dock-right">
749
+ </i>
750
+ <div class="icon-name-wrapper">
751
+ <span class="icon-name">dock-right</span>
752
+ </div>
753
+ </li>
754
+ <li data-icon="undock">
755
+ <i
756
+ aria-label="图标: undock"
757
+ class="kaitian-icon kticon-undock">
758
+ </i>
759
+ <div class="icon-name-wrapper">
760
+ <span class="icon-name">undock</span>
761
+ </div>
762
+ </li>
763
+ <li data-icon="error">
764
+ <i
765
+ aria-label="图标: error"
766
+ class="kaitian-icon kticon-error">
767
+ </i>
768
+ <div class="icon-name-wrapper">
769
+ <span class="icon-name">error</span>
770
+ </div>
771
+ </li>
772
+ <li data-icon="browser-preview">
773
+ <i
774
+ aria-label="图标: browser-preview"
775
+ class="kaitian-icon kticon-browser-preview">
776
+ </i>
777
+ <div class="icon-name-wrapper">
778
+ <span class="icon-name">browser-preview</span>
779
+ </div>
780
+ </li>
781
+ <li data-icon="follow-cursor">
782
+ <i
783
+ aria-label="图标: follow-cursor"
784
+ class="kaitian-icon kticon-follow-cursor">
785
+ </i>
786
+ <div class="icon-name-wrapper">
787
+ <span class="icon-name">follow-cursor</span>
788
+ </div>
789
+ </li>
790
+ <li data-icon="github-fill">
791
+ <i
792
+ aria-label="图标: github-fill"
793
+ class="kaitian-icon kticon-github-fill">
794
+ </i>
795
+ <div class="icon-name-wrapper">
796
+ <span class="icon-name">github-fill</span>
797
+ </div>
798
+ </li>
799
+ <li data-icon="global-search">
800
+ <i
801
+ aria-label="图标: global-search"
802
+ class="kaitian-icon kticon-global-search">
803
+ </i>
804
+ <div class="icon-name-wrapper">
805
+ <span class="icon-name">global-search</span>
806
+ </div>
807
+ </li>
808
+ <li data-icon="content-search">
809
+ <i
810
+ aria-label="图标: content-search"
811
+ class="kaitian-icon kticon-content-search">
812
+ </i>
813
+ <div class="icon-name-wrapper">
814
+ <span class="icon-name">content-search</span>
815
+ </div>
816
+ </li>
817
+ <li data-icon="repository">
818
+ <i
819
+ aria-label="图标: repository"
820
+ class="kaitian-icon kticon-repository">
821
+ </i>
822
+ <div class="icon-name-wrapper">
823
+ <span class="icon-name">repository</span>
824
+ </div>
825
+ </li>
826
+ <li data-icon="link">
827
+ <i
828
+ aria-label="图标: link"
829
+ class="kaitian-icon kticon-link">
830
+ </i>
831
+ <div class="icon-name-wrapper">
832
+ <span class="icon-name">link</span>
833
+ </div>
834
+ </li>
835
+ <li data-icon="left">
836
+ <i
837
+ aria-label="图标: left"
838
+ class="kaitian-icon kticon-left">
839
+ </i>
840
+ <div class="icon-name-wrapper">
841
+ <span class="icon-name">left</span>
842
+ </div>
843
+ </li>
844
+ <li data-icon="down">
845
+ <i
846
+ aria-label="图标: down"
847
+ class="kaitian-icon kticon-down">
848
+ </i>
849
+ <div class="icon-name-wrapper">
850
+ <span class="icon-name">down</span>
851
+ </div>
852
+ </li>
853
+ <li data-icon="basement">
854
+ <i
855
+ aria-label="图标: basement"
856
+ class="kaitian-icon kticon-basement">
857
+ </i>
858
+ <div class="icon-name-wrapper">
859
+ <span class="icon-name">basement</span>
860
+ </div>
861
+ </li>
862
+ <li data-icon="execute">
863
+ <i
864
+ aria-label="图标: execute"
865
+ class="kaitian-icon kticon-execute">
866
+ </i>
867
+ <div class="icon-name-wrapper">
868
+ <span class="icon-name">execute</span>
869
+ </div>
870
+ </li>
871
+ <li data-icon="download">
872
+ <i
873
+ aria-label="图标: download"
874
+ class="kaitian-icon kticon-download">
875
+ </i>
876
+ <div class="icon-name-wrapper">
877
+ <span class="icon-name">download</span>
878
+ </div>
879
+ </li>
880
+ <li data-icon="edit">
881
+ <i
882
+ aria-label="图标: edit"
883
+ class="kaitian-icon kticon-edit">
884
+ </i>
885
+ <div class="icon-name-wrapper">
886
+ <span class="icon-name">edit</span>
887
+ </div>
888
+ </li>
889
+ <li data-icon="disconnect">
890
+ <i
891
+ aria-label="图标: disconnect"
892
+ class="kaitian-icon kticon-disconnect">
893
+ </i>
894
+ <div class="icon-name-wrapper">
895
+ <span class="icon-name">disconnect</span>
896
+ </div>
897
+ </li>
898
+ <li data-icon="left-right-subfield">
899
+ <i
900
+ aria-label="图标: left-right-subfield"
901
+ class="kaitian-icon kticon-left-right-subfield">
902
+ </i>
903
+ <div class="icon-name-wrapper">
904
+ <span class="icon-name">left-right-subfield</span>
905
+ </div>
906
+ </li>
907
+ <li data-icon="up-down-subfield">
908
+ <i
909
+ aria-label="图标: up-down-subfield"
910
+ class="kaitian-icon kticon-up-down-subfield">
911
+ </i>
912
+ <div class="icon-name-wrapper">
913
+ <span class="icon-name">up-down-subfield</span>
914
+ </div>
915
+ </li>
916
+ <li data-icon="deactivate-breakpoints">
917
+ <i
918
+ aria-label="图标: deactivate-breakpoints"
919
+ class="kaitian-icon kticon-deactivate-breakpoints">
920
+ </i>
921
+ <div class="icon-name-wrapper">
922
+ <span class="icon-name">deactivate-breakpoints</span>
923
+ </div>
924
+ </li>
925
+ <li data-icon="window-maximize">
926
+ <i
927
+ aria-label="图标: window-maximize"
928
+ class="kaitian-icon kticon-window-maximize">
929
+ </i>
930
+ <div class="icon-name-wrapper">
931
+ <span class="icon-name">window-maximize</span>
932
+ </div>
933
+ </li>
934
+ <li data-icon="caret-right">
935
+ <i
936
+ aria-label="图标: caret-right"
937
+ class="kaitian-icon kticon-caret-right">
938
+ </i>
939
+ <div class="icon-name-wrapper">
940
+ <span class="icon-name">caret-right</span>
941
+ </div>
942
+ </li>
943
+ <li data-icon="info-circle">
944
+ <i
945
+ aria-label="图标: info-circle"
946
+ class="kaitian-icon kticon-info-circle">
947
+ </i>
948
+ <div class="icon-name-wrapper">
949
+ <span class="icon-name">info-circle</span>
950
+ </div>
951
+ </li>
952
+ <li data-icon="close-circle">
953
+ <i
954
+ aria-label="图标: close-circle"
955
+ class="kaitian-icon kticon-close-circle">
956
+ </i>
957
+ <div class="icon-name-wrapper">
958
+ <span class="icon-name">close-circle</span>
959
+ </div>
960
+ </li>
961
+ <li data-icon="warning-circle">
962
+ <i
963
+ aria-label="图标: warning-circle"
964
+ class="kaitian-icon kticon-warning-circle">
965
+ </i>
966
+ <div class="icon-name-wrapper">
967
+ <span class="icon-name">warning-circle</span>
968
+ </div>
969
+ </li>
970
+ <li data-icon="warning-circle-fill">
971
+ <i
972
+ aria-label="图标: warning-circle-fill"
973
+ class="kaitian-icon kticon-warning-circle-fill">
974
+ </i>
975
+ <div class="icon-name-wrapper">
976
+ <span class="icon-name">warning-circle-fill</span>
977
+ </div>
978
+ </li>
979
+ <li data-icon="explorer">
980
+ <i
981
+ aria-label="图标: explorer"
982
+ class="kaitian-icon kticon-explorer">
983
+ </i>
984
+ <div class="icon-name-wrapper">
985
+ <span class="icon-name">explorer</span>
986
+ </div>
987
+ </li>
988
+ <li data-icon="save-all">
989
+ <i
990
+ aria-label="图标: save-all"
991
+ class="kaitian-icon kticon-save-all">
992
+ </i>
993
+ <div class="icon-name-wrapper">
994
+ <span class="icon-name">save-all</span>
995
+ </div>
996
+ </li>
997
+ <li data-icon="close-all">
998
+ <i
999
+ aria-label="图标: close-all"
1000
+ class="kaitian-icon kticon-close-all">
1001
+ </i>
1002
+ <div class="icon-name-wrapper">
1003
+ <span class="icon-name">close-all</span>
1004
+ </div>
1005
+ </li>
1006
+ <li data-icon="replace">
1007
+ <i
1008
+ aria-label="图标: replace"
1009
+ class="kaitian-icon kticon-replace">
1010
+ </i>
1011
+ <div class="icon-name-wrapper">
1012
+ <span class="icon-name">replace</span>
1013
+ </div>
1014
+ </li>
1015
+ <li data-icon="eye-close">
1016
+ <i
1017
+ aria-label="图标: eye-close"
1018
+ class="kaitian-icon kticon-eye-close">
1019
+ </i>
1020
+ <div class="icon-name-wrapper">
1021
+ <span class="icon-name">eye-close</span>
1022
+ </div>
1023
+ </li>
1024
+ <li data-icon="open">
1025
+ <i
1026
+ aria-label="图标: open"
1027
+ class="kaitian-icon kticon-open">
1028
+ </i>
1029
+ <div class="icon-name-wrapper">
1030
+ <span class="icon-name">open</span>
1031
+ </div>
1032
+ </li>
1033
+ <li data-icon="collapse-all">
1034
+ <i
1035
+ aria-label="图标: collapse-all"
1036
+ class="kaitian-icon kticon-collapse-all">
1037
+ </i>
1038
+ <div class="icon-name-wrapper">
1039
+ <span class="icon-name">collapse-all</span>
1040
+ </div>
1041
+ </li>
1042
+ <li data-icon="rollback">
1043
+ <i
1044
+ aria-label="图标: rollback"
1045
+ class="kaitian-icon kticon-rollback">
1046
+ </i>
1047
+ <div class="icon-name-wrapper">
1048
+ <span class="icon-name">rollback</span>
1049
+ </div>
1050
+ </li>
1051
+ <li data-icon="clear">
1052
+ <i
1053
+ aria-label="图标: clear"
1054
+ class="kaitian-icon kticon-clear">
1055
+ </i>
1056
+ <div class="icon-name-wrapper">
1057
+ <span class="icon-name">clear</span>
1058
+ </div>
1059
+ </li>
1060
+ <li data-icon="line">
1061
+ <i
1062
+ aria-label="图标: line"
1063
+ class="kaitian-icon kticon-line">
1064
+ </i>
1065
+ <div class="icon-name-wrapper">
1066
+ <span class="icon-name">line</span>
1067
+ </div>
1068
+ </li>
1069
+ <li data-icon="folder-open">
1070
+ <i
1071
+ aria-label="图标: folder-open"
1072
+ class="kaitian-icon kticon-folder-open">
1073
+ </i>
1074
+ <div class="icon-name-wrapper">
1075
+ <span class="icon-name">folder-open</span>
1076
+ </div>
1077
+ </li>
1078
+ <li data-icon="folder-open-fill">
1079
+ <i
1080
+ aria-label="图标: folder-open-fill"
1081
+ class="kaitian-icon kticon-folder-open-fill">
1082
+ </i>
1083
+ <div class="icon-name-wrapper">
1084
+ <span class="icon-name">folder-open-fill</span>
1085
+ </div>
1086
+ </li>
1087
+ <li data-icon="close_square">
1088
+ <i
1089
+ aria-label="图标: close_square"
1090
+ class="kaitian-icon kticon-close_square">
1091
+ </i>
1092
+ <div class="icon-name-wrapper">
1093
+ <span class="icon-name">close_square</span>
1094
+ </div>
1095
+ </li>
1096
+ <li data-icon="minus-circle-fill">
1097
+ <i
1098
+ aria-label="图标: minus-circle-fill"
1099
+ class="kaitian-icon kticon-minus-circle-fill">
1100
+ </i>
1101
+ <div class="icon-name-wrapper">
1102
+ <span class="icon-name">minus-circle-fill</span>
1103
+ </div>
1104
+ </li>
1105
+ <li data-icon="compass-fill">
1106
+ <i
1107
+ aria-label="图标: compass-fill"
1108
+ class="kaitian-icon kticon-compass-fill">
1109
+ </i>
1110
+ <div class="icon-name-wrapper">
1111
+ <span class="icon-name">compass-fill</span>
1112
+ </div>
1113
+ </li>
1114
+ <li data-icon="ab">
1115
+ <i
1116
+ aria-label="图标: ab"
1117
+ class="kaitian-icon kticon-ab">
1118
+ </i>
1119
+ <div class="icon-name-wrapper">
1120
+ <span class="icon-name">ab</span>
1121
+ </div>
1122
+ </li>
1123
+ <li data-icon="abl">
1124
+ <i
1125
+ aria-label="图标: abl"
1126
+ class="kaitian-icon kticon-abl">
1127
+ </i>
1128
+ <div class="icon-name-wrapper">
1129
+ <span class="icon-name">abl</span>
1130
+ </div>
1131
+ </li>
1132
+ <li data-icon="refresh">
1133
+ <i
1134
+ aria-label="图标: refresh"
1135
+ class="kaitian-icon kticon-refresh">
1136
+ </i>
1137
+ <div class="icon-name-wrapper">
1138
+ <span class="icon-name">refresh</span>
1139
+ </div>
1140
+ </li>
1141
+ <li data-icon="folder">
1142
+ <i
1143
+ aria-label="图标: folder"
1144
+ class="kaitian-icon kticon-folder">
1145
+ </i>
1146
+ <div class="icon-name-wrapper">
1147
+ <span class="icon-name">folder</span>
1148
+ </div>
1149
+ </li>
1150
+ <li data-icon="new-folder">
1151
+ <i
1152
+ aria-label="图标: new-folder"
1153
+ class="kaitian-icon kticon-new-folder">
1154
+ </i>
1155
+ <div class="icon-name-wrapper">
1156
+ <span class="icon-name">new-folder</span>
1157
+ </div>
1158
+ </li>
1159
+ <li data-icon="new-file">
1160
+ <i
1161
+ aria-label="图标: new-file"
1162
+ class="kaitian-icon kticon-new-file">
1163
+ </i>
1164
+ <div class="icon-name-wrapper">
1165
+ <span class="icon-name">new-file</span>
1166
+ </div>
1167
+ </li>
1168
+ <li data-icon="regex">
1169
+ <i
1170
+ aria-label="图标: regex"
1171
+ class="kaitian-icon kticon-regex">
1172
+ </i>
1173
+ <div class="icon-name-wrapper">
1174
+ <span class="icon-name">regex</span>
1175
+ </div>
1176
+ </li>
1177
+ <li data-icon="cloud-download">
1178
+ <i
1179
+ aria-label="图标: cloud-download"
1180
+ class="kaitian-icon kticon-cloud-download">
1181
+ </i>
1182
+ <div class="icon-name-wrapper">
1183
+ <span class="icon-name">cloud-download</span>
1184
+ </div>
1185
+ </li>
1186
+ <li data-icon="fullscreen">
1187
+ <i
1188
+ aria-label="图标: fullscreen"
1189
+ class="kaitian-icon kticon-fullscreen">
1190
+ </i>
1191
+ <div class="icon-name-wrapper">
1192
+ <span class="icon-name">fullscreen</span>
1193
+ </div>
1194
+ </li>
1195
+ <li data-icon="fullscreen-exit">
1196
+ <i
1197
+ aria-label="图标: fullscreen-exit"
1198
+ class="kaitian-icon kticon-fullscreen-exit">
1199
+ </i>
1200
+ <div class="icon-name-wrapper">
1201
+ <span class="icon-name">fullscreen-exit</span>
1202
+ </div>
1203
+ </li>
1204
+ <li data-icon="plus">
1205
+ <i
1206
+ aria-label="图标: plus"
1207
+ class="kaitian-icon kticon-plus">
1208
+ </i>
1209
+ <div class="icon-name-wrapper">
1210
+ <span class="icon-name">plus</span>
1211
+ </div>
1212
+ </li>
1213
+ <li data-icon="eye">
1214
+ <i
1215
+ aria-label="图标: eye"
1216
+ class="kaitian-icon kticon-eye">
1217
+ </i>
1218
+ <div class="icon-name-wrapper">
1219
+ <span class="icon-name">eye</span>
1220
+ </div>
1221
+ </li>
1222
+ <li data-icon="wait">
1223
+ <i
1224
+ aria-label="图标: wait"
1225
+ class="kaitian-icon kticon-wait">
1226
+ </i>
1227
+ <div class="icon-name-wrapper">
1228
+ <span class="icon-name">wait</span>
1229
+ </div>
1230
+ </li>
1231
+ <li data-icon="search">
1232
+ <i
1233
+ aria-label="图标: search"
1234
+ class="kaitian-icon kticon-search">
1235
+ </i>
1236
+ <div class="icon-name-wrapper">
1237
+ <span class="icon-name">search</span>
1238
+ </div>
1239
+ </li>
1240
+ <li data-icon="scm">
1241
+ <i
1242
+ aria-label="图标: scm"
1243
+ class="kaitian-icon kticon-scm">
1244
+ </i>
1245
+ <div class="icon-name-wrapper">
1246
+ <span class="icon-name">scm</span>
1247
+ </div>
1248
+ </li>
1249
+ <li data-icon="debug">
1250
+ <i
1251
+ aria-label="图标: debug"
1252
+ class="kaitian-icon kticon-debug">
1253
+ </i>
1254
+ <div class="icon-name-wrapper">
1255
+ <span class="icon-name">debug</span>
1256
+ </div>
1257
+ </li>
1258
+ <li data-icon="extension">
1259
+ <i
1260
+ aria-label="图标: extension"
1261
+ class="kaitian-icon kticon-extension">
1262
+ </i>
1263
+ <div class="icon-name-wrapper">
1264
+ <span class="icon-name">extension</span>
1265
+ </div>
1266
+ </li>
1267
+ <li data-icon="question-circle">
1268
+ <i
1269
+ aria-label="图标: question-circle"
1270
+ class="kaitian-icon kticon-question-circle">
1271
+ </i>
1272
+ <div class="icon-name-wrapper">
1273
+ <span class="icon-name">question-circle</span>
1274
+ </div>
1275
+ </li>
1276
+ <li data-icon="sync">
1277
+ <i
1278
+ aria-label="图标: sync"
1279
+ class="kaitian-icon kticon-sync">
1280
+ </i>
1281
+ <div class="icon-name-wrapper">
1282
+ <span class="icon-name">sync</span>
1283
+ </div>
1284
+ </li>
1285
+ <li data-icon="detail">
1286
+ <i
1287
+ aria-label="图标: detail"
1288
+ class="kaitian-icon kticon-detail">
1289
+ </i>
1290
+ <div class="icon-name-wrapper">
1291
+ <span class="icon-name">detail</span>
1292
+ </div>
1293
+ </li>
1294
+ <li data-icon="delete">
1295
+ <i
1296
+ aria-label="图标: delete"
1297
+ class="kaitian-icon kticon-delete">
1298
+ </i>
1299
+ <div class="icon-name-wrapper">
1300
+ <span class="icon-name">delete</span>
1301
+ </div>
1302
+ </li>
1303
+ <li data-icon="check">
1304
+ <i
1305
+ aria-label="图标: check"
1306
+ class="kaitian-icon kticon-check">
1307
+ </i>
1308
+ <div class="icon-name-wrapper">
1309
+ <span class="icon-name">check</span>
1310
+ </div>
1311
+ </li>
1312
+ <li data-icon="check-circle-fill">
1313
+ <i
1314
+ aria-label="图标: check-circle-fill"
1315
+ class="kaitian-icon kticon-check-circle-fill">
1316
+ </i>
1317
+ <div class="icon-name-wrapper">
1318
+ <span class="icon-name">check-circle-fill</span>
1319
+ </div>
1320
+ </li>
1321
+ <li data-icon="close-circle-fill">
1322
+ <i
1323
+ aria-label="图标: close-circle-fill"
1324
+ class="kaitian-icon kticon-close-circle-fill">
1325
+ </i>
1326
+ <div class="icon-name-wrapper">
1327
+ <span class="icon-name">close-circle-fill</span>
1328
+ </div>
1329
+ </li>
1330
+ <li data-icon="info-circle-fill">
1331
+ <i
1332
+ aria-label="图标: info-circle-fill"
1333
+ class="kaitian-icon kticon-info-circle-fill">
1334
+ </i>
1335
+ <div class="icon-name-wrapper">
1336
+ <span class="icon-name">info-circle-fill</span>
1337
+ </div>
1338
+ </li>
1339
+ <li data-icon="dashboard-fill">
1340
+ <i
1341
+ aria-label="图标: dashboard-fill"
1342
+ class="kaitian-icon kticon-dashboard-fill">
1343
+ </i>
1344
+ <div class="icon-name-wrapper">
1345
+ <span class="icon-name">dashboard-fill</span>
1346
+ </div>
1347
+ </li>
1348
+ <li data-icon="file-exclamation">
1349
+ <i
1350
+ aria-label="图标: file-exclamation"
1351
+ class="kaitian-icon kticon-file-exclamation">
1352
+ </i>
1353
+ <div class="icon-name-wrapper">
1354
+ <span class="icon-name">file-exclamation</span>
1355
+ </div>
1356
+ </li>
1357
+ <li data-icon="branches">
1358
+ <i
1359
+ aria-label="图标: branches"
1360
+ class="kaitian-icon kticon-branches">
1361
+ </i>
1362
+ <div class="icon-name-wrapper">
1363
+ <span class="icon-name">branches</span>
1364
+ </div>
1365
+ </li>
1366
+ <li data-icon="up">
1367
+ <i
1368
+ aria-label="图标: up"
1369
+ class="kaitian-icon kticon-up">
1370
+ </i>
1371
+ <div class="icon-name-wrapper">
1372
+ <span class="icon-name">up</span>
1373
+ </div>
1374
+ </li>
1375
+ <li data-icon="swap">
1376
+ <i
1377
+ aria-label="图标: swap"
1378
+ class="kaitian-icon kticon-swap">
1379
+ </i>
1380
+ <div class="icon-name-wrapper">
1381
+ <span class="icon-name">swap</span>
1382
+ </div>
1383
+ </li>
1384
+ <li data-icon="unorderedlist">
1385
+ <i
1386
+ aria-label="图标: unorderedlist"
1387
+ class="kaitian-icon kticon-unorderedlist">
1388
+ </i>
1389
+ <div class="icon-name-wrapper">
1390
+ <span class="icon-name">unorderedlist</span>
1391
+ </div>
1392
+ </li>
1393
+ <li data-icon="close">
1394
+ <i
1395
+ aria-label="图标: close"
1396
+ class="kaitian-icon kticon-close">
1397
+ </i>
1398
+ <div class="icon-name-wrapper">
1399
+ <span class="icon-name">close</span>
1400
+ </div>
1401
+ </li>
1402
+ <li data-icon="codelibrary-fill">
1403
+ <i
1404
+ aria-label="图标: codelibrary-fill"
1405
+ class="kaitian-icon kticon-codelibrary-fill">
1406
+ </i>
1407
+ <div class="icon-name-wrapper">
1408
+ <span class="icon-name">codelibrary-fill</span>
1409
+ </div>
1410
+ </li>
1411
+ <li data-icon="control-fill">
1412
+ <i
1413
+ aria-label="图标: control-fill"
1414
+ class="kaitian-icon kticon-control-fill">
1415
+ </i>
1416
+ <div class="icon-name-wrapper">
1417
+ <span class="icon-name">control-fill</span>
1418
+ </div>
1419
+ </li>
1420
+ <li data-icon="smile">
1421
+ <i
1422
+ aria-label="图标: smile"
1423
+ class="kaitian-icon kticon-smile">
1424
+ </i>
1425
+ <div class="icon-name-wrapper">
1426
+ <span class="icon-name">smile</span>
1427
+ </div>
1428
+ </li>
1429
+ <li data-icon="setting">
1430
+ <i
1431
+ aria-label="图标: setting"
1432
+ class="kaitian-icon kticon-setting">
1433
+ </i>
1434
+ <div class="icon-name-wrapper">
1435
+ <span class="icon-name">setting</span>
1436
+ </div>
1437
+ </li>
1438
+ <li data-icon="team">
1439
+ <i
1440
+ aria-label="图标: team"
1441
+ class="kaitian-icon kticon-team">
1442
+ </i>
1443
+ <div class="icon-name-wrapper">
1444
+ <span class="icon-name">team</span>
1445
+ </div>
1446
+ </li>
1447
+ <li data-icon="file-text">
1448
+ <i
1449
+ aria-label="图标: file-text"
1450
+ class="kaitian-icon kticon-file-text">
1451
+ </i>
1452
+ <div class="icon-name-wrapper">
1453
+ <span class="icon-name">file-text</span>
1454
+ </div>
1455
+ </li>
1456
+ <li data-icon="bell">
1457
+ <i
1458
+ aria-label="图标: bell"
1459
+ class="kaitian-icon kticon-bell">
1460
+ </i>
1461
+ <div class="icon-name-wrapper">
1462
+ <span class="icon-name">bell</span>
1463
+ </div>
1464
+ </li>
1465
+ <li data-icon="cloud-server">
1466
+ <i
1467
+ aria-label="图标: cloud-server"
1468
+ class="kaitian-icon kticon-cloud-server">
1469
+ </i>
1470
+ <div class="icon-name-wrapper">
1471
+ <span class="icon-name">cloud-server</span>
1472
+ </div>
1473
+ </li>
1474
+ <li data-icon="right">
1475
+ <i
1476
+ aria-label="图标: right"
1477
+ class="kaitian-icon kticon-right">
1478
+ </i>
1479
+ <div class="icon-name-wrapper">
1480
+ <span class="icon-name">right</span>
1481
+ </div>
1482
+ </li>
1483
+ <li data-icon="ellipsis">
1484
+ <i
1485
+ aria-label="图标: ellipsis"
1486
+ class="kaitian-icon kticon-ellipsis">
1487
+ </i>
1488
+ <div class="icon-name-wrapper">
1489
+ <span class="icon-name">ellipsis</span>
1490
+ </div>
1491
+ </li>
1492
+ <li data-icon="folder-fill">
1493
+ <i
1494
+ aria-label="图标: folder-fill"
1495
+ class="kaitian-icon kticon-folder-fill">
1496
+ </i>
1497
+ <div class="icon-name-wrapper">
1498
+ <span class="icon-name">folder-fill</span>
1499
+ </div>
1500
+ </li>
1501
+ </ul>
1502
+
1503
+ <script>
1504
+ document.querySelector('.kaitian-icons').addEventListener('click', e => {
1505
+ e.preventDefault();
1506
+ const $iconTargetLi = e.target.nodeName === 'LI' ? e.target : event.target.closest('li');
1507
+ if ($iconTargetLi) {
1508
+ const iconName = $iconTargetLi.getAttribute('data-icon');
1509
+ window.navigator.clipboard.writeText(iconName)
1510
+ .then(() => {
1511
+ $iconTargetLi.classList.add('copied');
1512
+ setTimeout(() => {
1513
+ $iconTargetLi.classList.remove('copied');
1514
+ }, 1000);
1515
+ console.log('copied success')
1516
+ })
1517
+ .catch(err => console.log(err))
1518
+ }
1519
+ });
1520
+ </script>
1521
+ </body>
1522
+ </html>