@king-design/vue 3.1.4-beta.2 → 3.1.4

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 (544) hide show
  1. package/__tests__/__snapshots__/Vue Next Demos.md +261 -255
  2. package/components/affix/index.d.ts +2 -2
  3. package/components/affix/index.js +0 -5
  4. package/components/affix/index.spec.js +84 -108
  5. package/components/affix/index.vdt.js +7 -10
  6. package/components/affix/styles.js +1 -1
  7. package/components/affix/useStyle.js +8 -19
  8. package/components/badge/index.js +0 -5
  9. package/components/badge/index.vdt.js +7 -11
  10. package/components/badge/styles.js +1 -3
  11. package/components/breadcrumb/index.js +0 -7
  12. package/components/breadcrumb/index.spec.js +6 -6
  13. package/components/breadcrumb/index.vdt.js +5 -14
  14. package/components/breadcrumb/item.js +0 -8
  15. package/components/breadcrumb/item.vdt.js +3 -6
  16. package/components/breadcrumb/styles.js +1 -4
  17. package/components/button/dynamicButton.d.ts +1 -1
  18. package/components/button/dynamicButton.js +2 -5
  19. package/components/button/group.js +2 -13
  20. package/components/button/group.vdt.js +5 -8
  21. package/components/button/index.js +3 -27
  22. package/components/button/index.spec.js +74 -96
  23. package/components/button/index.vdt.js +21 -31
  24. package/components/button/styles.d.ts +2 -2
  25. package/components/button/styles.js +8 -53
  26. package/components/card/column.js +0 -5
  27. package/components/card/column.vdt.js +5 -10
  28. package/components/card/index.js +0 -7
  29. package/components/card/index.vdt.js +5 -17
  30. package/components/card/styles.js +3 -6
  31. package/components/carousel/index.js +1 -19
  32. package/components/carousel/index.spec.js +127 -163
  33. package/components/carousel/index.vdt.js +12 -16
  34. package/components/carousel/item.js +0 -5
  35. package/components/carousel/item.vdt.js +4 -7
  36. package/components/carousel/styles.js +2 -3
  37. package/components/carousel/useAutoplay.js +0 -4
  38. package/components/carousel/useItems.js +4 -20
  39. package/components/carousel/useSlide.js +57 -89
  40. package/components/cascader/index.d.ts +1 -1
  41. package/components/cascader/index.js +3 -18
  42. package/components/cascader/index.spec.js +300 -377
  43. package/components/cascader/index.vdt.js +15 -33
  44. package/components/cascader/styles.js +2 -8
  45. package/components/cascader/useFields.js +1 -4
  46. package/components/cascader/useFilterable.js +2 -19
  47. package/components/cascader/useLabel.js +1 -9
  48. package/components/cascader/useLoad.js +22 -35
  49. package/components/cascader/useValue.d.ts +2 -2
  50. package/components/cascader/useValue.js +5 -26
  51. package/components/checkbox/index.js +5 -27
  52. package/components/checkbox/index.spec.js +129 -171
  53. package/components/checkbox/index.vdt.js +12 -16
  54. package/components/checkbox/styles.js +1 -13
  55. package/components/code/crossDomain.js +2 -9
  56. package/components/code/index.js +0 -9
  57. package/components/code/index.spec.js +46 -55
  58. package/components/code/index.vdt.js +6 -14
  59. package/components/code/styles.js +0 -1
  60. package/components/code/useEditor.js +5 -10
  61. package/components/collapse/index.d.ts +1 -1
  62. package/components/collapse/index.js +3 -17
  63. package/components/collapse/index.spec.js +47 -60
  64. package/components/collapse/index.vdt.js +4 -12
  65. package/components/collapse/item.js +0 -10
  66. package/components/collapse/item.vdt.js +7 -14
  67. package/components/collapse/styles.js +2 -5
  68. package/components/colorpicker/drag.js +0 -5
  69. package/components/colorpicker/index.js +0 -7
  70. package/components/colorpicker/index.spec.js +211 -259
  71. package/components/colorpicker/index.vdt.js +8 -11
  72. package/components/colorpicker/panel.js +0 -5
  73. package/components/colorpicker/panel.vdt.js +21 -26
  74. package/components/colorpicker/styles.js +4 -15
  75. package/components/colorpicker/useDrag.js +22 -26
  76. package/components/colorpicker/useInput.js +0 -16
  77. package/components/colorpicker/usePointer.js +15 -18
  78. package/components/colorpicker/useValue.js +2 -7
  79. package/components/config/index.js +3 -8
  80. package/components/config/index.spec.js +37 -50
  81. package/components/context.d.ts +2 -2
  82. package/components/context.js +2 -21
  83. package/components/copy/index.js +0 -7
  84. package/components/copy/index.spec.js +64 -86
  85. package/components/copy/index.vdt.js +4 -7
  86. package/components/copy/styles.js +0 -1
  87. package/components/copy/useCopy.js +13 -23
  88. package/components/datepicker/basepicker.d.ts +8 -8
  89. package/components/datepicker/basepicker.js +20 -90
  90. package/components/datepicker/calendar.js +0 -11
  91. package/components/datepicker/calendar.vdt.js +11 -15
  92. package/components/datepicker/constants.js +0 -1
  93. package/components/datepicker/dayjs.js +1 -1
  94. package/components/datepicker/helpers.js +3 -15
  95. package/components/datepicker/index.js +6 -32
  96. package/components/datepicker/index.spec.js +1154 -1464
  97. package/components/datepicker/index.vdt.js +20 -34
  98. package/components/datepicker/shortcuts.d.ts +1 -1
  99. package/components/datepicker/shortcuts.js +0 -4
  100. package/components/datepicker/styles.js +3 -12
  101. package/components/datepicker/time.d.ts +1 -1
  102. package/components/datepicker/time.js +3 -23
  103. package/components/datepicker/time.vdt.js +4 -5
  104. package/components/datepicker/useDays.js +2 -9
  105. package/components/datepicker/useDisabled.js +6 -23
  106. package/components/datepicker/useFocusDate.js +0 -2
  107. package/components/datepicker/useFormats.js +6 -15
  108. package/components/datepicker/useKeyboards.js +20 -36
  109. package/components/datepicker/useMonths.js +0 -6
  110. package/components/datepicker/usePanel.js +0 -10
  111. package/components/datepicker/useShowDate.js +10 -37
  112. package/components/datepicker/useStatus.js +3 -15
  113. package/components/datepicker/useValue.js +20 -38
  114. package/components/datepicker/useYears.js +4 -15
  115. package/components/diagram/diagram.js +17 -43
  116. package/components/diagram/diagram.vdt.js +2 -5
  117. package/components/diagram/graph.js +6 -6
  118. package/components/diagram/index.js +7 -7
  119. package/components/diagram/index.spec.js +369 -495
  120. package/components/diagram/layouts/circle.js +6 -14
  121. package/components/diagram/layouts/flow.js +7 -15
  122. package/components/diagram/layouts/layout.js +6 -28
  123. package/components/diagram/layouts/organic.js +3 -11
  124. package/components/diagram/layouts/partition.js +4 -12
  125. package/components/diagram/layouts/radial.js +6 -18
  126. package/components/diagram/layouts/stack.js +6 -14
  127. package/components/diagram/layouts/tree.js +11 -21
  128. package/components/diagram/mxgraph/handler/mxConnectionHandler.js +15 -22
  129. package/components/diagram/mxgraph/handler/mxConstraintHandler.js +4 -4
  130. package/components/diagram/mxgraph/handler/mxEdgeHandler.js +11 -15
  131. package/components/diagram/mxgraph/handler/mxGraphHandler.js +6 -9
  132. package/components/diagram/mxgraph/handler/mxRubberband.js +4 -4
  133. package/components/diagram/mxgraph/handler/mxVertexHandler.js +7 -10
  134. package/components/diagram/mxgraph/index.js +0 -2
  135. package/components/diagram/mxgraph/mx.js +3 -3
  136. package/components/diagram/mxgraph/shape/mxCloud.js +2 -2
  137. package/components/diagram/mxgraph/shape/mxCylinder.js +4 -9
  138. package/components/diagram/mxgraph/shape/mxEllipse.js +2 -2
  139. package/components/diagram/mxgraph/shape/mxHexagon.js +2 -2
  140. package/components/diagram/mxgraph/shape/mxLine.js +2 -2
  141. package/components/diagram/mxgraph/shape/mxRectangleShape.js +2 -2
  142. package/components/diagram/mxgraph/shape/mxRhombus.js +6 -12
  143. package/components/diagram/mxgraph/shape/mxShape.js +0 -1
  144. package/components/diagram/mxgraph/shape/mxTriangle.js +2 -2
  145. package/components/diagram/mxgraph/util/mxConstants.js +2 -2
  146. package/components/diagram/mxgraph/util/mxGuide.js +5 -7
  147. package/components/diagram/mxgraph/view/mxCellEditor.js +16 -29
  148. package/components/diagram/mxgraph/view/mxCellRenderer.js +0 -2
  149. package/components/diagram/mxgraph/view/mxGraph.js +14 -32
  150. package/components/diagram/shapes/base.d.ts +1 -1
  151. package/components/diagram/shapes/base.js +9 -39
  152. package/components/diagram/shapes/callout.js +10 -23
  153. package/components/diagram/shapes/circle.js +3 -10
  154. package/components/diagram/shapes/document.js +5 -16
  155. package/components/diagram/shapes/ellipse.js +0 -5
  156. package/components/diagram/shapes/generateShapes.d.ts +1 -1
  157. package/components/diagram/shapes/generateShapes.js +0 -9
  158. package/components/diagram/shapes/hexagon.js +9 -26
  159. package/components/diagram/shapes/image.js +1 -9
  160. package/components/diagram/shapes/line.d.ts +2 -2
  161. package/components/diagram/shapes/line.js +13 -48
  162. package/components/diagram/shapes/parallelogram.js +9 -26
  163. package/components/diagram/shapes/rectangle.js +1 -9
  164. package/components/diagram/shapes/shape.js +6 -35
  165. package/components/diagram/shapes/square.js +3 -11
  166. package/components/diagram/shapes/text.js +0 -5
  167. package/components/diagram/styles.js +0 -1
  168. package/components/dialog/alert.vdt.js +9 -20
  169. package/components/dialog/base.js +1 -29
  170. package/components/dialog/base.vdt.js +14 -31
  171. package/components/dialog/index.js +6 -31
  172. package/components/dialog/index.spec.js +456 -627
  173. package/components/dialog/staticMethods.d.ts +1 -1
  174. package/components/dialog/staticMethods.js +2 -13
  175. package/components/dialog/styles.js +3 -14
  176. package/components/dialog/useDraggable.js +0 -6
  177. package/components/dialog/useEscClosable.js +4 -12
  178. package/components/dialog/useFixBody.d.ts +1 -1
  179. package/components/dialog/useFixBody.js +0 -11
  180. package/components/dialog/usePosition.js +0 -5
  181. package/components/drawer/index.js +0 -5
  182. package/components/drawer/index.spec.js +128 -170
  183. package/components/drawer/index.vdt.js +3 -9
  184. package/components/drawer/styles.d.ts +2 -2
  185. package/components/drawer/styles.js +1 -4
  186. package/components/dropdown/dropdown.d.ts +2 -2
  187. package/components/dropdown/dropdown.js +33 -90
  188. package/components/dropdown/index.js +2 -6
  189. package/components/dropdown/index.spec.js +388 -496
  190. package/components/dropdown/item.js +4 -25
  191. package/components/dropdown/item.vdt.js +5 -8
  192. package/components/dropdown/menu.js +12 -29
  193. package/components/dropdown/menu.vdt.js +5 -13
  194. package/components/dropdown/styles.js +2 -11
  195. package/components/dropdown/useKeyboard.d.ts +2 -2
  196. package/components/dropdown/useKeyboard.js +8 -30
  197. package/components/dropdown/usePosition.d.ts +1 -1
  198. package/components/dropdown/usePosition.js +12 -21
  199. package/components/dropdown/useTransition.js +0 -8
  200. package/components/editable/index.d.ts +1 -1
  201. package/components/editable/index.js +4 -28
  202. package/components/editable/index.spec.js +152 -189
  203. package/components/editable/index.vdt.js +8 -11
  204. package/components/editable/styles.js +1 -2
  205. package/components/form/form.js +0 -18
  206. package/components/form/form.vdt.js +4 -7
  207. package/components/form/index.spec.js +1082 -1316
  208. package/components/form/item.d.ts +1 -1
  209. package/components/form/item.js +0 -12
  210. package/components/form/item.vdt.js +17 -31
  211. package/components/form/methods.d.ts +5 -5
  212. package/components/form/methods.js +2 -12
  213. package/components/form/styles.js +2 -10
  214. package/components/form/useDirty.js +2 -8
  215. package/components/form/useError.js +2 -10
  216. package/components/form/useValidate.d.ts +1 -1
  217. package/components/form/useValidate.js +8 -24
  218. package/components/grid/col.d.ts +3 -3
  219. package/components/grid/col.js +0 -7
  220. package/components/grid/col.vdt.js +8 -13
  221. package/components/grid/constants.d.ts +6 -6
  222. package/components/grid/row.js +0 -5
  223. package/components/grid/row.vdt.js +5 -8
  224. package/components/grid/styles.js +2 -8
  225. package/components/grid/useBreakpoints.js +0 -5
  226. package/components/grid/useGutter.js +9 -27
  227. package/components/icon/index.js +0 -10
  228. package/components/icon/index.vdt.js +8 -14
  229. package/components/icon/styles.js +1 -4
  230. package/components/input/index.d.ts +3 -3
  231. package/components/input/index.js +0 -13
  232. package/components/input/index.spec.js +185 -239
  233. package/components/input/index.vdt.js +46 -57
  234. package/components/input/search.js +0 -20
  235. package/components/input/search.vdt.js +6 -9
  236. package/components/input/styles.js +2 -29
  237. package/components/input/useAutoRows.js +6 -18
  238. package/components/input/useAutoWidth.js +0 -5
  239. package/components/input/useFocus.js +0 -2
  240. package/components/input/useFrozen.js +0 -6
  241. package/components/input/useShowPassword.js +2 -5
  242. package/components/layout/aside.js +6 -18
  243. package/components/layout/aside.vdt.js +5 -9
  244. package/components/layout/body.js +5 -18
  245. package/components/layout/footer.js +1 -10
  246. package/components/layout/header.js +9 -23
  247. package/components/layout/index.spec.js +24 -34
  248. package/components/layout/layout.js +9 -24
  249. package/components/layout/styles.js +6 -17
  250. package/components/layout/template.vdt.js +2 -4
  251. package/components/layout/useParse.js +0 -7
  252. package/components/menu/index.spec.js +189 -242
  253. package/components/menu/item.js +3 -16
  254. package/components/menu/item.vdt.js +22 -38
  255. package/components/menu/menu.js +2 -11
  256. package/components/menu/menu.vdt.js +6 -12
  257. package/components/menu/styles.js +4 -23
  258. package/components/menu/useDropdown.js +4 -10
  259. package/components/menu/useExpanded.js +0 -14
  260. package/components/menu/useHighlight.js +26 -36
  261. package/components/message/index.spec.js +58 -73
  262. package/components/message/message.js +0 -19
  263. package/components/message/message.vdt.js +6 -9
  264. package/components/message/messages.js +0 -12
  265. package/components/message/messages.vdt.js +0 -1
  266. package/components/message/styles.js +2 -11
  267. package/components/pagination/index.d.ts +1 -1
  268. package/components/pagination/index.js +10 -46
  269. package/components/pagination/index.spec.js +133 -173
  270. package/components/pagination/index.vdt.js +14 -32
  271. package/components/pagination/styles.js +3 -9
  272. package/components/popover/content.js +1 -5
  273. package/components/popover/content.vdt.js +4 -14
  274. package/components/popover/index.js +5 -10
  275. package/components/popover/index.spec.js +113 -150
  276. package/components/popover/styles.js +1 -1
  277. package/components/portal.d.ts +1 -1
  278. package/components/portal.js +2 -30
  279. package/components/position.d.ts +12 -12
  280. package/components/position.js +32 -88
  281. package/components/progress/index.d.ts +6 -6
  282. package/components/progress/index.js +0 -12
  283. package/components/progress/index.spec.js +143 -191
  284. package/components/progress/index.vdt.js +8 -17
  285. package/components/progress/styles.js +1 -7
  286. package/components/progress/useColor.js +2 -7
  287. package/components/progress/useStatus.d.ts +1 -1
  288. package/components/progress/useStatus.js +2 -5
  289. package/components/radio/index.js +3 -18
  290. package/components/radio/index.spec.js +111 -149
  291. package/components/radio/index.vdt.js +14 -17
  292. package/components/radio/styles.js +1 -13
  293. package/components/rate/index.js +0 -7
  294. package/components/rate/index.spec.js +64 -79
  295. package/components/rate/index.vdt.js +8 -21
  296. package/components/rate/styles.js +1 -4
  297. package/components/rate/useActiveValue.js +2 -7
  298. package/components/scrollSelect/index.d.ts +2 -2
  299. package/components/scrollSelect/index.js +0 -7
  300. package/components/scrollSelect/index.spec.js +100 -131
  301. package/components/scrollSelect/index.vdt.js +6 -12
  302. package/components/scrollSelect/styles.js +1 -8
  303. package/components/scrollSelect/useList.js +3 -17
  304. package/components/scrollSelect/useMouseEvents.js +31 -49
  305. package/components/scrollSelect/useTranslate.js +1 -11
  306. package/components/select/base.d.ts +2 -2
  307. package/components/select/base.js +3 -33
  308. package/components/select/base.vdt.js +27 -46
  309. package/components/select/group.js +0 -5
  310. package/components/select/group.vdt.js +4 -10
  311. package/components/select/index.spec.js +370 -464
  312. package/components/select/menu.js +0 -5
  313. package/components/select/menu.vdt.js +18 -33
  314. package/components/select/option.js +2 -16
  315. package/components/select/option.vdt.js +7 -14
  316. package/components/select/select.js +3 -20
  317. package/components/select/select.vdt.js +9 -17
  318. package/components/select/styles.js +3 -34
  319. package/components/select/useBaseLabel.d.ts +1 -1
  320. package/components/select/useBaseLabel.js +4 -17
  321. package/components/select/useCard.js +0 -4
  322. package/components/select/useDraggble.js +2 -2
  323. package/components/select/useEqualWidth.js +0 -1
  324. package/components/select/useFilterable.js +9 -27
  325. package/components/select/useFocusout.js +0 -8
  326. package/components/select/useInput.js +6 -10
  327. package/components/select/useLabel.js +3 -13
  328. package/components/select/useSearchable.js +0 -10
  329. package/components/skeleton/item.d.ts +1 -1
  330. package/components/skeleton/item.js +0 -7
  331. package/components/skeleton/item.vdt.js +1 -6
  332. package/components/skeleton/skeleton.js +0 -7
  333. package/components/skeleton/skeleton.vdt.js +6 -12
  334. package/components/skeleton/styles.d.ts +1 -1
  335. package/components/skeleton/styles.js +2 -3
  336. package/components/slider/index.d.ts +1 -1
  337. package/components/slider/index.js +0 -7
  338. package/components/slider/index.spec.js +502 -624
  339. package/components/slider/index.vdt.js +35 -50
  340. package/components/slider/styles.js +1 -19
  341. package/components/slider/useClick.js +2 -11
  342. package/components/slider/useDraggable.js +23 -34
  343. package/components/slider/useKeyboard.js +7 -18
  344. package/components/slider/useMarks.d.ts +5 -5
  345. package/components/slider/useMarks.js +5 -13
  346. package/components/slider/usePoints.d.ts +2 -2
  347. package/components/slider/usePoints.js +7 -21
  348. package/components/slider/useStyles.d.ts +1 -1
  349. package/components/slider/useStyles.js +5 -10
  350. package/components/slider/useTooltip.js +2 -10
  351. package/components/slider/useValue.d.ts +1 -1
  352. package/components/slider/useValue.js +7 -24
  353. package/components/spin/index.js +0 -7
  354. package/components/spin/index.vdt.js +4 -11
  355. package/components/spin/styles.js +1 -3
  356. package/components/spinner/index.d.ts +4 -4
  357. package/components/spinner/index.js +6 -18
  358. package/components/spinner/index.spec.js +359 -460
  359. package/components/spinner/index.vdt.js +12 -15
  360. package/components/spinner/styles.js +1 -11
  361. package/components/spinner/useChange.js +4 -16
  362. package/components/spinner/useFormatter.js +6 -16
  363. package/components/spinner/useStep.d.ts +3 -3
  364. package/components/spinner/useStep.js +2 -20
  365. package/components/spinner/useValue.js +14 -32
  366. package/components/split/index.js +0 -7
  367. package/components/split/index.spec.js +223 -267
  368. package/components/split/index.vdt.js +8 -17
  369. package/components/split/memo.js +0 -6
  370. package/components/split/styles.d.ts +1 -1
  371. package/components/split/styles.js +1 -9
  372. package/components/split/useDraggable.js +11 -35
  373. package/components/split/useSize.js +2 -5
  374. package/components/steps/index.js +2 -13
  375. package/components/steps/index.spec.js +21 -27
  376. package/components/steps/index.vdt.js +9 -12
  377. package/components/steps/step.js +0 -5
  378. package/components/steps/step.vdt.js +8 -12
  379. package/components/steps/styles.js +1 -38
  380. package/components/switch/index.js +2 -23
  381. package/components/switch/index.spec.js +194 -234
  382. package/components/switch/index.vdt.js +16 -32
  383. package/components/switch/styles.js +4 -12
  384. package/components/switch/useDraggable.js +10 -18
  385. package/components/table/cell.js +0 -9
  386. package/components/table/cell.vdt.js +14 -21
  387. package/components/table/column.d.ts +1 -1
  388. package/components/table/column.js +0 -5
  389. package/components/table/column.vdt.js +25 -37
  390. package/components/table/exportTable.js +41 -55
  391. package/components/table/index.spec.js +817 -1026
  392. package/components/table/row.d.ts +1 -1
  393. package/components/table/row.js +12 -44
  394. package/components/table/row.vdt.js +27 -38
  395. package/components/table/styles.js +2 -18
  396. package/components/table/table.d.ts +5 -5
  397. package/components/table/table.js +18 -50
  398. package/components/table/table.vdt.js +61 -86
  399. package/components/table/useChecked.d.ts +1 -1
  400. package/components/table/useChecked.js +20 -61
  401. package/components/table/useColumns.js +3 -16
  402. package/components/table/useDisableRow.js +2 -12
  403. package/components/table/useDraggable.js +4 -8
  404. package/components/table/useExpandable.js +2 -5
  405. package/components/table/useFixedColumns.d.ts +1 -1
  406. package/components/table/useFixedColumns.js +3 -20
  407. package/components/table/useGroup.d.ts +1 -1
  408. package/components/table/useGroup.js +7 -25
  409. package/components/table/useMerge.d.ts +4 -4
  410. package/components/table/useMerge.js +2 -14
  411. package/components/table/usePagination.js +4 -18
  412. package/components/table/useResetRowStatus.js +2 -6
  413. package/components/table/useResizable.js +4 -21
  414. package/components/table/useScroll.d.ts +1 -1
  415. package/components/table/useScroll.js +0 -3
  416. package/components/table/useSelected.js +2 -5
  417. package/components/table/useSortable.js +2 -8
  418. package/components/table/useStickyHeader.js +3 -7
  419. package/components/table/useStickyScrollbar.js +6 -16
  420. package/components/table/useTree.js +1 -12
  421. package/components/table/useWidth.js +14 -30
  422. package/components/tabs/index.js +29 -51
  423. package/components/tabs/index.spec.js +97 -129
  424. package/components/tabs/index.vdt.js +13 -16
  425. package/components/tabs/styles.js +1 -23
  426. package/components/tabs/tab.js +0 -10
  427. package/components/tabs/tab.vdt.js +6 -10
  428. package/components/tabs/useActiveBar.js +2 -11
  429. package/components/tabs/useScroll.js +10 -30
  430. package/components/tag/base.js +0 -11
  431. package/components/tag/index.js +2 -4
  432. package/components/tag/index.spec.js +123 -156
  433. package/components/tag/index.vdt.js +8 -15
  434. package/components/tag/styles.d.ts +1 -1
  435. package/components/tag/styles.js +2 -18
  436. package/components/tag/tags.d.ts +2 -2
  437. package/components/tag/tags.js +0 -7
  438. package/components/tag/tags.vdt.js +10 -18
  439. package/components/tag/useChildren.js +0 -5
  440. package/components/tag/useDraggable.js +6 -15
  441. package/components/tag/useNowrap.js +10 -27
  442. package/components/timeline/item.js +0 -7
  443. package/components/timeline/item.vdt.js +4 -9
  444. package/components/timeline/styles.d.ts +2 -2
  445. package/components/timeline/styles.js +2 -6
  446. package/components/timeline/timeline.js +0 -5
  447. package/components/timeline/timeline.vdt.js +2 -5
  448. package/components/timepicker/index.js +2 -7
  449. package/components/timepicker/index.spec.js +293 -368
  450. package/components/timepicker/panelPicker.js +2 -11
  451. package/components/timepicker/panelPicker.vdt.js +14 -24
  452. package/components/timepicker/selectPicker.js +0 -5
  453. package/components/timepicker/selectPicker.vdt.js +5 -10
  454. package/components/timepicker/styles.js +1 -2
  455. package/components/timepicker/useDisabled.js +2 -4
  456. package/components/timepicker/useFormats.js +4 -13
  457. package/components/timepicker/useStep.d.ts +1 -1
  458. package/components/timepicker/useStep.js +8 -17
  459. package/components/timepicker/useValue.js +16 -21
  460. package/components/tip/index.js +0 -2
  461. package/components/tip/index.vdt.js +5 -17
  462. package/components/tip/styles.js +1 -4
  463. package/components/tooltip/content.js +0 -28
  464. package/components/tooltip/content.vdt.js +15 -27
  465. package/components/tooltip/index.js +3 -7
  466. package/components/tooltip/index.spec.js +400 -527
  467. package/components/tooltip/styles.d.ts +1 -1
  468. package/components/tooltip/styles.js +3 -13
  469. package/components/tooltip/tooltip.js +2 -15
  470. package/components/tooltip/useArrow.js +11 -14
  471. package/components/transfer/index.d.ts +1 -1
  472. package/components/transfer/index.js +1 -13
  473. package/components/transfer/index.spec.js +159 -194
  474. package/components/transfer/index.vdt.js +17 -36
  475. package/components/transfer/styles.js +1 -11
  476. package/components/transfer/useCheck.d.ts +1 -1
  477. package/components/transfer/useCheck.js +1 -16
  478. package/components/transfer/useFilter.d.ts +1 -1
  479. package/components/transfer/useFilter.js +9 -30
  480. package/components/transfer/useTransfer.js +10 -26
  481. package/components/tree/index.d.ts +3 -3
  482. package/components/tree/index.js +3 -22
  483. package/components/tree/index.spec.js +310 -388
  484. package/components/tree/index.vdt.js +12 -24
  485. package/components/tree/styles.js +3 -17
  486. package/components/tree/useChecked.js +3 -27
  487. package/components/tree/useDraggable.js +14 -44
  488. package/components/tree/useExpanded.js +28 -46
  489. package/components/tree/useFilter.js +3 -10
  490. package/components/tree/useNodes.d.ts +3 -3
  491. package/components/tree/useNodes.js +0 -4
  492. package/components/tree/useSelected.js +21 -38
  493. package/components/tree/useTransitionEvent.js +3 -5
  494. package/components/treeSelect/index.js +9 -37
  495. package/components/treeSelect/index.spec.js +123 -160
  496. package/components/treeSelect/index.vdt.js +14 -20
  497. package/components/treeSelect/styles.js +1 -2
  498. package/components/treeSelect/useValue.js +0 -11
  499. package/components/types.d.ts +3 -3
  500. package/components/upload/ajaxUploader.d.ts +1 -1
  501. package/components/upload/ajaxUploader.js +0 -17
  502. package/components/upload/index.d.ts +4 -4
  503. package/components/upload/index.js +0 -14
  504. package/components/upload/index.spec.js +142 -248
  505. package/components/upload/index.vdt.js +12 -28
  506. package/components/upload/styles.js +2 -28
  507. package/components/upload/useAccept.js +2 -10
  508. package/components/upload/useDrag.js +0 -7
  509. package/components/upload/useFiles.js +103 -148
  510. package/components/upload/useShowImage.js +0 -3
  511. package/components/upload/useUpload.js +47 -69
  512. package/components/utils.d.ts +6 -6
  513. package/components/utils.js +12 -56
  514. package/components/virtual.js +9 -37
  515. package/components/wave/index.js +5 -32
  516. package/components/wave/styles.js +1 -1
  517. package/hooks/useDelayClose.js +2 -7
  518. package/hooks/useDocumentClick.js +8 -16
  519. package/hooks/useDraggable.d.ts +1 -1
  520. package/hooks/useDraggable.js +0 -9
  521. package/hooks/useKeyboard.d.ts +3 -3
  522. package/hooks/useKeyboard.js +0 -10
  523. package/hooks/useMouseOutsidable.js +0 -8
  524. package/hooks/useReceive.d.ts +1 -1
  525. package/hooks/useReceive.js +0 -4
  526. package/hooks/useRecordComponent.js +0 -6
  527. package/hooks/useResizeObserver.js +0 -2
  528. package/hooks/useRouter.js +7 -18
  529. package/hooks/useShowHideEvents.js +0 -3
  530. package/hooks/useState.d.ts +2 -2
  531. package/hooks/useState.js +2 -6
  532. package/i18n/en-US.js +0 -1
  533. package/i18n/index.d.ts +1 -1
  534. package/i18n/index.js +0 -7
  535. package/index.d.ts +2 -2
  536. package/index.js +2 -3
  537. package/package.json +2 -2
  538. package/styles/global.js +2 -5
  539. package/styles/keyframes.js +0 -1
  540. package/styles/theme.d.ts +1 -1
  541. package/styles/theme.js +2 -5
  542. package/styles/utils.d.ts +1 -1
  543. package/styles/utils.js +3 -17
  544. package/yarn-error.log +897 -0
@@ -11,19 +11,19 @@
11
11
  #### `Badge basic`
12
12
 
13
13
  ```
14
- "<div><div class=\"k-badge css-18sjap3\">Message<sup class=\"k-badge-text\"></sup></div><div class=\"k-badge css-18sjap3\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\"></sup></div></div>"
14
+ "<div><div class=\"k-badge css-18sjap3\">Message<sup class=\"k-badge-text\"></sup></div><div class=\"k-badge css-18sjap3\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\"></sup></div></div>"
15
15
  ```
16
16
 
17
17
  #### `Badge disabled`
18
18
 
19
19
  ```
20
- "<div><div class=\"k-badge css-18sjap3\">Message</div><div class=\"k-badge css-18sjap3\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Message</button></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Message</button></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Message</button></div></div>"
20
+ "<div><div class=\"k-badge css-18sjap3\">Message</div><div class=\"k-badge css-18sjap3\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Message</button></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Message</button></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Message</button></div></div>"
21
21
  ```
22
22
 
23
23
  #### `Badge text`
24
24
 
25
25
  ```
26
- "<div><div class=\"k-badge k-has-text css-18sjap3\">Message<sup class=\"k-badge-text\">new</sup></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">6</sup></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">19</sup></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">99+</sup></div></div>"
26
+ "<div><div class=\"k-badge k-has-text css-18sjap3\">Message<sup class=\"k-badge-text\">new</sup></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">6</sup></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">19</sup></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">99+</sup></div></div>"
27
27
  ```
28
28
 
29
29
  ## `breadcrumb`
@@ -37,7 +37,7 @@
37
37
  #### `Breadcrumb separator`
38
38
 
39
39
  ```
40
- "<div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\"><i class=\"k-icon ion-home css-1s6te75\"></i> item 1 </a></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon ion-ios-arrow-thin-right separator k-large css-1s6te75\"></i></span><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\"><i class=\"k-icon ion-earth css-1s6te75\"></i> item 2 </a></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon ion-ios-arrow-thin-right separator k-large css-1s6te75\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\"><i class=\"k-icon ion-planet css-1s6te75\"></i> item 3 </span></div></div>"
40
+ "<div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\"><i class=\"k-icon ion-home css-16qej3\"></i> item 1 </a></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon ion-ios-arrow-thin-right separator k-large css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\"><i class=\"k-icon ion-earth css-16qej3\"></i> item 2 </a></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon ion-ios-arrow-thin-right separator k-large css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\"><i class=\"k-icon ion-planet css-16qej3\"></i> item 3 </span></div></div>"
41
41
  ```
42
42
 
43
43
  ## `button`
@@ -45,49 +45,49 @@
45
45
  #### `Button basic`
46
46
 
47
47
  ```
48
- "<div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">primary</button><button class=\"k-btn k-secondary css-1832za1\" tabindex=\"0\" type=\"button\">secondary</button><button class=\"k-btn k-warning css-1832za1\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger css-1832za1\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success css-1832za1\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-none css-1832za1\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-link css-1832za1\" tabindex=\"0\" type=\"button\">link</button><button class=\"k-btn k-flat css-1832za1\" tabindex=\"0\" type=\"button\">flat</button></div>"
48
+ "<div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">primary</button><button class=\"k-btn k-secondary css-12pzj9v\" tabindex=\"0\" type=\"button\">secondary</button><button class=\"k-btn k-warning css-12pzj9v\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger css-12pzj9v\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success css-12pzj9v\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-none css-12pzj9v\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-link css-12pzj9v\" tabindex=\"0\" type=\"button\">link</button><button class=\"k-btn k-flat css-12pzj9v\" tabindex=\"0\" type=\"button\">flat</button></div>"
49
49
  ```
50
50
 
51
51
  #### `Button disabled`
52
52
 
53
53
  ```
54
- "<div><button class=\"k-btn k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">disabled</button><button class=\"k-btn k-none k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">disabled text</button><button class=\"k-btn k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-search\"></i></button><button class=\"k-btn k-link k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">link</button><button class=\"k-btn k-flat k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">flat</button></div>"
54
+ "<div><button class=\"k-btn k-default k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">disabled</button><button class=\"k-btn k-none k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">disabled text</button><button class=\"k-btn k-default k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-link k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">link</button><button class=\"k-btn k-flat k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">flat</button></div>"
55
55
  ```
56
56
 
57
57
  #### `Button ghost`
58
58
 
59
59
  ```
60
- "<div class=\"wrapper\"><button class=\"k-btn k-ghost css-1832za1\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-primary k-ghost css-1832za1\" tabindex=\"0\" type=\"button\">primay</button><button class=\"k-btn k-warning k-ghost css-1832za1\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger k-ghost css-1832za1\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success k-ghost css-1832za1\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-none k-ghost css-1832za1\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-primary k-disabled k-ghost css-1832za1\" tabindex=\"-1\" type=\"button\">primay</button></div>"
60
+ "<div class=\"wrapper\"><button class=\"k-btn k-default k-ghost css-19dubxk\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i>default</button><button class=\"k-btn k-primary k-ghost css-jwj6ca\" tabindex=\"0\" type=\"button\">primay<i class=\"k-icon k-icon-right css-16qej3\"></i></button><button class=\"k-btn k-warning k-ghost css-12pzj9v\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger k-ghost css-12pzj9v\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success k-ghost css-12pzj9v\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-none k-ghost css-12pzj9v\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-primary k-disabled k-ghost css-12pzj9v\" tabindex=\"-1\" type=\"button\">primay</button></div>"
61
61
  ```
62
62
 
63
63
  #### `Button group`
64
64
 
65
65
  ```
66
- "<div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-danger css-1832za1\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-danger css-1832za1\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-danger css-1832za1\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-flat css-1832za1\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-flat css-1832za1\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-flat css-1832za1\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left\"></i>上一页 </button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\"> 下一页<i class=\"k-icon k-icon-right\"></i></button></div><br><br><p>纵向按钮组</p><div class=\"k-btns k-vertical css-yl6zu6\"><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">重启</button></div><br><br><p>单选按钮组</p><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-flat k-active css-1832za1\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-1832za1\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-1832za1\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-1832za1\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><p>多选按钮组</p><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-small css-1832za1\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-1832za1\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-1832za1\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-1832za1\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button></div><p>有间隔的按钮组</p><div class=\"k-btns k-seperate css-yl6zu6\"><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div>"
66
+ "<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-danger css-12pzj9v\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-danger css-12pzj9v\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-danger css-12pzj9v\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-flat css-12pzj9v\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-flat css-12pzj9v\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-flat css-12pzj9v\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-primary css-19dubxk\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i>上一页 </button><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\"> 下一页<i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><br><br><p>纵向按钮组</p><div class=\"k-btns k-vertical css-mk35v2\"><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">重启</button></div><br><br><p>单选按钮组</p><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-flat k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-12pzj9v\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-12pzj9v\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-12pzj9v\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><p>多选按钮组</p><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button></div><p>有间隔的按钮组</p><div class=\"k-btns k-seperate css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-btns k-seperate css-mk35v2\"><button class=\"k-btn k-primary k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">北京</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">上海</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">广州</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">深圳</button></div></div>"
67
67
  ```
68
68
 
69
69
  #### `Button icon`
70
70
 
71
71
  ```
72
- "<div><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i></button><button class=\"k-btn k-btn-icon k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i></button><button class=\"k-btn k-none k-btn-icon k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i></button><button class=\"k-btn k-flat k-btn-icon k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i></button><button class=\"k-btn k-danger k-large k-btn-icon k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-large css-1s6te75\"></i></button><button class=\"k-btn k-primary css-1944o5u\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-small css-1s6te75\"></i>搜索</button><button class=\"k-btn k-primary k-circle css-1944o5u\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-small css-1s6te75\"></i>搜索</button></div>"
72
+ "<div><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-default k-btn-icon k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-none k-btn-icon k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-flat k-btn-icon k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-large k-danger k-btn-icon k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-large css-16qej3\"></i></button><button class=\"k-btn k-primary css-19dubxk\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i>搜索</button><button class=\"k-btn k-primary k-circle css-19dubxk\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i>搜索</button></div>"
73
73
  ```
74
74
 
75
75
  #### `Button loading`
76
76
 
77
77
  ```
78
- "<div><button class=\"k-btn k-primary k-loading k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-rotate ion-load-c k-icon-loading css-1s6te75\"></i>确认</button><button class=\"k-btn k-btn-icon k-circle k-loading k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-rotate ion-load-c k-icon-loading css-1s6te75\"></i><i class=\"k-icon k-icon-search\"></i></button><br> <br><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">点击加载</button><button class=\"k-btn k-primary css-1944o5u\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i>点击加载</button><button class=\"k-btn k-btn-icon k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i></button><button class=\"k-btn k-primary css-662ruv\" tabindex=\"0\" type=\"button\">图标在右侧<i class=\"k-icon k-icon-search css-1s6te75\"></i></button></div>"
78
+ "<div><button class=\"k-btn k-primary k-loading k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-rotate ion-load-c k-icon-loading css-16qej3\"></i>确认</button><button class=\"k-btn k-default k-btn-icon k-circle k-loading k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-rotate ion-load-c k-icon-loading css-16qej3\"></i><i class=\"k-icon k-icon-search\"></i></button><br> <br><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">点击加载</button><button class=\"k-btn k-primary css-19dubxk\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i>点击加载</button><button class=\"k-btn k-default k-btn-icon k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\">图标在右侧<i class=\"k-icon k-icon-search css-16qej3\"></i></button></div>"
79
79
  ```
80
80
 
81
81
  #### `Button size`
82
82
 
83
83
  ```
84
- "<div><button class=\"k-btn k-large css-1832za1\" tabindex=\"0\" type=\"button\">large</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-small css-1832za1\" tabindex=\"0\" type=\"button\">small</button><button class=\"k-btn k-mini css-1832za1\" tabindex=\"0\" type=\"button\">mini</button><br><br><button class=\"k-btn k-large k-btn-icon k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-large css-1s6te75\"></i></button><button class=\"k-btn k-btn-icon k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i></button><button class=\"k-btn k-small k-btn-icon k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-small css-1s6te75\"></i></button><button class=\"k-btn k-mini k-btn-icon k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-mini css-1s6te75\"></i></button></div>"
84
+ "<div><button class=\"k-btn k-large k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">large</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-small k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">small</button><button class=\"k-btn k-mini k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">mini</button><br><br><button class=\"k-btn k-large k-default k-btn-icon k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-large css-16qej3\"></i></button><button class=\"k-btn k-default k-btn-icon k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-small k-default k-btn-icon k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></button><button class=\"k-btn k-mini k-default k-btn-icon k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-mini css-16qej3\"></i></button></div>"
85
85
  ```
86
86
 
87
87
  #### `Button tagName`
88
88
 
89
89
  ```
90
- "<div><div class=\"k-btn k-primary css-1832za1\" tabindex=\"0\">div元素按钮</div><div class=\"k-btn k-disabled css-1832za1\" tabindex=\"-1\">disabled div button</div><a class=\"k-btn css-1832za1\" href=\"https://www.ksyun.com\" target=\"_blank\" tabindex=\"0\">超链接按钮</a></div>"
90
+ "<div><div class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\">div元素按钮</div><div class=\"k-btn k-default k-disabled css-12pzj9v\" tabindex=\"-1\">disabled div button</div><a class=\"k-btn k-default css-12pzj9v\" href=\"https://www.ksyun.com\" target=\"_blank\" tabindex=\"0\">超链接按钮</a></div>"
91
91
  ```
92
92
 
93
93
  ## `card`
@@ -95,25 +95,31 @@
95
95
  #### `Card basic`
96
96
 
97
97
  ```
98
- "<div><div class=\"k-card k-shadow css-1pwmz1\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border css-1pwmz1\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
98
+ "<div><div class=\"k-card k-shadow css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
99
99
  ```
100
100
 
101
101
  #### `Card extra`
102
102
 
103
103
  ```
104
- "<div><div class=\"k-card k-shadow css-1pwmz1\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div><div class=\"k-card-extra\"><div class=\"k-tabs k-size-small k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">数据集成</div><div class=\"k-tab\">数据采集</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border css-1pwmz1\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div><div class=\"k-card-extra\"><div class=\"k-tabs k-size-small k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">数据集成</div><div class=\"k-tab\">数据采集</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
104
+ "<div><div class=\"k-card k-shadow css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div><div class=\"k-card-extra\"><div class=\"k-tabs k-size-small k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">数据集成</div><div class=\"k-tab\">数据采集</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div><div class=\"k-card-extra\"><div class=\"k-tabs k-size-small k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">数据集成</div><div class=\"k-tab\">数据采集</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
105
105
  ```
106
106
 
107
107
  #### `Card grid`
108
108
 
109
109
  ```
110
- "<div><div class=\"k-card k-shadow k-no-header k-card-grid css-1pwmz1\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-1s6te75\"></i></div><div class=\"k-card-column k-fluid\">用户名:test</div></div></div><div class=\"k-card k-shadow k-no-header k-card-grid css-1pwmz1\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-1s6te75\"></i></div><div class=\"k-card-column k-fluid\">用户名:test</div></div></div><div class=\"k-card k-border k-no-header k-card-grid css-1pwmz1\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-1s6te75\"></i></div><div class=\"k-card-column k-fluid\">用户名:test</div></div></div></div>"
110
+ "<div><div class=\"k-card k-shadow k-no-header k-card-grid css-1jf5xj\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-16qej3\"></i></div><div class=\"k-card-column k-fluid\">用户名:test</div></div></div><div class=\"k-card k-shadow k-no-header k-card-grid css-1jf5xj\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-16qej3\"></i></div><div class=\"k-card-column k-fluid\">用户名:test</div></div></div><div class=\"k-card k-border k-no-header k-card-grid css-1jf5xj\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-16qej3\"></i></div><div class=\"k-card-column k-fluid\">用户名:test</div></div></div></div>"
111
111
  ```
112
112
 
113
113
  #### `Card noHeader`
114
114
 
115
115
  ```
116
- "<div><div class=\"k-card k-shadow k-no-header css-1pwmz1\"><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border k-no-header css-1pwmz1\"><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
116
+ "<div><div class=\"k-card k-shadow k-no-header css-1jf5xj\"><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border k-no-header css-1jf5xj\"><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
117
+ ```
118
+
119
+ #### `Card size`
120
+
121
+ ```
122
+ "<div><div class=\"k-card k-border k-large css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border k-small css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border k-mini css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
117
123
  ```
118
124
 
119
125
  ## `carousel`
@@ -121,25 +127,25 @@
121
127
  #### `Carousel autoplay`
122
128
 
123
129
  ```
124
- "<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-800px, 0px, 0px);\"><div class=\"k-carousel-item k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\">2</div><div class=\"k-carousel-item css-mnsv7w\">3</div><div class=\"k-carousel-item css-mnsv7w\">4</div><div class=\"k-carousel-item k-active k-cloned css-mnsv7w\">1</div></div><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-prev k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-next k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
130
+ "<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-800px, 0px, 0px);\"><div class=\"k-carousel-item k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\">2</div><div class=\"k-carousel-item css-mnsv7w\">3</div><div class=\"k-carousel-item css-mnsv7w\">4</div><div class=\"k-carousel-item k-active k-cloned css-mnsv7w\">1</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-next k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
125
131
  ```
126
132
 
127
133
  #### `Carousel basic`
128
134
 
129
135
  ```
130
- "<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-800px, 0px, 0px);\"><div class=\"k-carousel-item k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\">2</div><div class=\"k-carousel-item css-mnsv7w\">3</div><div class=\"k-carousel-item css-mnsv7w\">4</div><div class=\"k-carousel-item k-active k-cloned css-mnsv7w\">1</div></div><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-prev k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-next k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
136
+ "<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-800px, 0px, 0px);\"><div class=\"k-carousel-item k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\">2</div><div class=\"k-carousel-item css-mnsv7w\">3</div><div class=\"k-carousel-item css-mnsv7w\">4</div><div class=\"k-carousel-item k-active k-cloned css-mnsv7w\">1</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-next k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
131
137
  ```
132
138
 
133
139
  #### `Carousel effect`
134
140
 
135
141
  ```
136
- "<div class=\"k-carousel k-hover k-fade css-109atsp\"><div class=\"k-carousel-wrapper\"><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">2</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">3</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">4</div></div><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-prev k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-next k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
142
+ "<div class=\"k-carousel k-hover k-fade css-109atsp\"><div class=\"k-carousel-wrapper\"><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">2</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">3</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">4</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-next k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
137
143
  ```
138
144
 
139
145
  #### `Carousel multiple`
140
146
 
141
147
  ```
142
- "<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-1600px, 0px, 0px);\"><div class=\"k-carousel-item three k-cloned css-mnsv7w\">3</div><div class=\"k-carousel-item four k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item one k-active css-mnsv7w\">1</div><div class=\"k-carousel-item two css-mnsv7w\">2</div><div class=\"k-carousel-item three css-mnsv7w\">3</div><div class=\"k-carousel-item four css-mnsv7w\">4</div><div class=\"k-carousel-item one k-active k-cloned css-mnsv7w\">1</div><div class=\"k-carousel-item two k-cloned css-mnsv7w\">2</div></div><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-prev k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-next k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
148
+ "<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-1600px, 0px, 0px);\"><div class=\"k-carousel-item three k-cloned css-mnsv7w\">3</div><div class=\"k-carousel-item four k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item one k-active css-mnsv7w\">1</div><div class=\"k-carousel-item two css-mnsv7w\">2</div><div class=\"k-carousel-item three css-mnsv7w\">3</div><div class=\"k-carousel-item four css-mnsv7w\">4</div><div class=\"k-carousel-item one k-active k-cloned css-mnsv7w\">1</div><div class=\"k-carousel-item two k-cloned css-mnsv7w\">2</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-next k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
143
149
  ```
144
150
 
145
151
  ## `cascader`
@@ -147,55 +153,55 @@
147
153
  #### `Cascader basic`
148
154
 
149
155
  ```
150
- "<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-rotate ion-load-c css-1s6te75\"></i></span></span></div><!--portal--></div>"
156
+ "<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-rotate ion-load-c css-16qej3\"></i></span></span></div><!--portal--></div>"
151
157
  ```
152
158
 
153
159
  #### `Cascader changeOnSelect`
154
160
 
155
161
  ```
156
- "<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> You selected: null</div>"
162
+ "<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> You selected: null</div>"
157
163
  ```
158
164
 
159
165
  #### `Cascader custom`
160
166
 
161
167
  ```
162
- "<div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
168
+ "<div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
163
169
  ```
164
170
 
165
171
  #### `Cascader disabled`
166
172
 
167
173
  ```
168
- "<div><div class=\"k-select k-disabled k-cascader css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
174
+ "<div><div class=\"k-select k-disabled k-cascader css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
169
175
  ```
170
176
 
171
177
  #### `Cascader filterable`
172
178
 
173
179
  ```
174
- "<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
180
+ "<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
175
181
  ```
176
182
 
177
183
  #### `Cascader loadData`
178
184
 
179
185
  ```
180
- "<div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
186
+ "<div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
181
187
  ```
182
188
 
183
189
  #### `Cascader multiple`
184
190
 
185
191
  ```
186
- "<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> You selected: []</div>"
192
+ "<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
187
193
  ```
188
194
 
189
195
  #### `Cascader size`
190
196
 
191
197
  ```
192
- "<div><div class=\"k-select k-large k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-small k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-mini k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
198
+ "<div><div class=\"k-select k-large k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-small k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-mini k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
193
199
  ```
194
200
 
195
201
  #### `Cascader trigger`
196
202
 
197
203
  ```
198
- "<div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
204
+ "<div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
199
205
  ```
200
206
 
201
207
  ## `checkbox`
@@ -229,31 +235,31 @@
229
235
  #### `Collapse accordion`
230
236
 
231
237
  ```
232
- "<div class=\"k-collapse css-1byh1j1 k-border\"><div class=\"k-collapse-item css-1fd48yl k-active\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计语言</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
238
+ "<div class=\"k-collapse css-1byh1j1 k-border\"><div class=\"k-collapse-item css-1fd48yl k-active\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计语言</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
233
239
  ```
234
240
 
235
241
  #### `Collapse arrow`
236
242
 
237
243
  ```
238
- "<div class=\"k-collapse css-1byh1j1 k-left k-border\"><div class=\"k-collapse-item css-1fd48yl k-active\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计语言<a class=\"link\" href=\"/docs/design/language/\">详细说明</a></div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
244
+ "<div class=\"k-collapse css-1byh1j1 k-left k-border\"><div class=\"k-collapse-item css-1fd48yl k-active\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计语言<a class=\"link\" href=\"/docs/design/language/\">详细说明</a></div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
239
245
  ```
240
246
 
241
247
  #### `Collapse basic`
242
248
 
243
249
  ```
244
- "<div class=\"k-collapse css-1byh1j1 k-border\"><div class=\"k-collapse-item css-1fd48yl k-active\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计语言</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p><div class=\"k-collapse css-1byh1j1 k-border\" style=\"margin-bottom: 16px;\"><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计语言</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl k-disabled\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-disabled k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl k-disabled\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-disabled k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
250
+ "<div class=\"k-collapse css-1byh1j1 k-border\"><div class=\"k-collapse-item css-1fd48yl k-active\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计语言</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p><div class=\"k-collapse css-1byh1j1 k-border\" style=\"margin-bottom: 16px;\"><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计语言</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl k-disabled\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-disabled k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl k-disabled\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-disabled k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
245
251
  ```
246
252
 
247
253
  #### `Collapse noBorder`
248
254
 
249
255
  ```
250
- "<div class=\"k-collapse css-1byh1j1\"><div class=\"k-collapse-item css-1fd48yl k-active\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计语言</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
256
+ "<div class=\"k-collapse css-1byh1j1\"><div class=\"k-collapse-item css-1fd48yl k-active\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计语言</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
251
257
  ```
252
258
 
253
259
  #### `Collapse title`
254
260
 
255
261
  ```
256
- "<div class=\"k-collapse css-1byh1j1 k-border\"><div class=\"k-collapse-item css-1fd48yl k-active\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\"><i class=\"ion-cube\"></i>设计语言</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-1s6te75\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
262
+ "<div class=\"k-collapse css-1byh1j1 k-border\"><div class=\"k-collapse-item css-1fd48yl k-active\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\"><i class=\"ion-cube\"></i>设计语言</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作,没有共同的语言,一群人不能共同有效地合作。同理,因为每个人都会有不同的心智模式去达成各自的目的,如果没有共同的设计语言,对界面元素的共同理解,那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式,或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解,基于共同的理解,参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时,它就成为一个强大的设计和协作工具,产品创建过程中便可停止专注于界面样式本身,而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">KDL的价值</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"><ol><li>节省设计和构建模块的时间;</li><li>网站变更时节省时间,复用的模式更新时将在任何使用的地方自动更新,重复工作浪费的时间越少,就有 更多时间做有价值的事;</li><li>更快的发布产品,现成的模式库缩短了新功能设计研发上线时间;</li><li>品牌统一性、视觉一致性、提升团队协作效率,不用每次重新创造。</li></ol></div></div><div class=\"k-collapse-item css-1fd48yl\"><div class=\"k-collapse-title\"><div class=\"k-collapse-title-wrapper\">设计原则</div><i class=\"k-icon k-hoverable k-collapse-arrow k-icon-right css-16qej3\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说,美不可以建立在清晰和效率之上,效率也不可以妥协于一致性之下,清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则,考虑优先级。 设计由设计者的选择而决定,设计原则为设计者提供了选择依据,从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
257
263
  ```
258
264
 
259
265
  ## `colorpicker`
@@ -287,7 +293,7 @@
287
293
  #### `Config basic`
288
294
 
289
295
  ```
290
- "<button class=\"kd-btn css-1czt2fd\" tabindex=\"0\" type=\"button\">Button</button>"
296
+ "<button class=\"kd-btn kd-default css-7ey7ie\" tabindex=\"0\" type=\"button\">Button</button>"
291
297
  ```
292
298
 
293
299
  ## `copy`
@@ -295,13 +301,13 @@
295
301
  #### `Copy basic`
296
302
 
297
303
  ```
298
- "<i class=\"k-icon k-hoverable k-icon-clone k-copy css-t3aops css-1s6te75\" title=\"复制\"></i>"
304
+ "<i class=\"k-icon k-hoverable k-icon-clone k-copy css-t3aops css-16qej3\" title=\"复制\"></i>"
299
305
  ```
300
306
 
301
307
  #### `Copy children`
302
308
 
303
309
  ```
304
- "<div><span class=\"k-copy css-t3aops\"> Copy </span><button class=\"k-btn k-copy css-t3aops css-1832za1\" tabindex=\"0\" type=\"button\">Copy</button><button class=\"k-btn k-link k-mini k-copy css-t3aops css-1832za1\" tabindex=\"0\" type=\"button\">Copy</button><i class=\"k-icon k-hoverable ion-ios-copy k-copy css-t3aops k-large css-1s6te75\"></i><button class=\"k-btn k-btn-icon k-copy css-t3aops k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-copy-outline css-1s6te75\"></i></button></div>"
310
+ "<div><span class=\"k-copy css-t3aops\"> Copy </span><button class=\"k-btn k-default k-copy css-t3aops css-12pzj9v\" tabindex=\"0\" type=\"button\">Copy</button><button class=\"k-btn k-mini k-link k-copy css-t3aops css-12pzj9v\" tabindex=\"0\" type=\"button\">Copy</button><i class=\"k-icon k-hoverable ion-ios-copy k-copy css-t3aops k-large css-16qej3\"></i><button class=\"k-btn k-default k-btn-icon k-copy css-t3aops k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-copy-outline css-16qej3\"></i></button></div>"
305
311
  ```
306
312
 
307
313
  ## `datepicker`
@@ -309,61 +315,61 @@
309
315
  #### `Datepicker basic`
310
316
 
311
317
  ```
312
- "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-flat k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline k-flat css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled k-datepicker css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"2018-01-01\"><div class=\"k-input k-disabled k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"2018-01-01\" disabled=\"\" value=\"2018-01-01\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
318
+ "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-flat k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled k-datepicker css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"2018-01-01\"><div class=\"k-input k-disabled k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"2018-01-01\" disabled=\"\" value=\"2018-01-01\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
313
319
  ```
314
320
 
315
321
  #### `Datepicker clearable`
316
322
 
317
323
  ```
318
- "<div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->"
324
+ "<div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal-->"
319
325
  ```
320
326
 
321
327
  #### `Datepicker datetime`
322
328
 
323
329
  ```
324
- "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"时间精确到分钟\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
330
+ "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"时间精确到分钟\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
325
331
  ```
326
332
 
327
333
  #### `Datepicker disabledDate`
328
334
 
329
335
  ```
330
- "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
336
+ "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
331
337
  ```
332
338
 
333
339
  #### `Datepicker format`
334
340
 
335
341
  ```
336
- "<div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> value: </div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> value: </div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> value: </div></div>"
342
+ "<div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> value: </div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> value: </div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> value: </div></div>"
337
343
  ```
338
344
 
339
345
  #### `Datepicker maxMin`
340
346
 
341
347
  ```
342
- "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> ~ <div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> ~ <div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
348
+ "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> ~ <div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> ~ <div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
343
349
  ```
344
350
 
345
351
  #### `Datepicker multiple`
346
352
 
347
353
  ```
348
- "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择日期</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择日期和时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择年份</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择月份</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始日期 ~ 结束日期</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始时间 ~ 结束时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> You selected: [] <br><br></div>"
354
+ "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择日期</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择日期和时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择年份</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择月份</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始日期 ~ 结束日期</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始时间 ~ 结束时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br></div>"
349
355
  ```
350
356
 
351
357
  #### `Datepicker range`
352
358
 
353
359
  ```
354
- "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> You selected: null <br><br></div>"
360
+ "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br></div>"
355
361
  ```
356
362
 
357
363
  #### `Datepicker shortcuts`
358
364
 
359
365
  ```
360
- "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
366
+ "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
361
367
  ```
362
368
 
363
369
  #### `Datepicker yearMonth`
364
370
 
365
371
  ```
366
- "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
372
+ "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
367
373
  ```
368
374
 
369
375
  ## `diagram`
@@ -377,7 +383,7 @@
377
383
  #### `Diagram children`
378
384
 
379
385
  ```
380
- "<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><drectangle></drectangle><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 287px; height: 101px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 287px; min-height: 101px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"0\" y=\"0\" width=\"120\" height=\"100\" fill=\"#ffffff\" stroke=\"#000000\" stroke-dasharray=\"3 3\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(2,28)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"116\" height=\"44\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 116px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div><div class=\"container\"><div>始发站</div><div class=\"k-select k-fluid css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"166\" y=\"0\" width=\"120\" height=\"100\" fill=\"#ffffff\" stroke=\"#000000\" stroke-dasharray=\"3 3\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(168,28)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"116\" height=\"44\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 116px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div><div class=\"container\"><div>终点站</div><div class=\"k-select k-fluid css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 120 50 L 159.63 50\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 120 50 L 159.63 50\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 164.88 50 L 157.88 53.5 L 159.63 50 L 157.88 46.5 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g></g><g></g><g></g></g></svg></div></div>"
386
+ "<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><drectangle></drectangle><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 287px; height: 101px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 287px; min-height: 101px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"0\" y=\"0\" width=\"120\" height=\"100\" fill=\"#ffffff\" stroke=\"#000000\" stroke-dasharray=\"3 3\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(2,28)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"116\" height=\"44\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 116px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div><div class=\"container\"><div>始发站</div><div class=\"k-select k-fluid css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"166\" y=\"0\" width=\"120\" height=\"100\" fill=\"#ffffff\" stroke=\"#000000\" stroke-dasharray=\"3 3\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(168,28)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"116\" height=\"44\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 116px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div><div class=\"container\"><div>终点站</div><div class=\"k-select k-fluid css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 120 50 L 159.63 50\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 120 50 L 159.63 50\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 164.88 50 L 157.88 53.5 L 159.63 50 L 157.88 46.5 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g></g><g></g><g></g></g></svg></div></div>"
381
387
  ```
382
388
 
383
389
  #### `Diagram select`
@@ -391,55 +397,55 @@
391
397
  #### `Dialog asyncClose`
392
398
 
393
399
  ```
394
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Close Dialog Asynchronously</button><!--portal--></div>"
400
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Close Dialog Asynchronously</button><!--portal--></div>"
395
401
  ```
396
402
 
397
403
  #### `Dialog basic`
398
404
 
399
405
  ```
400
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
406
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
401
407
  ```
402
408
 
403
409
  #### `Dialog block`
404
410
 
405
411
  ```
406
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Show Dialog</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Show No Footer Dialog</button><!--portal--><!--portal--></div>"
412
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Dialog</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show No Footer Dialog</button><!--portal--><!--portal--></div>"
407
413
  ```
408
414
 
409
415
  #### `Dialog destroy`
410
416
 
411
417
  ```
412
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
418
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
413
419
  ```
414
420
 
415
421
  #### `Dialog events`
416
422
 
417
423
  ```
418
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
424
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
419
425
  ```
420
426
 
421
427
  #### `Dialog overlay`
422
428
 
423
429
  ```
424
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
430
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
425
431
  ```
426
432
 
427
433
  #### `Dialog size`
428
434
 
429
435
  ```
430
- "<div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show large Dialog</button><!--portal--><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show default Dialog</button><!--portal--><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show small Dialog</button><!--portal--><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show mini Dialog</button><!--portal--></div><br><br><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show 300px wide dialog</button><!--portal--></div>"
436
+ "<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show large Dialog</button><!--portal--><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show default Dialog</button><!--portal--><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show small Dialog</button><!--portal--><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show mini Dialog</button><!--portal--></div><br><br><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show 300px wide dialog</button><!--portal--></div>"
431
437
  ```
432
438
 
433
439
  #### `Dialog static`
434
440
 
435
441
  ```
436
- "<div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show Success Dialog</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show Warning Dialog</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show Error Dialog</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show Confirm Dialog</button></div><br><br><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show Success Dialog with Title</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show Warning Dialog with Title</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show Error Dialog with Title</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Show Confirm Dialog with Title</button></div></div>"
442
+ "<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Success Dialog</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Warning Dialog</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Error Dialog</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Confirm Dialog</button></div><br><br><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Success Dialog with Title</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Warning Dialog with Title</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Error Dialog with Title</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Confirm Dialog with Title</button></div></div>"
437
443
  ```
438
444
 
439
445
  #### `Dialog terminate`
440
446
 
441
447
  ```
442
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
448
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
443
449
  ```
444
450
 
445
451
  ## `drawer`
@@ -447,25 +453,25 @@
447
453
  #### `Drawer basic`
448
454
 
449
455
  ```
450
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Show Drawer</button><!--portal--></div>"
456
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Drawer</button><!--portal--></div>"
451
457
  ```
452
458
 
453
459
  #### `Drawer content`
454
460
 
455
461
  ```
456
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Show Drawer</button><!--portal--></div>"
462
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Drawer</button><!--portal--></div>"
457
463
  ```
458
464
 
459
465
  #### `Drawer overlay`
460
466
 
461
467
  ```
462
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Show Drawer Without Overlay</button><!--portal--></div>"
468
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Drawer Without Overlay</button><!--portal--></div>"
463
469
  ```
464
470
 
465
471
  #### `Drawer placement`
466
472
 
467
473
  ```
468
- "<div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn placement-btn css-1832za1\" tabindex=\"0\" type=\"button\">从上侧出现</button><button class=\"k-btn placement-btn css-1832za1\" tabindex=\"0\" type=\"button\">从下侧出现</button><button class=\"k-btn placement-btn css-1832za1\" tabindex=\"0\" type=\"button\">从左侧出现</button><button class=\"k-btn placement-btn css-1832za1\" tabindex=\"0\" type=\"button\">从右侧出现</button></div><!--portal--></div>"
474
+ "<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default placement-btn css-12pzj9v\" tabindex=\"0\" type=\"button\">从上侧出现</button><button class=\"k-btn k-default placement-btn css-12pzj9v\" tabindex=\"0\" type=\"button\">从下侧出现</button><button class=\"k-btn k-default placement-btn css-12pzj9v\" tabindex=\"0\" type=\"button\">从左侧出现</button><button class=\"k-btn k-default placement-btn css-12pzj9v\" tabindex=\"0\" type=\"button\">从右侧出现</button></div><!--portal--></div>"
469
475
  ```
470
476
 
471
477
  ## `dropdown`
@@ -473,13 +479,13 @@
473
479
  #### `Dropdown basic`
474
480
 
475
481
  ```
476
- "<div><button class=\"k-btn k-primary css-662ruv\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--></div>"
482
+ "<div><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--></div>"
477
483
  ```
478
484
 
479
485
  #### `Dropdown checkbox`
480
486
 
481
487
  ```
482
- "<div><button class=\"k-btn css-662ruv\" tabindex=\"0\" type=\"button\">More<i class=\"k-icon k-icon-right css-1s6te75\"></i></button><!--portal--></div>"
488
+ "<div><button class=\"k-btn k-default css-jwj6ca\" tabindex=\"0\" type=\"button\">More<i class=\"k-icon k-icon-right css-16qej3\"></i></button><!--portal--></div>"
483
489
  ```
484
490
 
485
491
  #### `Dropdown contextmenu`
@@ -491,31 +497,31 @@
491
497
  #### `Dropdown disabled`
492
498
 
493
499
  ```
494
- "<div><button class=\"k-btn k-primary css-662ruv\" tabindex=\"0\" type=\"button\"> disabled <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--><button class=\"k-btn k-primary css-662ruv\" tabindex=\"0\" type=\"button\"> disabled item <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--></div>"
500
+ "<div><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\"> disabled <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\"> disabled item <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--></div>"
495
501
  ```
496
502
 
497
503
  #### `Dropdown nested`
498
504
 
499
505
  ```
500
- "<div><button class=\"k-btn k-primary css-662ruv\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--></div>"
506
+ "<div><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--></div>"
501
507
  ```
502
508
 
503
509
  #### `Dropdown position`
504
510
 
505
511
  ```
506
- "<div><button class=\"k-btn k-primary css-662ruv\" tabindex=\"0\" type=\"button\"> left <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--><button class=\"k-btn k-primary css-662ruv\" tabindex=\"0\" type=\"button\"> right <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--><button class=\"k-btn k-primary css-662ruv\" tabindex=\"0\" type=\"button\"> top center <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--></div>"
512
+ "<div><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\"> left <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\"> right <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\"> top center <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--></div>"
507
513
  ```
508
514
 
509
515
  #### `Dropdown tooltip`
510
516
 
511
517
  ```
512
- "<div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">DropdownItem with Tooltip</button><!--portal--></div>"
518
+ "<div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">DropdownItem with Tooltip</button><!--portal--></div>"
513
519
  ```
514
520
 
515
521
  #### `Dropdown trigger`
516
522
 
517
523
  ```
518
- "<div><button class=\"k-btn k-primary css-662ruv\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--><button class=\"k-btn k-primary css-662ruv\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
524
+ "<div><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-jwj6ca\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
519
525
  ```
520
526
 
521
527
  ## `editable`
@@ -523,13 +529,13 @@
523
529
  #### `Editable basic`
524
530
 
525
531
  ```
526
- "<div><div class=\"k-editable css-nuojr0\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><a href=\"\">editable text</a></div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-1s6te75\"></i><!--portal--></div><br><div class=\"k-editable k-disabled css-nuojr0\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><a href=\"\">disabled editable text</a></div></div></div>"
532
+ "<div><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><a href=\"\">editable text</a></div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable k-disabled css-12kerrq\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><a href=\"\">disabled editable text</a></div></div></div>"
527
533
  ```
528
534
 
529
535
  #### `Editable validate`
530
536
 
531
537
  ```
532
- "<div><div class=\"k-editable css-nuojr0\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-1s6te75\"></i><!--portal--></div><br><div class=\"k-editable css-nuojr0\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-1s6te75\"></i><!--portal--></div><br><div class=\"k-editable css-nuojr0\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-1s6te75\"></i><!--portal--></div></div>"
538
+ "<div><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div></div>"
533
539
  ```
534
540
 
535
541
  ## `form`
@@ -537,37 +543,37 @@
537
543
  #### `Form basic`
538
544
 
539
545
  ```
540
- "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-radio-text\">Javascript</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-radio-text\">PHP</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-radio-text\">C++</span></label></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input k-type-textarea k-resize-vertical css-1mbhget\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"2\"></textarea></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\" style=\"margin-left: 8px;\">重置</button></div></div></form>"
546
+ "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-radio-text\">Javascript</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-radio-text\">PHP</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-radio-text\">C++</span></label></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input k-type-textarea k-resize-vertical css-l0vdz7\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"2\"></textarea></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\" style=\"margin-left: 8px;\">重置</button></div></div></form>"
541
547
  ```
542
548
 
543
549
  #### `Form custom`
544
550
 
545
551
  ```
546
- "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1trczha\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">删除</button></div></div><div class=\"k-form-item css-1trczha\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">删除</button></div></div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
552
+ "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1trczha\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">删除</button></div></div><div class=\"k-form-item css-1trczha\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">删除</button></div></div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
547
553
  ```
548
554
 
549
555
  #### `Form label`
550
556
 
551
557
  ```
552
- "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"><i class=\"ion-person\"></i> 姓名</label><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
558
+ "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"><i class=\"ion-person\"></i> 姓名</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
553
559
  ```
554
560
 
555
561
  #### `Form layout`
556
562
 
557
563
  ```
558
- "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"submit\">Submit</button></div></div></form>"
564
+ "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"submit\">Submit</button></div></div></form>"
559
565
  ```
560
566
 
561
567
  #### `Form remote`
562
568
 
563
569
  ```
564
- "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
570
+ "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
565
571
  ```
566
572
 
567
573
  #### `Form variable`
568
574
 
569
575
  ```
570
- "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">姓名</label><div class=\"k-form-content\"><div class=\"k-row css-1d2b9xj\" style=\"margin-left: -8px; margin-right: -8px;\"><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-1trczha\"><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-1trczha\"><div class=\"k-form-content\"><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div></div></div></div></form>"
576
+ "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">姓名</label><div class=\"k-form-content\"><div class=\"k-row css-1d2b9xj\" style=\"margin-left: -8px; margin-right: -8px;\"><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-1trczha\"><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-1trczha\"><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div></div></div></div></form>"
571
577
  ```
572
578
 
573
579
  ## `grid`
@@ -625,19 +631,19 @@
625
631
  #### `Icon basic`
626
632
 
627
633
  ```
628
- "<div><i class=\"k-icon ion-happy-outline css-1s6te75\" style=\"font-size: 36px;\"></i><i class=\"k-icon ion-happy-outline k-large css-1s6te75\"></i><i class=\"k-icon ion-happy-outline css-1s6te75\"></i><i class=\"k-icon ion-happy-outline k-small css-1s6te75\"></i><i class=\"k-icon ion-happy-outline k-mini css-1s6te75\"></i></div>"
634
+ "<div><i class=\"k-icon ion-happy-outline css-16qej3\" style=\"font-size: 36px;\"></i><i class=\"k-icon ion-happy-outline k-large css-16qej3\"></i><i class=\"k-icon ion-happy-outline css-16qej3\"></i><i class=\"k-icon ion-happy-outline k-small css-16qej3\"></i><i class=\"k-icon ion-happy-outline k-mini css-16qej3\"></i></div>"
629
635
  ```
630
636
 
631
637
  #### `Icon color`
632
638
 
633
639
  ```
634
- "<div><i class=\"k-icon ion-happy-outline k-large css-1s6te75\"></i><i class=\"k-icon ion-happy-outline k-large k-primary css-1s6te75\"></i><i class=\"k-icon ion-happy-outline k-large k-warning css-1s6te75\"></i><i class=\"k-icon ion-happy-outline k-large k-danger css-1s6te75\"></i><i class=\"k-icon ion-happy-outline k-large k-success css-1s6te75\"></i><i class=\"k-icon ion-happy-outline k-large css-5fftb9\" style=\"color: red;\"></i><i class=\"k-icon ion-happy-outline k-large css-zfa5eh\" style=\"color: rgb(0, 0, 234);\"></i><i class=\"k-icon ion-happy-outline k-large css-1ymg9vc\" style=\"color: rgb(183, 18, 193);\"></i><br><br><i class=\"k-icon k-hoverable ion-happy-outline k-large css-1s6te75\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-primary css-1s6te75\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-warning css-1s6te75\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-danger css-1s6te75\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-success css-1s6te75\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-5fftb9\" style=\"color: red;\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-zfa5eh\" style=\"color: rgb(0, 0, 234);\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-1ymg9vc\" style=\"color: rgb(183, 18, 193);\"></i></div>"
640
+ "<div><i class=\"k-icon ion-happy-outline k-large css-16qej3\"></i><i class=\"k-icon ion-happy-outline k-large k-primary css-16qej3\"></i><i class=\"k-icon ion-happy-outline k-large k-warning css-16qej3\"></i><i class=\"k-icon ion-happy-outline k-large k-danger css-16qej3\"></i><i class=\"k-icon ion-happy-outline k-large k-success css-16qej3\"></i><i class=\"k-icon ion-happy-outline k-large css-1v8ap0f\" style=\"color: red;\"></i><i class=\"k-icon ion-happy-outline k-large css-k7ti5a\" style=\"color: rgb(0, 0, 234);\"></i><i class=\"k-icon ion-happy-outline k-large css-e0oxgn\" style=\"color: rgb(183, 18, 193);\"></i><br><br><i class=\"k-icon k-hoverable ion-happy-outline k-large css-16qej3\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-primary css-16qej3\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-warning css-16qej3\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-danger css-16qej3\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-success css-16qej3\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-1v8ap0f\" style=\"color: red;\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-k7ti5a\" style=\"color: rgb(0, 0, 234);\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-e0oxgn\" style=\"color: rgb(183, 18, 193);\"></i></div>"
635
641
  ```
636
642
 
637
643
  #### `Icon disabled`
638
644
 
639
645
  ```
640
- "<div><i class=\"k-icon k-disabled ion-happy-outline css-1s6te75\"></i><i class=\"k-icon k-disabled ion-happy-outline css-1s6te75\"></i><i class=\"k-icon k-disabled ion-happy-outline k-primary css-1s6te75\"></i></div>"
646
+ "<div><i class=\"k-icon k-disabled ion-happy-outline css-16qej3\"></i><i class=\"k-icon k-disabled ion-happy-outline css-16qej3\"></i><i class=\"k-icon k-disabled ion-happy-outline k-primary css-16qej3\"></i></div>"
641
647
  ```
642
648
 
643
649
  #### `Icon icons`
@@ -651,79 +657,79 @@
651
657
  #### `Input autoRows`
652
658
 
653
659
  ```
654
- "<div><div class=\"k-input k-fluid k-type-textarea k-resize-none css-1mbhget\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"1\" style=\"height: 32px;\"></textarea></div></div><br><br><div class=\"k-input k-fluid k-type-textarea k-resize-none css-1mbhget\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"1\" style=\"height: 68px;\"></textarea></div></div></div>"
660
+ "<div><div class=\"k-input k-fluid k-type-textarea k-resize-none css-l0vdz7\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"1\" style=\"height: 32px;\"></textarea></div></div><br><br><div class=\"k-input k-fluid k-type-textarea k-resize-none css-l0vdz7\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"1\" style=\"height: 68px;\"></textarea></div></div></div>"
655
661
  ```
656
662
 
657
663
  #### `Input autowidth`
658
664
 
659
665
  ```
660
- "<div><div class=\"k-input k-auto-width css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" style=\"width: px;\"><div class=\"k-input-fake\"><span>auto width</span></div></div></div><br><br><div class=\"k-input k-auto-width css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" value=\"default value\" style=\"width: px;\"><div class=\"k-input-fake\"><span>default value</span></div></div></div></div>"
666
+ "<div><div class=\"k-input k-auto-width css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" style=\"width: px;\"><div class=\"k-input-fake\"><span>auto width</span></div></div></div><br><br><div class=\"k-input k-auto-width css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" value=\"default value\" style=\"width: px;\"><div class=\"k-input-fake\"><span>default value</span></div></div></div></div>"
661
667
  ```
662
668
 
663
669
  #### `Input basic`
664
670
 
665
671
  ```
666
- "<div><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div></div> <br><div class=\"k-input k-disabled css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"disabled\" disabled=\"\"></div></div></div>"
672
+ "<div><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div></div> <br><div class=\"k-input k-disabled css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"disabled\" disabled=\"\"></div></div></div>"
667
673
  ```
668
674
 
669
675
  #### `Input blocks`
670
676
 
671
677
  ```
672
- "<div><div class=\"k-input k-group css-1mbhget\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><br><div class=\"k-input k-group css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i></button></div></div><br><div class=\"k-input k-group css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">提交</button></div></div><br><div class=\"k-input k-group css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">提交</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">创建</button></div></div></div><br><div class=\"k-input k-group css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i></button></div></div><br><div class=\"k-input k-group css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">搜索</button></div></div><br><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-1s6te75\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-1s6te75\"></i></div></div></div><br><div class=\"k-input k-group css-1mbhget\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-1s6te75\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-1s6te75\"></i></div></div><div class=\"k-input-append k-input-padding\">.com</div></div></div>"
678
+ "<div><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button></div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">提交</button></div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">提交</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">创建</button></div></div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button></div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">搜索</button></div></div><br><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div><div class=\"k-input-append k-input-padding\">.com</div></div></div>"
673
679
  ```
674
680
 
675
681
  #### `Input clearable`
676
682
 
677
683
  ```
678
- "<div><div class=\"k-input k-clearable css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><br><div class=\"k-input k-disabled k-clearable css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"disabled\"></div></div><br><div class=\"k-input k-clearable css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> <i class=\"k-icon k-hoverable k-icon-search css-1s6te75\"></i></div></div></div><br><div class=\"k-input k-clearable k-stack-clear css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> <i class=\"k-icon k-hoverable k-icon-search css-1s6te75\"></i></div></div></div></div>"
684
+ "<div><div class=\"k-input k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><br><div class=\"k-input k-disabled k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"disabled\"></div></div><br><div class=\"k-input k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div></div><br><div class=\"k-input k-clearable k-stack-clear css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div></div></div>"
679
685
  ```
680
686
 
681
687
  #### `Input flat`
682
688
 
683
689
  ```
684
- "<div><div class=\"k-input k-flat css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\"></div></div><br><br><div class=\"k-input k-disabled k-flat css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\" disabled=\"\" value=\"disabled\"></div></div></div>"
690
+ "<div><div class=\"k-input k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\"></div></div><br><br><div class=\"k-input k-disabled k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\" disabled=\"\" value=\"disabled\"></div></div></div>"
685
691
  ```
686
692
 
687
693
  #### `Input frozen`
688
694
 
689
695
  ```
690
- "<div><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div><br><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div></div>"
696
+ "<div><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div><br><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div></div>"
691
697
  ```
692
698
 
693
699
  #### `Input inline`
694
700
 
695
701
  ```
696
- "<div class=\"k-input k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"内联文字\"></div></div>"
702
+ "<div class=\"k-input k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"内联文字\"></div></div>"
697
703
  ```
698
704
 
699
705
  #### `Input password`
700
706
 
701
707
  ```
702
- "<div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"password\" type=\"password\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-show-password k-icon-hidden css-1s6te75\"></i> </div></div></div>"
708
+ "<div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"password\" type=\"password\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-show-password k-icon-hidden css-16qej3\"></i> </div></div></div>"
703
709
  ```
704
710
 
705
711
  #### `Input search`
706
712
 
707
713
  ```
708
- "<div><form class=\"k-search k-hide k-default css-1pzlpaw\"><div class=\"k-input k-clearable css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-1s6te75\"></i></button></form><br><form class=\"k-search k-hide k-line css-1pzlpaw\"><div class=\"k-input k-clearable css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-1s6te75\"></i></button></form></div>"
714
+ "<div><form class=\"k-search k-hide k-default css-1pzlpaw\"><div class=\"k-input k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-16qej3\"></i></button></form><br><form class=\"k-search k-hide k-line css-1pzlpaw\"><div class=\"k-input k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-16qej3\"></i></button></form></div>"
709
715
  ```
710
716
 
711
717
  #### `Input showCount`
712
718
 
713
719
  ```
714
- "<div><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\"><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0</span></div></div></div><br><br><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\" maxlength=\"10\"><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0<span> / 10</span></span></div></div></div><br><br><div class=\"k-input k-type-textarea k-resize-vertical css-1mbhget\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" maxlength=\"100\" rows=\"2\"></textarea><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0<span> / 100</span></span></div></div></div></div>"
720
+ "<div><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\"><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0</span></div></div></div><br><br><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\" maxlength=\"10\"><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0<span> / 10</span></span></div></div></div><br><br><div class=\"k-input k-type-textarea k-resize-vertical css-l0vdz7\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" maxlength=\"100\" rows=\"2\"></textarea><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0<span> / 100</span></span></div></div></div></div>"
715
721
  ```
716
722
 
717
723
  #### `Input size`
718
724
 
719
725
  ```
720
- "<div><div class=\"k-input k-large css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"large\"></div></div><br><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"default\"></div></div><br><div class=\"k-input k-small css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"small\"></div></div><br><div class=\"k-input k-small k-group css-1mbhget\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><br><div class=\"k-input k-small k-group css-1mbhget\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-earth\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon k-icon-search k-small css-1s6te75\"></i></button></div></div><br><div class=\"k-input k-small k-group k-clearable css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-small css-1832za1\" tabindex=\"0\" type=\"button\">Search</button></div></div><br><div class=\"k-input k-mini css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"mini\"></div></div></div>"
726
+ "<div><div class=\"k-input k-large css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"large\"></div></div><br><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"default\"></div></div><br><div class=\"k-input k-small css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"small\"></div></div><br><div class=\"k-input k-small k-group css-l0vdz7\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><br><div class=\"k-input k-small k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-earth\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-small k-primary k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon k-icon-search k-small css-16qej3\"></i></button></div></div><br><div class=\"k-input k-small k-group k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div><div class=\"k-input-append\"><button class=\"k-btn k-small k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Search</button></div></div><br><div class=\"k-input k-mini css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"mini\"></div></div></div>"
721
727
  ```
722
728
 
723
729
  #### `Input textarea`
724
730
 
725
731
  ```
726
- "<div><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-1mbhget\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"2\"></textarea></div></div><br><br><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-1mbhget\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"5\"></textarea></div></div></div>"
732
+ "<div><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-l0vdz7\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"2\"></textarea></div></div><br><br><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-l0vdz7\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"5\"></textarea></div></div></div>"
727
733
  ```
728
734
 
729
735
  ## `layout`
@@ -731,31 +737,31 @@
731
737
  #### `Layout aside`
732
738
 
733
739
  ```
734
- "<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-dgg9em\" style=\"width: 200px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-dark k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-1s6te75\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\"><div class=\"k-layout-header k-dark css-18n63wm\" style=\"height: 64px;\"><button class=\"k-btn k-none k-large k-ghost css-1832za1\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-1s6te75\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div>content</div></div></div></div>"
740
+ "<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-dgg9em\" style=\"width: 200px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-dark k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\"><div class=\"k-layout-header k-dark css-18n63wm\" style=\"height: 64px;\"><button class=\"k-btn k-large k-none k-ghost css-12pzj9v\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-16qej3\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div>content</div></div></div></div>"
735
741
  ```
736
742
 
737
743
  #### `Layout asideFix`
738
744
 
739
745
  ```
740
- "<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-white css-dgg9em\" style=\"width: 260px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-white k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon k-icon ion-heart css-1s6te75\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\" style=\"padding-left: 260px;\"><div class=\"k-layout-header k-fixed k-white css-18n63wm\" style=\"height: 64px; left: 260px;\"><button class=\"k-btn k-none k-large css-1832za1\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-1s6te75\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\" style=\"margin-top: 64px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
746
+ "<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-white css-dgg9em\" style=\"width: 260px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-white k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\" style=\"padding-left: 260px;\"><div class=\"k-layout-header k-fixed k-white css-18n63wm\" style=\"height: 64px; left: 260px;\"><button class=\"k-btn k-large k-none css-12pzj9v\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-16qej3\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\" style=\"margin-top: 64px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
741
747
  ```
742
748
 
743
749
  #### `Layout basic`
744
750
 
745
751
  ```
746
- "<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-blur k-box-shadow k-white header css-18n63wm\" style=\"height: 54px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-white k-horizontal css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 54px;\"><div class=\"k-layout-aside k-fixed k-light css-dgg9em\" style=\"width: 200px; top: 54px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-n3kz4w css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"content\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div></div></div></div></div>"
752
+ "<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-blur k-box-shadow k-white header css-18n63wm\" style=\"height: 54px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-white k-horizontal css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 54px;\"><div class=\"k-layout-aside k-fixed k-light css-dgg9em\" style=\"width: 200px; top: 54px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-n3kz4w css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"content\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div></div></div></div></div>"
747
753
  ```
748
754
 
749
755
  #### `Layout fix`
750
756
 
751
757
  ```
752
- "<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-18n63wm\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-dark k-horizontal css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 64px;\"><div class=\"k-layout-aside k-fixed k-light css-dgg9em\" style=\"width: 200px; top: 64px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-n3kz4w css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
758
+ "<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-18n63wm\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-dark k-horizontal css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 64px;\"><div class=\"k-layout-aside k-fixed k-light css-dgg9em\" style=\"width: 200px; top: 64px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-n3kz4w css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
753
759
  ```
754
760
 
755
761
  #### `Layout theme`
756
762
 
757
763
  ```
758
- "<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-white header css-18n63wm\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-white k-horizontal css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-white css-dgg9em\" style=\"width: 200px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-white k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-n3kz4w css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div> 切换主题:<div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">white<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div></div>"
764
+ "<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-white header css-18n63wm\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-white k-horizontal css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-white css-dgg9em\" style=\"width: 200px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-white k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-n3kz4w css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div> 切换主题:<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">white<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div></div>"
759
765
  ```
760
766
 
761
767
  ## `menu`
@@ -763,49 +769,49 @@
763
769
  #### `Menu accordion`
764
770
 
765
771
  ```
766
- "<div class=\"k-menu k-dark k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i><span>menu 2 </span></div></div></div><div class=\"k-menu-item k-expanded css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-1s6te75\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> sub menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1rh9wiv css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>Option 1</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> sub menu 4 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1rh9wiv css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>Option 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>Option 2</span></div></div></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div></div></div></div>"
772
+ "<div class=\"k-menu k-dark k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2 </span></div></div></div><div class=\"k-menu-item k-expanded css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> sub menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1rh9wiv css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>Option 1</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> sub menu 4 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1rh9wiv css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>Option 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>Option 2</span></div></div></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div></div></div></div>"
767
773
  ```
768
774
 
769
775
  #### `Menu basic`
770
776
 
771
777
  ```
772
- "<div class=\"k-menu k-dark k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-1s6te75\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> sub menu 4 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1rh9wiv css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>Option 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>Option 2</span></div></div></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4</span></div></div></div></div>"
778
+ "<div class=\"k-menu k-dark k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> sub menu 4 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1rh9wiv css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>Option 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>Option 2</span></div></div></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div>"
773
779
  ```
774
780
 
775
781
  #### `Menu collapse`
776
782
 
777
783
  ```
778
- "<div><div class=\"k-switch k-checked k-default css-158h2we\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-collapsed k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i></div></div><!--portal--></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i></div></div><!--portal--></div><div class=\"k-menu-item k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i></div></div><!--portal--></div></div></div>"
784
+ "<div><div class=\"k-switch k-checked k-default css-158h2we\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-collapsed k-vertical css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i></div></div><!--portal--></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i></div></div><!--portal--></div><div class=\"k-menu-item k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i></div></div><!--portal--></div></div></div>"
779
785
  ```
780
786
 
781
787
  #### `Menu dot`
782
788
 
783
789
  ```
784
- "<div class=\"k-menu k-light k-vertical css-112b4uc\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-1s6te75\"></i>Header</div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-1s6te75\"></i><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-1s6te75\"></i><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-1s6te75\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-1s6te75\"></i><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div>"
790
+ "<div class=\"k-menu k-light k-vertical css-112b4uc\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div>"
785
791
  ```
786
792
 
787
793
  #### `Menu horizontal`
788
794
 
789
795
  ```
790
- "<div><div class=\"k-menu k-dark k-horizontal css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-1s6te75\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4</span></div></div></div></div><br><br><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
796
+ "<div><div class=\"k-menu k-dark k-horizontal css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div><br><br><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
791
797
  ```
792
798
 
793
799
  #### `Menu recursive`
794
800
 
795
801
  ```
796
- "<div class=\"k-menu k-dark k-vertical css-112b4uc\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-1s6te75\"></i>测试</div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 3</span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-n3kz4w css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-u2b7tt css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>option 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>option 2</span></div></div></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div>"
802
+ "<div class=\"k-menu k-dark k-vertical css-112b4uc\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-16qej3\"></i>测试</div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 3</span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-n3kz4w css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-u2b7tt css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>option 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>option 2</span></div></div></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div>"
797
803
  ```
798
804
 
799
805
  #### `Menu size`
800
806
 
801
807
  ```
802
- "<div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">white<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">vertical</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 100px;\">horizontal</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-large k-vertical css-112b4uc\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-1s6te75\"></i>Header</div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-1s6te75\"></i><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-1s6te75\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> sub menu 4 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1rh9wiv css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>option 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>option 2</span></div></div></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4</span></div></div></div></div></div>"
808
+ "<div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">white<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">vertical</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 100px;\">horizontal</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-large k-vertical css-112b4uc\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span> sub menu 4 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1rh9wiv css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>option 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>option 2</span></div></div></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div>"
803
809
  ```
804
810
 
805
811
  #### `Menu theme`
806
812
 
807
813
  ```
808
- "<div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">white<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-vertical css-112b4uc\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-1s6te75\"></i>Header</div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-1s6te75\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4</span></div></div></div></div></div>"
814
+ "<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">white<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-vertical css-112b4uc\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-16qej3\"></i></div><div class=\"k-menu css-1kas5mp css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div>"
809
815
  ```
810
816
 
811
817
  ## `message`
@@ -813,19 +819,19 @@
813
819
  #### `Message basic`
814
820
 
815
821
  ```
816
- "<div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">info</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">error</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">success</button></div>"
822
+ "<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">info</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">error</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">success</button></div>"
817
823
  ```
818
824
 
819
825
  #### `Message config`
820
826
 
821
827
  ```
822
- "<div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">info</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">error</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">success</button></div>"
828
+ "<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">info</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">error</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">success</button></div>"
823
829
  ```
824
830
 
825
831
  #### `Message duration`
826
832
 
827
833
  ```
828
- "<div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">close after 10s</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">stick message</button></div>"
834
+ "<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">close after 10s</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">stick message</button></div>"
829
835
  ```
830
836
 
831
837
  ## `pagination`
@@ -833,49 +839,49 @@
833
839
  #### `Pagination basic`
834
840
 
835
841
  ```
836
- "<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div></div>"
842
+ "<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
837
843
  ```
838
844
 
839
845
  #### `Pagination counts`
840
846
 
841
847
  ```
842
- "<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">8<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div></div>"
848
+ "<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">8<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
843
849
  ```
844
850
 
845
851
  #### `Pagination current`
846
852
 
847
853
  ```
848
- "<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><br><br><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div></div>"
854
+ "<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><br><br><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
849
855
  ```
850
856
 
851
857
  #### `Pagination disable`
852
858
 
853
859
  ```
854
- "<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"10\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
860
+ "<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"10\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
855
861
  ```
856
862
 
857
863
  #### `Pagination flat`
858
864
 
859
865
  ```
860
- "<div><div class=\"k-pagination k-large k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-large k-flat css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-flat css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-small k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-small k-flat css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-mini k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-mini k-flat css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
866
+ "<div><div class=\"k-pagination k-large k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-large k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-small k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-small k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-mini k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-mini k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
861
867
  ```
862
868
 
863
869
  #### `Pagination goto`
864
870
 
865
871
  ```
866
- "<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
872
+ "<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
867
873
  ```
868
874
 
869
875
  #### `Pagination simple`
870
876
 
871
877
  ```
872
- "<div><div class=\"k-pagination k-large k-simple css-aujuho\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-simple css-aujuho\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-small k-simple css-aujuho\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-mini k-simple css-aujuho\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div>"
878
+ "<div><div class=\"k-pagination k-large k-simple css-aujuho\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-large k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-simple css-aujuho\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-small k-simple css-aujuho\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-small k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-mini k-simple css-aujuho\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-mini k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div>"
873
879
  ```
874
880
 
875
881
  #### `Pagination size`
876
882
 
877
883
  ```
878
- "<div><div class=\"k-pagination k-large css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-small css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-mini css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-pagination-ellipsis css-1832za1\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div></div>"
884
+ "<div><div class=\"k-pagination k-large css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-small css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-mini css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon k-pagination-ellipsis css-12pzj9v\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
879
885
  ```
880
886
 
881
887
  #### `Pagination noBoard`
@@ -889,31 +895,31 @@
889
895
  #### `Popover basic`
890
896
 
891
897
  ```
892
- "<div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">删除</button><!--portal--> <button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
898
+ "<div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">删除</button><!--portal--> <button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
893
899
  ```
894
900
 
895
901
  #### `Popover button`
896
902
 
897
903
  ```
898
- "<div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
904
+ "<div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
899
905
  ```
900
906
 
901
907
  #### `Popover content`
902
908
 
903
909
  ```
904
- "<div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
910
+ "<div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
905
911
  ```
906
912
 
907
913
  #### `Popover text`
908
914
 
909
915
  ```
910
- "<div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
916
+ "<div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
911
917
  ```
912
918
 
913
919
  #### `Popover type`
914
920
 
915
921
  ```
916
- "<div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" data-type=\"info\" tabindex=\"0\" type=\"button\">info</button><!--portal--><button class=\"k-btn css-1832za1\" data-type=\"success\" tabindex=\"0\" type=\"button\">success</button><!--portal--><button class=\"k-btn css-1832za1\" data-type=\"error\" tabindex=\"0\" type=\"button\">error</button><!--portal--><button class=\"k-btn css-1832za1\" data-type=\"warning\" tabindex=\"0\" type=\"button\">warning</button><!--portal--></div></div>"
922
+ "<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" data-type=\"info\" tabindex=\"0\" type=\"button\">info</button><!--portal--><button class=\"k-btn k-default css-12pzj9v\" data-type=\"success\" tabindex=\"0\" type=\"button\">success</button><!--portal--><button class=\"k-btn k-default css-12pzj9v\" data-type=\"error\" tabindex=\"0\" type=\"button\">error</button><!--portal--><button class=\"k-btn k-default css-12pzj9v\" data-type=\"warning\" tabindex=\"0\" type=\"button\">warning</button><!--portal--></div></div>"
917
923
  ```
918
924
 
919
925
  ## `progress`
@@ -921,13 +927,13 @@
921
927
  #### `Progress basic`
922
928
 
923
929
  ```
924
- "<div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar k-success css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 100%;\"></div></div></div><div class=\"k-progress-text\"><i class=\"k-icon k-progress-icon k-icon-success-fill k-success css-1s6te75\"></i></div></div></div>"
930
+ "<div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar k-success css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 100%;\"></div></div></div><div class=\"k-progress-text\"><i class=\"k-icon k-progress-icon k-icon-success-fill k-success css-16qej3\"></i></div></div></div>"
925
931
  ```
926
932
 
927
933
  #### `Progress children`
928
934
 
929
935
  ```
930
- "<div><div class=\"k-progress k-circle k-active css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><div style=\"font-size: 14px; line-height: 20px;\"> 正在上传<br> 40% </div></div></div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">+</button></div></div>"
936
+ "<div><div class=\"k-progress k-circle k-active css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><div style=\"font-size: 14px; line-height: 20px;\"> 正在上传<br> 40% </div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">+</button></div></div>"
931
937
  ```
932
938
 
933
939
  #### `Progress circle`
@@ -939,13 +945,13 @@
939
945
  #### `Progress circleSize`
940
946
 
941
947
  ```
942
- "<div> 状态: <div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">active<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">success<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">error<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">normal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">warning<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div> 进度: <div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">+</button></div><br> <br><div class=\"k-progress k-circle k-active css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div><div class=\"k-progress k-circle k-active k-small css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div><div class=\"k-progress k-circle k-active k-mini css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div></div>"
948
+ "<div> 状态: <div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">active<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">success<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">error<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">normal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">warning<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div> 进度: <div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">+</button></div><br> <br><div class=\"k-progress k-circle k-active css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div><div class=\"k-progress k-circle k-active k-small css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div><div class=\"k-progress k-circle k-active k-mini css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div></div>"
943
949
  ```
944
950
 
945
951
  #### `Progress customColor`
946
952
 
947
953
  ```
948
- "<div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(255, 152, 0);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(156, 214, 251);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(209, 253, 213);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">+</button></div></div>"
954
+ "<div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(255, 152, 0);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(156, 214, 251);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(209, 253, 213);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">+</button></div></div>"
949
955
  ```
950
956
 
951
957
  #### `Progress innerText`
@@ -967,7 +973,7 @@
967
973
  #### `Progress status`
968
974
 
969
975
  ```
970
- "<div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar k-warning css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><i class=\"k-icon k-progress-icon k-icon-warning-fill k-warning css-1s6te75\"></i></div></div><div class=\"k-progress k-bar k-error css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><i class=\"k-icon k-progress-icon k-icon-error-fill k-danger css-1s6te75\"></i></div></div><div class=\"k-progress k-bar k-success css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><i class=\"k-icon k-progress-icon k-icon-success-fill k-success css-1s6te75\"></i></div></div></div>"
976
+ "<div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar k-warning css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><i class=\"k-icon k-progress-icon k-icon-warning-fill k-warning css-16qej3\"></i></div></div><div class=\"k-progress k-bar k-error css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><i class=\"k-icon k-progress-icon k-icon-error-fill k-danger css-16qej3\"></i></div></div><div class=\"k-progress k-bar k-success css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><i class=\"k-icon k-progress-icon k-icon-success-fill k-success css-16qej3\"></i></div></div></div>"
971
977
  ```
972
978
 
973
979
  ## `radio`
@@ -995,50 +1001,50 @@
995
1001
  #### `Rate basic`
996
1002
 
997
1003
  ```
998
- "<div><div class=\"k-rate css-1ncd8y1\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
999
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1000
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1001
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1002
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1003
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div></div><br><div class=\"k-rate css-1ncd8y1\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1004
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1005
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item k-half\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1006
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1007
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1008
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div></div></div>"
1004
+ "<div><div class=\"k-rate css-1ncd8y1\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1005
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1006
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1007
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1008
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1009
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div></div><br><div class=\"k-rate css-1ncd8y1\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1010
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1011
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item k-half\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1012
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1013
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1014
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div></div></div>"
1009
1015
  ```
1010
1016
 
1011
1017
  #### `Rate clearable`
1012
1018
 
1013
1019
  ```
1014
- "<div class=\"k-rate css-1ncd8y1\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1015
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1016
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1017
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1018
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1019
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div></div>"
1020
+ "<div class=\"k-rate css-1ncd8y1\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1021
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1022
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1023
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1024
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1025
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div></div>"
1020
1026
  ```
1021
1027
 
1022
1028
  #### `Rate custom`
1023
1029
 
1024
1030
  ```
1025
- "<div class=\"k-rate css-1ncd8y1\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div>
1026
- <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div>
1027
- <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div>
1028
- <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div>
1029
- <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div>
1030
- <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-1s6te75\"></i></div></div></div>"
1031
+ "<div class=\"k-rate css-1ncd8y1\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-16qej3\"></i></div>
1032
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-16qej3\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-16qej3\"></i></div>
1033
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-16qej3\"></i></div>
1034
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-16qej3\"></i></div>
1035
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-16qej3\"></i></div>
1036
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-16qej3\"></i></div></div></div>"
1031
1037
  ```
1032
1038
 
1033
1039
  #### `Rate disabled`
1034
1040
 
1035
1041
  ```
1036
- "<div class=\"k-rate k-disabled css-1ncd8y1\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1037
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1038
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1039
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1040
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div>
1041
- <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-1s6te75\"></i></div></div></div>"
1042
+ "<div class=\"k-rate k-disabled css-1ncd8y1\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1043
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1044
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1045
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1046
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div>
1047
+ <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-16qej3\"></i></div></div></div>"
1042
1048
  ```
1043
1049
 
1044
1050
  ## `scrollSelect`
@@ -1066,112 +1072,112 @@
1066
1072
  #### `Select autoDisableArrow`
1067
1073
 
1068
1074
  ```
1069
- "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
1075
+ "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
1070
1076
  ```
1071
1077
 
1072
1078
  #### `Select basic`
1073
1079
 
1074
1080
  ```
1075
- "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> You selected: <br><br><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-rotate ion-load-c css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
1081
+ "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> You selected: <br><br><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-rotate ion-load-c css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
1076
1082
  ```
1077
1083
 
1078
1084
  #### `Select clearable`
1079
1085
 
1080
1086
  ```
1081
- "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
1087
+ "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
1082
1088
  ```
1083
1089
 
1084
1090
  #### `Select creatable`
1085
1091
 
1086
1092
  ```
1087
- "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> Day: <br><br><div class=\"k-select k-nowrap css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
1088
- +0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请输入或选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> Days: []</div>"
1093
+ "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> Day: <br><br><div class=\"k-select k-nowrap css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
1094
+ +0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请输入或选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> Days: []</div>"
1089
1095
  ```
1090
1096
 
1091
1097
  #### `Select custom`
1092
1098
 
1093
1099
  ```
1094
- "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
1100
+ "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
1095
1101
  ```
1096
1102
 
1097
1103
  #### `Select customMenu`
1098
1104
 
1099
1105
  ```
1100
- "<div class=\"k-select custom-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
1106
+ "<div class=\"k-select custom-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
1101
1107
  ```
1102
1108
 
1103
1109
  #### `Select disabled`
1104
1110
 
1105
1111
  ```
1106
- "<div><div class=\"k-select k-disabled css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-disabled k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" disabled=\"\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期一<i class=\"k-icon k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期二<i class=\"k-icon k-tag-close ion-ios-close-empty css-1s6te75\"></i></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
1112
+ "<div><div class=\"k-select k-disabled css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-disabled k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" disabled=\"\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期一<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期二<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
1107
1113
  ```
1108
1114
 
1109
1115
  #### `Select draggable`
1110
1116
 
1111
1117
  ```
1112
- "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-tags k-draggable css-czb0gm\"><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期一<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期二<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期四<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\"] <br><br><div class=\"k-select k-nowrap css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap k-draggable css-czb0gm\"><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期一<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期二<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期四<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
1113
- +0</div><!--portal--></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\"]</div>"
1118
+ "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-tags k-draggable css-czb0gm\"><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期一<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期二<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期四<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\"] <br><br><div class=\"k-select k-nowrap css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap k-draggable css-czb0gm\"><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期一<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期二<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-draggable k-none k-closable css-1weg519\" draggable=\"true\">星期四<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
1119
+ +0</div><!--portal--></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\"]</div>"
1114
1120
  ```
1115
1121
 
1116
1122
  #### `Select filterable`
1117
1123
 
1118
1124
  ```
1119
- "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> <div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
1125
+ "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> <div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
1120
1126
  ```
1121
1127
 
1122
1128
  #### `Select flat`
1123
1129
 
1124
1130
  ```
1125
- "<div><div class=\"k-select k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-disabled k-flat css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期一<i class=\"k-icon k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期二<i class=\"k-icon k-tag-close ion-ios-close-empty css-1s6te75\"></i></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
1131
+ "<div><div class=\"k-select k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-disabled k-flat css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期一<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期二<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
1126
1132
  ```
1127
1133
 
1128
1134
  #### `Select format`
1129
1135
 
1130
1136
  ```
1131
- "<div><div class=\"item\"><span class=\"label\">border:</span><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"dashed\"><div class=\"k-select-value c-ellipsis\"><div class=\"line\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"rect\"> Rectangle </div></div><div class=\"item\"><span class=\"label\">multiple:</span><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"ion-camera\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\"><i class=\"k-icon ion-camera css-1s6te75\" style=\"vertical-align: middle;\"></i><span class=\"middle\">ion-camera</span><i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"item\"><span class=\"label\">multiple values:</span><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div>"
1137
+ "<div><div class=\"item\"><span class=\"label\">border:</span><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"dashed\"><div class=\"k-select-value c-ellipsis\"><div class=\"line\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"rect\"> Rectangle </div></div><div class=\"item\"><span class=\"label\">multiple:</span><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"ion-camera\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\"><i class=\"k-icon ion-camera css-16qej3\" style=\"vertical-align: middle;\"></i><span class=\"middle\">ion-camera</span><i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"item\"><span class=\"label\">multiple values:</span><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div>"
1132
1138
  ```
1133
1139
 
1134
1140
  #### `Select group`
1135
1141
 
1136
1142
  ```
1137
- "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
1143
+ "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
1138
1144
  ```
1139
1145
 
1140
1146
  #### `Select inline`
1141
1147
 
1142
1148
  ```
1143
- "<div class=\"k-select k-inline css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
1149
+ "<div class=\"k-select k-inline css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
1144
1150
  ```
1145
1151
 
1146
1152
  #### `Select multiple`
1147
1153
 
1148
1154
  ```
1149
- "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> You selected: []</div>"
1155
+ "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
1150
1156
  ```
1151
1157
 
1152
1158
  #### `Select nowrap`
1153
1159
 
1154
1160
  ```
1155
- "<div><div class=\"k-select k-nowrap css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\">星期一<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期二<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期四<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
1156
- +0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"><span></span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close k-show css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
1161
+ "<div><div class=\"k-select k-nowrap css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\">星期一<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期二<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期四<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
1162
+ +0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"><span></span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close k-show css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
1157
1163
  ```
1158
1164
 
1159
1165
  #### `Select remote`
1160
1166
 
1161
1167
  ```
1162
- "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
1168
+ "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
1163
1169
  ```
1164
1170
 
1165
1171
  #### `Select searchable`
1166
1172
 
1167
1173
  ```
1168
- "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
1174
+ "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
1169
1175
  ```
1170
1176
 
1171
1177
  #### `Select size`
1172
1178
 
1173
1179
  ```
1174
- "<div><div class=\"k-select k-large css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-mini css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-large css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-mini css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
1180
+ "<div><div class=\"k-select k-large css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-mini css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-large css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-mini css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
1175
1181
  ```
1176
1182
 
1177
1183
  #### `Select noBorder`
@@ -1217,19 +1223,19 @@
1217
1223
  #### `Slider basic`
1218
1224
 
1219
1225
  ```
1220
- "<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 60%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"60MB\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
1226
+ "<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 60%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"60MB\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
1221
1227
  ```
1222
1228
 
1223
1229
  #### `Slider disabled`
1224
1230
 
1225
1231
  ```
1226
- "<div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%; left: 10%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 10%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">55<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">80<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"55\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"80\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div></div>"
1232
+ "<div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%; left: 10%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 10%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">55<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">80<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"55\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"80\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
1227
1233
  ```
1228
1234
 
1229
1235
  #### `Slider dynamicStep`
1230
1236
 
1231
1237
  ```
1232
- "<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div>"
1238
+ "<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div>"
1233
1239
  ```
1234
1240
 
1235
1241
  #### `Slider marks`
@@ -1241,25 +1247,25 @@
1241
1247
  #### `Slider points`
1242
1248
 
1243
1249
  ```
1244
- "<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 5%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 10%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 15%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 25%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 45%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 55%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 65%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 75%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 85%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 30%; left: 30%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 30%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.3<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.3\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.6\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 0%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i><i class=\"k-slider-point\" style=\"left: 100%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div>"
1250
+ "<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 5%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 10%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 15%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 25%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 45%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 55%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 65%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 75%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 85%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 30%; left: 30%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 30%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.3<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.3\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.6\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 0%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i><i class=\"k-slider-point\" style=\"left: 100%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div>"
1245
1251
  ```
1246
1252
 
1247
1253
  #### `Slider range`
1248
1254
 
1249
1255
  ```
1250
- "<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 26%; left: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 76%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"76\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div>"
1256
+ "<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 26%; left: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 76%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"76\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div>"
1251
1257
  ```
1252
1258
 
1253
1259
  #### `Slider step`
1254
1260
 
1255
1261
  ```
1256
- "<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 23.4234%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 23.4234%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.234234<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.234234\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div></div>"
1262
+ "<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 23.4234%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 23.4234%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.234234<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.234234\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
1257
1263
  ```
1258
1264
 
1259
1265
  #### `Slider tooltip`
1260
1266
 
1261
1267
  ```
1262
- "<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">6<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 10.34375px\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 55.5556%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 55.5556%;\"><div class=\"k-slider-thumb k-dropdown-open k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-light k-small k-slider-tooltip css-dm9xi8 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -5.01562px; top: -34.7969px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 9.015625px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"300\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div></div>"
1268
+ "<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">6<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 10.34375px\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 55.5556%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 55.5556%;\"><div class=\"k-slider-thumb k-dropdown-open k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-light k-small k-slider-tooltip css-dm9xi8 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -5.01562px; top: -34.7969px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 9.015625px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"300\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
1263
1269
  ```
1264
1270
 
1265
1271
  ## `spin`
@@ -1281,49 +1287,49 @@
1281
1287
  #### `Spinner basic`
1282
1288
 
1283
1289
  ```
1284
- "<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner k-disabled css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div></div>"
1290
+ "<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-disabled css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
1285
1291
  ```
1286
1292
 
1287
1293
  #### `Spinner dynamicStep`
1288
1294
 
1289
1295
  ```
1290
- "<div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div>"
1296
+ "<div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div>"
1291
1297
  ```
1292
1298
 
1293
1299
  #### `Spinner forceStep`
1294
1300
 
1295
1301
  ```
1296
- "<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div></div>"
1302
+ "<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
1297
1303
  ```
1298
1304
 
1299
1305
  #### `Spinner formatter`
1300
1306
 
1301
1307
  ```
1302
- "<div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"¥1,000\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"增长率 78%\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div>"
1308
+ "<div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"¥1,000\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"增长率 78%\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div>"
1303
1309
  ```
1304
1310
 
1305
1311
  #### `Spinner precision`
1306
1312
 
1307
1313
  ```
1308
- "<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div></div>"
1314
+ "<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
1309
1315
  ```
1310
1316
 
1311
1317
  #### `Spinner size`
1312
1318
 
1313
1319
  ```
1314
- "<div><div class=\"k-spinner k-large css-mi4xql\"><button class=\"k-btn k-none k-large k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-large k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-large k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner k-small css-mi4xql\"><button class=\"k-btn k-none k-small k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-small k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-small k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner k-mini css-mi4xql\"><button class=\"k-btn k-none k-mini k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-mini k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-mini k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div></div>"
1320
+ "<div><div class=\"k-spinner k-large css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-small css-mi4xql\"><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-small k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-mini css-mi4xql\"><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-mini k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
1315
1321
  ```
1316
1322
 
1317
1323
  #### `Spinner step`
1318
1324
 
1319
1325
  ```
1320
- "<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div></div>"
1326
+ "<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
1321
1327
  ```
1322
1328
 
1323
1329
  #### `Spinner vertical`
1324
1330
 
1325
1331
  ```
1326
- "<div><div class=\"k-spinner k-large k-vertical css-mi4xql\"><button class=\"k-btn k-none k-large k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-large k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-large k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><div class=\"k-spinner k-small k-vertical css-mi4xql\"><button class=\"k-btn k-none k-small k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-small k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-small k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><div class=\"k-spinner k-mini k-vertical css-mi4xql\"><button class=\"k-btn k-none k-mini k-btn-icon k-spinner-btn k-left css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-mini k-spinner-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-mini k-btn-icon k-spinner-btn k-right css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div>"
1332
+ "<div><div class=\"k-spinner k-large k-vertical css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-small k-vertical css-mi4xql\"><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-small k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-mini k-vertical css-mi4xql\"><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-mini k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-right css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div>"
1327
1333
  ```
1328
1334
 
1329
1335
  ## `split`
@@ -1337,7 +1343,7 @@
1337
1343
  #### `Split complex`
1338
1344
 
1339
1345
  ```
1340
- "<div class=\"split-container\"><div class=\"k-split k-vertical css-1ug4f89 k-first-auto\"><div class=\"k-split-first\" style=\"height: auto;\"><div class=\"k-table k-fix-header css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"网段\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">网段</div></div></th><th title=\"操作\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">操作</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 0\">name 0</td><td title=\"127.0.0.0\">127.0.0.0</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"5\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"6\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"7\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"8\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"9\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"10\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td title=\"\"><a>删除</a></td></tr></tbody></table></div></div></div><div class=\"k-split-line-wrapper\"><i class=\"k-icon ion-drag css-1s6te75\"></i></div><div class=\"k-split-last\" style=\"height: 0px;\"><button class=\"k-btn k-none k-btn-icon close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-close-empty css-1s6te75\" style=\"font-size: 40px;\"></i></button><div class=\"k-tabs k-size-default k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">详情</div><div class=\"k-tab\">流量统计</div><div class=\"k-tab\">标签</div><div class=\"k-tabs-active-bar\"></div></div></div></div></div></div></div>"
1346
+ "<div class=\"split-container\"><div class=\"k-split k-vertical css-1ug4f89 k-first-auto\"><div class=\"k-split-first\" style=\"height: auto;\"><div class=\"k-table k-fix-header css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"网段\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">网段</div></div></th><th title=\"操作\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">操作</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 0\">name 0</td><td title=\"127.0.0.0\">127.0.0.0</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"5\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"6\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"7\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"8\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"9\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"10\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td title=\"\"><a>删除</a></td></tr></tbody></table></div></div></div><div class=\"k-split-line-wrapper\"><i class=\"k-icon ion-drag css-16qej3\"></i></div><div class=\"k-split-last\" style=\"height: 0px;\"><button class=\"k-btn k-none k-btn-icon close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-close-empty css-16qej3\" style=\"font-size: 40px;\"></i></button><div class=\"k-tabs k-size-default k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">详情</div><div class=\"k-tab\">流量统计</div><div class=\"k-tab\">标签</div><div class=\"k-tabs-active-bar\"></div></div></div></div></div></div></div>"
1341
1347
  ```
1342
1348
 
1343
1349
  #### `Split nested`
@@ -1363,37 +1369,37 @@
1363
1369
  #### `Steps basic`
1364
1370
 
1365
1371
  ```
1366
- "<div><div class=\"k-steps k-default css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
1372
+ "<div><div class=\"k-steps k-default css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
1367
1373
  ```
1368
1374
 
1369
1375
  #### `Steps clickable`
1370
1376
 
1371
1377
  ```
1372
- "<div><div class=\"k-steps k-default k-clickable css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><br><div class=\"k-steps k-line k-clickable css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><i class=\"k-icon k-icon-check-bold k-primary css-1s6te75\"></i></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
1378
+ "<div><div class=\"k-steps k-default k-clickable css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><br><div class=\"k-steps k-line k-clickable css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><i class=\"k-icon k-icon-check-bold k-primary css-16qej3\"></i></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
1373
1379
  ```
1374
1380
 
1375
1381
  #### `Steps error`
1376
1382
 
1377
1383
  ```
1378
- "<div><div class=\"k-steps k-default css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active k-error\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><i class=\"k-icon k-icon-close-bold k-danger css-1s6te75\"></i></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><br><br><div class=\"k-steps k-line css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><i class=\"k-icon k-icon-check-bold k-primary css-1s6te75\"></i></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active k-error\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><i class=\"k-icon k-icon-close-bold k-danger css-1s6te75\"></i></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><br><br><div class=\"k-steps k-simple css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active k-error\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div></div>"
1384
+ "<div><div class=\"k-steps k-default css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active k-error\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><i class=\"k-icon k-icon-close-bold k-danger css-16qej3\"></i></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><br><br><div class=\"k-steps k-line css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><i class=\"k-icon k-icon-check-bold k-primary css-16qej3\"></i></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active k-error\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><i class=\"k-icon k-icon-close-bold k-danger css-16qej3\"></i></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><br><br><div class=\"k-steps k-simple css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active k-error\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div></div>"
1379
1385
  ```
1380
1386
 
1381
1387
  #### `Steps line`
1382
1388
 
1383
1389
  ```
1384
- "<div><div class=\"k-steps k-line css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line-compact css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
1390
+ "<div><div class=\"k-steps k-line css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line-compact css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
1385
1391
  ```
1386
1392
 
1387
1393
  #### `Steps simple`
1388
1394
 
1389
1395
  ```
1390
- "<div><div class=\"k-steps k-simple css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
1396
+ "<div><div class=\"k-steps k-simple css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
1391
1397
  ```
1392
1398
 
1393
1399
  #### `Steps vertical`
1394
1400
 
1395
1401
  ```
1396
- "<div class=\"demo-wrapper\"><div class=\"k-steps k-default k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line-compact k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-simple k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
1402
+ "<div class=\"demo-wrapper\"><div class=\"k-steps k-default k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line-compact k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-simple k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
1397
1403
  ```
1398
1404
 
1399
1405
  ## `switch`
@@ -1439,7 +1445,7 @@
1439
1445
  #### `Table animation`
1440
1446
 
1441
1447
  ```
1442
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">增加 一列 </button><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"Cell 1-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-3\">Cell 1-3</td></tr><tr data-key=\"Cell 2-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-3\">Cell 2-3</td></tr></tbody></table></div></div><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"Cell 1-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-3\">Cell 1-3</td></tr><tr data-key=\"Cell 2-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-3\">Cell 2-3</td></tr></tbody></table></div></div></div>"
1448
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">增加 一列 </button><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"Cell 1-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-3\">Cell 1-3</td></tr><tr data-key=\"Cell 2-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-3\">Cell 2-3</td></tr></tbody></table></div></div><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"Cell 1-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-3\">Cell 1-3</td></tr><tr data-key=\"Cell 2-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-3\">Cell 2-3</td></tr></tbody></table></div></div></div>"
1443
1449
  ```
1444
1450
 
1445
1451
  #### `Table basic`
@@ -1481,7 +1487,7 @@
1481
1487
  #### `Table export`
1482
1488
 
1483
1489
  ```
1484
- "<div><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">导出表格</button><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">导出自定义数据</button><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"定义该列单元格内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">定义该列单元格内容</div></div></th><th title=\"普通文本\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">普通文本</div></div></th><th title=\"自定义导出文本\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">自定义导出文本</div></div></th><th class=\"k-align-right\" title=\"操作\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">操作</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>第一行</a></td><td title=\"哈哈1\">哈哈1</td><td title=\"自定义1\">自定义1</td><td class=\"k-align-right\" title=\"\"><a>删除</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>第二行</a></td><td title=\"哈哈2\">哈哈2</td><td title=\"自定义2\">自定义2</td><td class=\"k-align-right\" title=\"\"><a>删除</a></td></tr></tbody></table></div></div></div>"
1490
+ "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">导出表格</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">导出自定义数据</button><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"定义该列单元格内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">定义该列单元格内容</div></div></th><th title=\"普通文本\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">普通文本</div></div></th><th title=\"自定义导出文本\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">自定义导出文本</div></div></th><th class=\"k-align-right\" title=\"操作\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">操作</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>第一行</a></td><td title=\"哈哈1\">哈哈1</td><td title=\"自定义1\">自定义1</td><td class=\"k-align-right\" title=\"\"><a>删除</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>第二行</a></td><td title=\"哈哈2\">哈哈2</td><td title=\"自定义2\">自定义2</td><td class=\"k-align-right\" title=\"\"><a>删除</a></td></tr></tbody></table></div></div></div>"
1485
1491
  ```
1486
1492
 
1487
1493
  #### `Table fixColumn`
@@ -1499,7 +1505,7 @@
1499
1505
  #### `Table group`
1500
1506
 
1501
1507
  ```
1502
- "<div class=\"tables\"><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"状态\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">状态</div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-1s6te75\"></i><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机1\">主机1</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机2\">主机2</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机3\">主机3</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr></tbody></table></div></div><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"状态\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">状态</div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-1s6te75\"></i><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机1\">主机1</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机2\">主机2</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机3\">主机3</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr></tbody></table></div></div></div>"
1508
+ "<div class=\"tables\"><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"状态\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">状态</div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机1\">主机1</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机2\">主机2</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机3\">主机3</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr></tbody></table></div></div><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"状态\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">状态</div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机1\">主机1</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机2\">主机2</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机3\">主机3</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr></tbody></table></div></div></div>"
1503
1509
  ```
1504
1510
 
1505
1511
  #### `Table groupHeader`
@@ -1529,7 +1535,7 @@
1529
1535
  #### `Table pagination`
1530
1536
 
1531
1537
  ```
1532
- "<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th></tr></thead><tbody><tr data-key=\"name 1\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td></tr><tr data-key=\"name 2\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td></tr><tr data-key=\"name 3\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td></tr><tr data-key=\"name 4\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td></tr><tr data-key=\"name 5\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td></tr><tr data-key=\"name 6\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td></tr><tr data-key=\"name 7\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td></tr><tr data-key=\"name 8\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td></tr><tr data-key=\"name 9\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td></tr><tr data-key=\"name 10\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td></tr></tbody></table></div><div class=\"k-pagination k-small css-aujuho\"><div class=\"k-pagination-total\">共 20 条</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-1832za1\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div></div>"
1538
+ "<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th></tr></thead><tbody><tr data-key=\"name 1\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td></tr><tr data-key=\"name 2\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td></tr><tr data-key=\"name 3\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td></tr><tr data-key=\"name 4\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td></tr><tr data-key=\"name 5\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td></tr><tr data-key=\"name 6\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td></tr><tr data-key=\"name 7\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td></tr><tr data-key=\"name 8\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td></tr><tr data-key=\"name 9\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td></tr><tr data-key=\"name 10\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td></tr></tbody></table></div><div class=\"k-pagination k-small css-aujuho\"><div class=\"k-pagination-total\">共 20 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-none k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
1533
1539
  ```
1534
1540
 
1535
1541
  #### `Table resizable`
@@ -1565,7 +1571,7 @@
1565
1571
  #### `Table scrollToRow`
1566
1572
 
1567
1573
  ```
1568
- "<div class=\"wrapper\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-1kfv5pb\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th><th class=\"k-fixed-right\" title=\"Operation\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Operation</div></div></th></tr></thead><tbody><tr data-key=\"name 1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 1\" style=\"left: 40px;\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 2\" style=\"left: 40px;\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 3\" style=\"left: 40px;\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 4\" style=\"left: 40px;\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 5\" style=\"left: 40px;\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 6\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 6\" style=\"left: 40px;\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 7\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 7\" style=\"left: 40px;\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 8\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 8\" style=\"left: 40px;\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 9\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 9\" style=\"left: 40px;\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 10\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 10\" style=\"left: 40px;\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 11\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 11\" style=\"left: 40px;\">name 11</td><td title=\"127.0.0.11\">127.0.0.11</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 12\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 12\" style=\"left: 40px;\">name 12</td><td title=\"127.0.0.12\">127.0.0.12</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 13\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 13\" style=\"left: 40px;\">name 13</td><td title=\"127.0.0.13\">127.0.0.13</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 14\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 14\" style=\"left: 40px;\">name 14</td><td title=\"127.0.0.14\">127.0.0.14</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 15\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 15\" style=\"left: 40px;\">name 15</td><td title=\"127.0.0.15\">127.0.0.15</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 16\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 16\" style=\"left: 40px;\">name 16</td><td title=\"127.0.0.16\">127.0.0.16</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 17\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 17\" style=\"left: 40px;\">name 17</td><td title=\"127.0.0.17\">127.0.0.17</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 18\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 18\" style=\"left: 40px;\">name 18</td><td title=\"127.0.0.18\">127.0.0.18</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 19\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 19\" style=\"left: 40px;\">name 19</td><td title=\"127.0.0.19\">127.0.0.19</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 20\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 20\" style=\"left: 40px;\">name 20</td><td title=\"127.0.0.20\">127.0.0.20</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 21\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 21\" style=\"left: 40px;\">name 21</td><td title=\"127.0.0.21\">127.0.0.21</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 22\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 22\" style=\"left: 40px;\">name 22</td><td title=\"127.0.0.22\">127.0.0.22</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 23\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 23\" style=\"left: 40px;\">name 23</td><td title=\"127.0.0.23\">127.0.0.23</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 24\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 24\" style=\"left: 40px;\">name 24</td><td title=\"127.0.0.24\">127.0.0.24</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 25\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 25\" style=\"left: 40px;\">name 25</td><td title=\"127.0.0.25\">127.0.0.25</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 26\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 26\" style=\"left: 40px;\">name 26</td><td title=\"127.0.0.26\">127.0.0.26</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 27\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 27\" style=\"left: 40px;\">name 27</td><td title=\"127.0.0.27\">127.0.0.27</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 28\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 28\" style=\"left: 40px;\">name 28</td><td title=\"127.0.0.28\">127.0.0.28</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 29\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 29\" style=\"left: 40px;\">name 29</td><td title=\"127.0.0.29\">127.0.0.29</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 30\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 30\" style=\"left: 40px;\">name 30</td><td title=\"127.0.0.30\">127.0.0.30</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 31\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 31\" style=\"left: 40px;\">name 31</td><td title=\"127.0.0.31\">127.0.0.31</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 32\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 32\" style=\"left: 40px;\">name 32</td><td title=\"127.0.0.32\">127.0.0.32</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 33\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 33\" style=\"left: 40px;\">name 33</td><td title=\"127.0.0.33\">127.0.0.33</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 34\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 34\" style=\"left: 40px;\">name 34</td><td title=\"127.0.0.34\">127.0.0.34</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 35\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 35\" style=\"left: 40px;\">name 35</td><td title=\"127.0.0.35\">127.0.0.35</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 36\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 36\" style=\"left: 40px;\">name 36</td><td title=\"127.0.0.36\">127.0.0.36</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 37\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 37\" style=\"left: 40px;\">name 37</td><td title=\"127.0.0.37\">127.0.0.37</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 38\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 38\" style=\"left: 40px;\">name 38</td><td title=\"127.0.0.38\">127.0.0.38</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 39\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 39\" style=\"left: 40px;\">name 39</td><td title=\"127.0.0.39\">127.0.0.39</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 40\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 40\" style=\"left: 40px;\">name 40</td><td title=\"127.0.0.40\">127.0.0.40</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 41\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 41\" style=\"left: 40px;\">name 41</td><td title=\"127.0.0.41\">127.0.0.41</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 42\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 42\" style=\"left: 40px;\">name 42</td><td title=\"127.0.0.42\">127.0.0.42</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 43\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 43\" style=\"left: 40px;\">name 43</td><td title=\"127.0.0.43\">127.0.0.43</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 44\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 44\" style=\"left: 40px;\">name 44</td><td title=\"127.0.0.44\">127.0.0.44</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 45\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 45\" style=\"left: 40px;\">name 45</td><td title=\"127.0.0.45\">127.0.0.45</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 46\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 46\" style=\"left: 40px;\">name 46</td><td title=\"127.0.0.46\">127.0.0.46</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 47\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 47\" style=\"left: 40px;\">name 47</td><td title=\"127.0.0.47\">127.0.0.47</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 48\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 48\" style=\"left: 40px;\">name 48</td><td title=\"127.0.0.48\">127.0.0.48</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 49\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 49\" style=\"left: 40px;\">name 49</td><td title=\"127.0.0.49\">127.0.0.49</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 50\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 50\" style=\"left: 40px;\">name 50</td><td title=\"127.0.0.50\">127.0.0.50</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 51\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 51\" style=\"left: 40px;\">name 51</td><td title=\"127.0.0.51\">127.0.0.51</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 52\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 52\" style=\"left: 40px;\">name 52</td><td title=\"127.0.0.52\">127.0.0.52</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 53\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 53\" style=\"left: 40px;\">name 53</td><td title=\"127.0.0.53\">127.0.0.53</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 54\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 54\" style=\"left: 40px;\">name 54</td><td title=\"127.0.0.54\">127.0.0.54</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 55\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 55\" style=\"left: 40px;\">name 55</td><td title=\"127.0.0.55\">127.0.0.55</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 56\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 56\" style=\"left: 40px;\">name 56</td><td title=\"127.0.0.56\">127.0.0.56</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 57\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 57\" style=\"left: 40px;\">name 57</td><td title=\"127.0.0.57\">127.0.0.57</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 58\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 58\" style=\"left: 40px;\">name 58</td><td title=\"127.0.0.58\">127.0.0.58</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 59\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 59\" style=\"left: 40px;\">name 59</td><td title=\"127.0.0.59\">127.0.0.59</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 60\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 60\" style=\"left: 40px;\">name 60</td><td title=\"127.0.0.60\">127.0.0.60</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 61\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 61\" style=\"left: 40px;\">name 61</td><td title=\"127.0.0.61\">127.0.0.61</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 62\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 62\" style=\"left: 40px;\">name 62</td><td title=\"127.0.0.62\">127.0.0.62</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 63\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 63\" style=\"left: 40px;\">name 63</td><td title=\"127.0.0.63\">127.0.0.63</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 64\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 64\" style=\"left: 40px;\">name 64</td><td title=\"127.0.0.64\">127.0.0.64</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 65\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 65\" style=\"left: 40px;\">name 65</td><td title=\"127.0.0.65\">127.0.0.65</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 66\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 66\" style=\"left: 40px;\">name 66</td><td title=\"127.0.0.66\">127.0.0.66</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 67\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 67\" style=\"left: 40px;\">name 67</td><td title=\"127.0.0.67\">127.0.0.67</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 68\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 68\" style=\"left: 40px;\">name 68</td><td title=\"127.0.0.68\">127.0.0.68</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 69\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 69\" style=\"left: 40px;\">name 69</td><td title=\"127.0.0.69\">127.0.0.69</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 70\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 70\" style=\"left: 40px;\">name 70</td><td title=\"127.0.0.70\">127.0.0.70</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 71\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 71\" style=\"left: 40px;\">name 71</td><td title=\"127.0.0.71\">127.0.0.71</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 72\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 72\" style=\"left: 40px;\">name 72</td><td title=\"127.0.0.72\">127.0.0.72</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 73\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 73\" style=\"left: 40px;\">name 73</td><td title=\"127.0.0.73\">127.0.0.73</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 74\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 74\" style=\"left: 40px;\">name 74</td><td title=\"127.0.0.74\">127.0.0.74</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 75\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 75\" style=\"left: 40px;\">name 75</td><td title=\"127.0.0.75\">127.0.0.75</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 76\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 76\" style=\"left: 40px;\">name 76</td><td title=\"127.0.0.76\">127.0.0.76</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 77\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 77\" style=\"left: 40px;\">name 77</td><td title=\"127.0.0.77\">127.0.0.77</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 78\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 78\" style=\"left: 40px;\">name 78</td><td title=\"127.0.0.78\">127.0.0.78</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 79\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 79\" style=\"left: 40px;\">name 79</td><td title=\"127.0.0.79\">127.0.0.79</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 80\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 80\" style=\"left: 40px;\">name 80</td><td title=\"127.0.0.80\">127.0.0.80</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 81\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 81\" style=\"left: 40px;\">name 81</td><td title=\"127.0.0.81\">127.0.0.81</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 82\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 82\" style=\"left: 40px;\">name 82</td><td title=\"127.0.0.82\">127.0.0.82</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 83\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 83\" style=\"left: 40px;\">name 83</td><td title=\"127.0.0.83\">127.0.0.83</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 84\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 84\" style=\"left: 40px;\">name 84</td><td title=\"127.0.0.84\">127.0.0.84</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 85\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 85\" style=\"left: 40px;\">name 85</td><td title=\"127.0.0.85\">127.0.0.85</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 86\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 86\" style=\"left: 40px;\">name 86</td><td title=\"127.0.0.86\">127.0.0.86</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 87\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 87\" style=\"left: 40px;\">name 87</td><td title=\"127.0.0.87\">127.0.0.87</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 88\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 88\" style=\"left: 40px;\">name 88</td><td title=\"127.0.0.88\">127.0.0.88</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 89\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 89\" style=\"left: 40px;\">name 89</td><td title=\"127.0.0.89\">127.0.0.89</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 90\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 90\" style=\"left: 40px;\">name 90</td><td title=\"127.0.0.90\">127.0.0.90</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 91\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 91\" style=\"left: 40px;\">name 91</td><td title=\"127.0.0.91\">127.0.0.91</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 92\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 92\" style=\"left: 40px;\">name 92</td><td title=\"127.0.0.92\">127.0.0.92</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 93\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 93\" style=\"left: 40px;\">name 93</td><td title=\"127.0.0.93\">127.0.0.93</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 94\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 94\" style=\"left: 40px;\">name 94</td><td title=\"127.0.0.94\">127.0.0.94</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 95\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 95\" style=\"left: 40px;\">name 95</td><td title=\"127.0.0.95\">127.0.0.95</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 96\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 96\" style=\"left: 40px;\">name 96</td><td title=\"127.0.0.96\">127.0.0.96</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 97\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 97\" style=\"left: 40px;\">name 97</td><td title=\"127.0.0.97\">127.0.0.97</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 98\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 98\" style=\"left: 40px;\">name 98</td><td title=\"127.0.0.98\">127.0.0.98</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 99\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 99\" style=\"left: 40px;\">name 99</td><td title=\"127.0.0.99\">127.0.0.99</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 100\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 100\" style=\"left: 40px;\">name 100</td><td title=\"127.0.0.100\">127.0.0.100</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr></tbody></table></div></div></div>"
1574
+ "<div class=\"wrapper\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-1kfv5pb\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th><th class=\"k-fixed-right\" title=\"Operation\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Operation</div></div></th></tr></thead><tbody><tr data-key=\"name 1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 1\" style=\"left: 40px;\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 2\" style=\"left: 40px;\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 3\" style=\"left: 40px;\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 4\" style=\"left: 40px;\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 5\" style=\"left: 40px;\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 6\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 6\" style=\"left: 40px;\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 7\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 7\" style=\"left: 40px;\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 8\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 8\" style=\"left: 40px;\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 9\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 9\" style=\"left: 40px;\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 10\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 10\" style=\"left: 40px;\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 11\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 11\" style=\"left: 40px;\">name 11</td><td title=\"127.0.0.11\">127.0.0.11</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 12\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 12\" style=\"left: 40px;\">name 12</td><td title=\"127.0.0.12\">127.0.0.12</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 13\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 13\" style=\"left: 40px;\">name 13</td><td title=\"127.0.0.13\">127.0.0.13</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 14\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 14\" style=\"left: 40px;\">name 14</td><td title=\"127.0.0.14\">127.0.0.14</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 15\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 15\" style=\"left: 40px;\">name 15</td><td title=\"127.0.0.15\">127.0.0.15</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 16\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 16\" style=\"left: 40px;\">name 16</td><td title=\"127.0.0.16\">127.0.0.16</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 17\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 17\" style=\"left: 40px;\">name 17</td><td title=\"127.0.0.17\">127.0.0.17</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 18\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 18\" style=\"left: 40px;\">name 18</td><td title=\"127.0.0.18\">127.0.0.18</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 19\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 19\" style=\"left: 40px;\">name 19</td><td title=\"127.0.0.19\">127.0.0.19</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 20\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 20\" style=\"left: 40px;\">name 20</td><td title=\"127.0.0.20\">127.0.0.20</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 21\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 21\" style=\"left: 40px;\">name 21</td><td title=\"127.0.0.21\">127.0.0.21</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 22\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 22\" style=\"left: 40px;\">name 22</td><td title=\"127.0.0.22\">127.0.0.22</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 23\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 23\" style=\"left: 40px;\">name 23</td><td title=\"127.0.0.23\">127.0.0.23</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 24\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 24\" style=\"left: 40px;\">name 24</td><td title=\"127.0.0.24\">127.0.0.24</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 25\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 25\" style=\"left: 40px;\">name 25</td><td title=\"127.0.0.25\">127.0.0.25</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 26\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 26\" style=\"left: 40px;\">name 26</td><td title=\"127.0.0.26\">127.0.0.26</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 27\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 27\" style=\"left: 40px;\">name 27</td><td title=\"127.0.0.27\">127.0.0.27</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 28\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 28\" style=\"left: 40px;\">name 28</td><td title=\"127.0.0.28\">127.0.0.28</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 29\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 29\" style=\"left: 40px;\">name 29</td><td title=\"127.0.0.29\">127.0.0.29</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 30\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 30\" style=\"left: 40px;\">name 30</td><td title=\"127.0.0.30\">127.0.0.30</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 31\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 31\" style=\"left: 40px;\">name 31</td><td title=\"127.0.0.31\">127.0.0.31</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 32\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 32\" style=\"left: 40px;\">name 32</td><td title=\"127.0.0.32\">127.0.0.32</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 33\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 33\" style=\"left: 40px;\">name 33</td><td title=\"127.0.0.33\">127.0.0.33</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 34\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 34\" style=\"left: 40px;\">name 34</td><td title=\"127.0.0.34\">127.0.0.34</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 35\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 35\" style=\"left: 40px;\">name 35</td><td title=\"127.0.0.35\">127.0.0.35</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 36\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 36\" style=\"left: 40px;\">name 36</td><td title=\"127.0.0.36\">127.0.0.36</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 37\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 37\" style=\"left: 40px;\">name 37</td><td title=\"127.0.0.37\">127.0.0.37</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 38\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 38\" style=\"left: 40px;\">name 38</td><td title=\"127.0.0.38\">127.0.0.38</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 39\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 39\" style=\"left: 40px;\">name 39</td><td title=\"127.0.0.39\">127.0.0.39</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 40\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 40\" style=\"left: 40px;\">name 40</td><td title=\"127.0.0.40\">127.0.0.40</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 41\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 41\" style=\"left: 40px;\">name 41</td><td title=\"127.0.0.41\">127.0.0.41</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 42\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 42\" style=\"left: 40px;\">name 42</td><td title=\"127.0.0.42\">127.0.0.42</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 43\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 43\" style=\"left: 40px;\">name 43</td><td title=\"127.0.0.43\">127.0.0.43</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 44\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 44\" style=\"left: 40px;\">name 44</td><td title=\"127.0.0.44\">127.0.0.44</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 45\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 45\" style=\"left: 40px;\">name 45</td><td title=\"127.0.0.45\">127.0.0.45</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 46\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 46\" style=\"left: 40px;\">name 46</td><td title=\"127.0.0.46\">127.0.0.46</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 47\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 47\" style=\"left: 40px;\">name 47</td><td title=\"127.0.0.47\">127.0.0.47</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 48\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 48\" style=\"left: 40px;\">name 48</td><td title=\"127.0.0.48\">127.0.0.48</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 49\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 49\" style=\"left: 40px;\">name 49</td><td title=\"127.0.0.49\">127.0.0.49</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 50\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 50\" style=\"left: 40px;\">name 50</td><td title=\"127.0.0.50\">127.0.0.50</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 51\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 51\" style=\"left: 40px;\">name 51</td><td title=\"127.0.0.51\">127.0.0.51</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 52\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 52\" style=\"left: 40px;\">name 52</td><td title=\"127.0.0.52\">127.0.0.52</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 53\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 53\" style=\"left: 40px;\">name 53</td><td title=\"127.0.0.53\">127.0.0.53</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 54\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 54\" style=\"left: 40px;\">name 54</td><td title=\"127.0.0.54\">127.0.0.54</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 55\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 55\" style=\"left: 40px;\">name 55</td><td title=\"127.0.0.55\">127.0.0.55</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 56\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 56\" style=\"left: 40px;\">name 56</td><td title=\"127.0.0.56\">127.0.0.56</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 57\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 57\" style=\"left: 40px;\">name 57</td><td title=\"127.0.0.57\">127.0.0.57</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 58\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 58\" style=\"left: 40px;\">name 58</td><td title=\"127.0.0.58\">127.0.0.58</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 59\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 59\" style=\"left: 40px;\">name 59</td><td title=\"127.0.0.59\">127.0.0.59</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 60\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 60\" style=\"left: 40px;\">name 60</td><td title=\"127.0.0.60\">127.0.0.60</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 61\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 61\" style=\"left: 40px;\">name 61</td><td title=\"127.0.0.61\">127.0.0.61</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 62\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 62\" style=\"left: 40px;\">name 62</td><td title=\"127.0.0.62\">127.0.0.62</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 63\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 63\" style=\"left: 40px;\">name 63</td><td title=\"127.0.0.63\">127.0.0.63</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 64\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 64\" style=\"left: 40px;\">name 64</td><td title=\"127.0.0.64\">127.0.0.64</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 65\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 65\" style=\"left: 40px;\">name 65</td><td title=\"127.0.0.65\">127.0.0.65</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 66\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 66\" style=\"left: 40px;\">name 66</td><td title=\"127.0.0.66\">127.0.0.66</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 67\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 67\" style=\"left: 40px;\">name 67</td><td title=\"127.0.0.67\">127.0.0.67</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 68\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 68\" style=\"left: 40px;\">name 68</td><td title=\"127.0.0.68\">127.0.0.68</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 69\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 69\" style=\"left: 40px;\">name 69</td><td title=\"127.0.0.69\">127.0.0.69</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 70\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 70\" style=\"left: 40px;\">name 70</td><td title=\"127.0.0.70\">127.0.0.70</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 71\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 71\" style=\"left: 40px;\">name 71</td><td title=\"127.0.0.71\">127.0.0.71</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 72\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 72\" style=\"left: 40px;\">name 72</td><td title=\"127.0.0.72\">127.0.0.72</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 73\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 73\" style=\"left: 40px;\">name 73</td><td title=\"127.0.0.73\">127.0.0.73</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 74\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 74\" style=\"left: 40px;\">name 74</td><td title=\"127.0.0.74\">127.0.0.74</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 75\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 75\" style=\"left: 40px;\">name 75</td><td title=\"127.0.0.75\">127.0.0.75</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 76\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 76\" style=\"left: 40px;\">name 76</td><td title=\"127.0.0.76\">127.0.0.76</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 77\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 77\" style=\"left: 40px;\">name 77</td><td title=\"127.0.0.77\">127.0.0.77</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 78\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 78\" style=\"left: 40px;\">name 78</td><td title=\"127.0.0.78\">127.0.0.78</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 79\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 79\" style=\"left: 40px;\">name 79</td><td title=\"127.0.0.79\">127.0.0.79</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 80\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 80\" style=\"left: 40px;\">name 80</td><td title=\"127.0.0.80\">127.0.0.80</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 81\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 81\" style=\"left: 40px;\">name 81</td><td title=\"127.0.0.81\">127.0.0.81</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 82\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 82\" style=\"left: 40px;\">name 82</td><td title=\"127.0.0.82\">127.0.0.82</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 83\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 83\" style=\"left: 40px;\">name 83</td><td title=\"127.0.0.83\">127.0.0.83</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 84\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 84\" style=\"left: 40px;\">name 84</td><td title=\"127.0.0.84\">127.0.0.84</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 85\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 85\" style=\"left: 40px;\">name 85</td><td title=\"127.0.0.85\">127.0.0.85</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 86\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 86\" style=\"left: 40px;\">name 86</td><td title=\"127.0.0.86\">127.0.0.86</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 87\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 87\" style=\"left: 40px;\">name 87</td><td title=\"127.0.0.87\">127.0.0.87</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 88\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 88\" style=\"left: 40px;\">name 88</td><td title=\"127.0.0.88\">127.0.0.88</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 89\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 89\" style=\"left: 40px;\">name 89</td><td title=\"127.0.0.89\">127.0.0.89</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 90\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 90\" style=\"left: 40px;\">name 90</td><td title=\"127.0.0.90\">127.0.0.90</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 91\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 91\" style=\"left: 40px;\">name 91</td><td title=\"127.0.0.91\">127.0.0.91</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 92\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 92\" style=\"left: 40px;\">name 92</td><td title=\"127.0.0.92\">127.0.0.92</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 93\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 93\" style=\"left: 40px;\">name 93</td><td title=\"127.0.0.93\">127.0.0.93</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 94\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 94\" style=\"left: 40px;\">name 94</td><td title=\"127.0.0.94\">127.0.0.94</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 95\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 95\" style=\"left: 40px;\">name 95</td><td title=\"127.0.0.95\">127.0.0.95</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 96\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 96\" style=\"left: 40px;\">name 96</td><td title=\"127.0.0.96\">127.0.0.96</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 97\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 97\" style=\"left: 40px;\">name 97</td><td title=\"127.0.0.97\">127.0.0.97</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 98\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 98\" style=\"left: 40px;\">name 98</td><td title=\"127.0.0.98\">127.0.0.98</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 99\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 99\" style=\"left: 40px;\">name 99</td><td title=\"127.0.0.99\">127.0.0.99</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 100\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 100\" style=\"left: 40px;\">name 100</td><td title=\"127.0.0.100\">127.0.0.100</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr></tbody></table></div></div></div>"
1569
1575
  ```
1570
1576
 
1571
1577
  #### `Table selectedKeys`
@@ -1583,7 +1589,7 @@
1583
1589
  #### `Table sort`
1584
1590
 
1585
1591
  ```
1586
- "<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" title=\"姓名\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">姓名</div><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up k-asc k-mini css-1s6te75\"></i><i class=\"k-icon k-icon-down k-desc k-mini css-1s6te75\"></i></div></div></th><th class=\"k-column-sortable\" title=\"年龄\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">年龄</div><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up k-asc k-mini css-1s6te75\"></i><i class=\"k-icon k-icon-down k-desc k-mini css-1s6te75\"></i></div></div></th></tr></thead><tbody><tr data-key=\"aa\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"aa\">aa</td><td title=\"1\">1</td></tr><tr data-key=\"cc\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"cc\">cc</td><td title=\"5\">5</td></tr><tr data-key=\"bb\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"bb\">bb</td><td title=\"9\">9</td></tr></tbody></table></div></div>"
1592
+ "<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" title=\"姓名\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">姓名</div><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down k-desc k-mini css-16qej3\"></i></div></div></th><th class=\"k-column-sortable\" title=\"年龄\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">年龄</div><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down k-desc k-mini css-16qej3\"></i></div></div></th></tr></thead><tbody><tr data-key=\"aa\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"aa\">aa</td><td title=\"1\">1</td></tr><tr data-key=\"cc\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"cc\">cc</td><td title=\"5\">5</td></tr><tr data-key=\"bb\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"bb\">bb</td><td title=\"9\">9</td></tr></tbody></table></div></div>"
1587
1593
  ```
1588
1594
 
1589
1595
  #### `Table stickHeader`
@@ -1601,7 +1607,7 @@
1601
1607
  #### `Table title`
1602
1608
 
1603
1609
  ```
1604
- "<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><span title=\"自定义表头内容\" class=\"title\">自定义表头内容</span><i class=\"k-icon k-icon-question css-1s6te75\"></i><!--portal--></div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-1s6te75\"></i><!--portal--><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up k-asc k-mini css-1s6te75\"></i><i class=\"k-icon k-icon-down k-desc k-mini css-1s6te75\"></i></div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr></tbody></table></div></div>"
1610
+ "<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><span title=\"自定义表头内容\" class=\"title\">自定义表头内容</span><i class=\"k-icon k-icon-question css-16qej3\"></i><!--portal--></div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down k-desc k-mini css-16qej3\"></i></div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr></tbody></table></div></div>"
1605
1611
  ```
1606
1612
 
1607
1613
  #### `Table tooltip`
@@ -1613,7 +1619,7 @@
1613
1619
  #### `Table tree`
1614
1620
 
1615
1621
  ```
1616
- "<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Size\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Size</div></div></th></tr></thead><tbody><tr data-key=\"Audios\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Audios\"><button class=\"k-btn k-none k-mini k-btn-icon k-table-arrow k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-1s6te75\"></i></button>Audios</td><td title=\"12MB\">12MB </td></tr><tr data-key=\"Images\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Images\"><button class=\"k-btn k-none k-mini k-btn-icon k-table-arrow k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-1s6te75\"></i></button>Images</td><td title=\"14MB\">14MB </td></tr><tr data-key=\"doc.pdf\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"doc.pdf\">doc.pdf</td><td title=\"18MB\">18MB </td></tr></tbody></table></div></div>"
1622
+ "<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Size\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Size</div></div></th></tr></thead><tbody><tr data-key=\"Audios\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Audios\"><button class=\"k-btn k-mini k-none k-btn-icon k-table-arrow k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>Audios</td><td title=\"12MB\">12MB </td></tr><tr data-key=\"Images\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Images\"><button class=\"k-btn k-mini k-none k-btn-icon k-table-arrow k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>Images</td><td title=\"14MB\">14MB </td></tr><tr data-key=\"doc.pdf\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"doc.pdf\">doc.pdf</td><td title=\"18MB\">18MB </td></tr></tbody></table></div></div>"
1617
1623
  ```
1618
1624
 
1619
1625
  #### `Table type`
@@ -1645,19 +1651,19 @@
1645
1651
  #### `Tabs closable`
1646
1652
 
1647
1653
  ```
1648
- "<div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">新增Tab</button><div class=\"k-tabs k-size-large k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1e2kpm1\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1e2kpm1\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1e2kpm1\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-large k-type-card css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1e2kpm1\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1e2kpm1\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1e2kpm1\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-large k-type-flat-card css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1e2kpm1\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1e2kpm1\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1e2kpm1\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div>"
1654
+ "<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">新增Tab</button><div class=\"k-tabs k-size-large k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-large k-type-card css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-large k-type-flat-card css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div>"
1649
1655
  ```
1650
1656
 
1651
1657
  #### `Tabs disabled`
1652
1658
 
1653
1659
  ```
1654
- "<div><div class=\"k-tabs k-size-default k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\"></div></div></div></div><div class=\"content\"><div>关联云主机</div></div></div>"
1660
+ "<div><div class=\"k-tabs k-size-default k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab\">入站规则</div><div class=\"k-tab k-disabled\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\"></div></div></div></div><div class=\"content\"><div>关联云主机</div></div></div>"
1655
1661
  ```
1656
1662
 
1657
1663
  #### `Tabs scroll`
1658
1664
 
1659
1665
  ```
1660
- "<div style=\"width: 600px;\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-tabs k-size-default k-type-default k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-tabs k-size-default k-type-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-tabs k-size-default k-type-flat-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i></button></div><br><br><div style=\"display: flex;\"><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-default k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-1s6te75\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-1s6te75\"></i></button></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-1s6te75\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-1s6te75\"></i></button></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-flat-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-1s6te75\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-1s6te75\"></i></button></div></div></div></div>"
1666
+ "<div style=\"width: 600px;\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-tabs k-size-default k-type-default k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-tabs k-size-default k-type-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-tabs k-size-default k-type-flat-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><br><br><div style=\"display: flex;\"><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-default k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-16qej3\"></i></button></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-16qej3\"></i></button></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-flat-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-16qej3\"></i></button></div></div></div></div>"
1661
1667
  ```
1662
1668
 
1663
1669
  #### `Tabs size`
@@ -1683,13 +1689,13 @@
1683
1689
  #### `Tag border`
1684
1690
 
1685
1691
  ```
1686
- "<div><div class=\"row\"><div class=\"k-tag k-solid k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-primary k-solid k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-1s6te75\"></i></div><div class=\"k-tag k-success k-solid k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-1s6te75\"></i></div><div class=\"k-tag k-warning k-solid k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-1s6te75\"></i></div><div class=\"k-tag k-danger k-solid k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-1s6te75\"></i></div><div class=\"k-tag k-solid k-disabled k-closable css-1weg519\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-1s6te75\"></i></div></div><div class=\"row\"><div class=\"k-tag k-dashed k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-primary k-dashed k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-1s6te75\"></i></div><div class=\"k-tag k-success k-dashed k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-1s6te75\"></i></div><div class=\"k-tag k-warning k-dashed k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-1s6te75\"></i></div><div class=\"k-tag k-danger k-dashed k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-1s6te75\"></i></div><div class=\"k-tag k-dashed k-disabled k-closable css-1weg519\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-1s6te75\"></i></div></div><div class=\"row\"><div class=\"k-tag k-none k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-1s6te75\"></i></div><div class=\"k-tag k-success k-none k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-1s6te75\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-1s6te75\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-1s6te75\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-1s6te75\"></i></div></div></div>"
1692
+ "<div><div class=\"row\"><div class=\"k-tag k-solid k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-primary k-solid k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-16qej3\"></i></div><div class=\"k-tag k-success k-solid k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-16qej3\"></i></div><div class=\"k-tag k-warning k-solid k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-16qej3\"></i></div><div class=\"k-tag k-danger k-solid k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-16qej3\"></i></div><div class=\"k-tag k-solid k-disabled k-closable css-1weg519\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div></div><div class=\"row\"><div class=\"k-tag k-dashed k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-primary k-dashed k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-16qej3\"></i></div><div class=\"k-tag k-success k-dashed k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-16qej3\"></i></div><div class=\"k-tag k-warning k-dashed k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-16qej3\"></i></div><div class=\"k-tag k-danger k-dashed k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-16qej3\"></i></div><div class=\"k-tag k-dashed k-disabled k-closable css-1weg519\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div></div><div class=\"row\"><div class=\"k-tag k-none k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-16qej3\"></i></div><div class=\"k-tag k-success k-none k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-16qej3\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-16qej3\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-16qej3\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div></div></div>"
1687
1693
  ```
1688
1694
 
1689
1695
  #### `Tag closable`
1690
1696
 
1691
1697
  ```
1692
- "<div><div class=\"k-tag k-none k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-1s6te75\"></i></div><div class=\"k-tag k-success k-none k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-1s6te75\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-1s6te75\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-1s6te75\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">prevent default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div></div>"
1698
+ "<div><div class=\"k-tag k-none k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-16qej3\"></i></div><div class=\"k-tag k-success k-none k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-16qej3\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-16qej3\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-16qej3\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">prevent default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div></div>"
1693
1699
  ```
1694
1700
 
1695
1701
  #### `Tag draggable`
@@ -1702,13 +1708,13 @@
1702
1708
  #### `Tag size`
1703
1709
 
1704
1710
  ```
1705
- "<div><div class=\"k-tag k-large k-none css-1weg519\">large</div><div class=\"k-tag k-none css-1weg519\">default</div><div class=\"k-tag k-small k-none css-1weg519\">small</div><div class=\"k-tag k-mini k-none css-1weg519\">mini</div><br><br><div class=\"k-tag k-primary k-large k-none css-1weg519\">large</div><div class=\"k-tag k-warning k-none css-1weg519\">default</div><div class=\"k-tag k-success k-small k-none css-1weg519\">small</div><div class=\"k-tag k-danger k-mini k-none css-1weg519\">mini</div><br><br><div class=\"k-tag k-primary k-large k-none k-closable css-1weg519\">large<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-1s6te75\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-1s6te75\"></i></div><div class=\"k-tag k-primary k-small k-none k-closable css-1weg519\">small<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-1s6te75\"></i></div><div class=\"k-tag k-primary k-mini k-none k-closable css-1weg519\">mini<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-1s6te75\"></i></div></div>"
1711
+ "<div><div class=\"k-tag k-large k-none css-1weg519\">large</div><div class=\"k-tag k-none css-1weg519\">default</div><div class=\"k-tag k-small k-none css-1weg519\">small</div><div class=\"k-tag k-mini k-none css-1weg519\">mini</div><br><br><div class=\"k-tag k-primary k-large k-none css-1weg519\">large</div><div class=\"k-tag k-warning k-none css-1weg519\">default</div><div class=\"k-tag k-success k-small k-none css-1weg519\">small</div><div class=\"k-tag k-danger k-mini k-none css-1weg519\">mini</div><br><br><div class=\"k-tag k-primary k-large k-none k-closable css-1weg519\">large<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-16qej3\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-16qej3\"></i></div><div class=\"k-tag k-primary k-small k-none k-closable css-1weg519\">small<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-16qej3\"></i></div><div class=\"k-tag k-primary k-mini k-none k-closable css-1weg519\">mini<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-16qej3\"></i></div></div>"
1706
1712
  ```
1707
1713
 
1708
1714
  #### `Tag tags`
1709
1715
 
1710
1716
  ```
1711
- "<div class=\"k-split k-horizontal css-1ug4f89 k-last-auto\" style=\"width: 600px; background: rgb(225, 225, 225);\"><div class=\"k-split-first\" style=\"width: 50%;\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-1s6te75\"></i></div><div class=\"k-tag k-success k-none k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-1s6te75\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-1s6te75\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-1s6te75\"></i></div></div></div><div class=\"k-split-line-wrapper\"><div class=\"k-split-line\"><div class=\"k-split-drag-lines\"></div></div></div><div class=\"k-split-last\" style=\"width: auto;\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-1s6te75\"></i></div><div class=\"k-tag k-success k-none k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-1s6te75\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-1s6te75\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-1s6te75\"></i></div><div class=\"k-tag k-none css-1weg519\">with tooltip</div><!--portal--><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
1717
+ "<div class=\"k-split k-horizontal css-1ug4f89 k-last-auto\" style=\"width: 600px; background: rgb(225, 225, 225);\"><div class=\"k-split-first\" style=\"width: 50%;\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-16qej3\"></i></div><div class=\"k-tag k-success k-none k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-16qej3\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-16qej3\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-16qej3\"></i></div></div></div><div class=\"k-split-line-wrapper\"><div class=\"k-split-line\"><div class=\"k-split-drag-lines\"></div></div></div><div class=\"k-split-last\" style=\"width: auto;\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1weg519\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-16qej3\"></i></div><div class=\"k-tag k-success k-none k-closable css-1weg519\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-16qej3\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1weg519\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-16qej3\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1weg519\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-16qej3\"></i></div><div class=\"k-tag k-none css-1weg519\">with tooltip</div><!--portal--><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
1712
1718
  +0</div><!--portal--></div></div></div>"
1713
1719
  ```
1714
1720
 
@@ -1723,7 +1729,7 @@
1723
1729
  #### `Timeline custom`
1724
1730
 
1725
1731
  ```
1726
- "<div class=\"k-timeline css-1lk148t\"><div class=\"k-timeline-item k-success css-w6zcc5\"><div class=\"k-timeline-indicator\"><div class=\"k-timeline-dot\"><i class=\"k-icon ion-trophy css-1s6te75\"></i></div><div class=\"k-timeline-line\"></div></div><div class=\"k-timeline-content\"> August </div></div><div class=\"k-timeline-item k-primary css-w6zcc5\"><div class=\"k-timeline-indicator\"><div class=\"k-timeline-dot\"><div class=\"k-timeline-circle\"></div></div><div class=\"k-timeline-line\"></div></div><div class=\"k-timeline-content\">July</div></div><div class=\"k-timeline-item k-primary css-w6zcc5\"><div class=\"k-timeline-indicator\"><div class=\"k-timeline-dot\"><div class=\"k-timeline-circle\"></div></div><div class=\"k-timeline-line\"></div></div><div class=\"k-timeline-content\">June</div></div><div class=\"k-timeline-item k-primary css-w6zcc5\"><div class=\"k-timeline-indicator\"><div class=\"k-timeline-dot\"><div class=\"k-timeline-circle\"></div></div><div class=\"k-timeline-line\"></div></div><div class=\"k-timeline-content\">May</div></div></div>"
1732
+ "<div class=\"k-timeline css-1lk148t\"><div class=\"k-timeline-item k-success css-w6zcc5\"><div class=\"k-timeline-indicator\"><div class=\"k-timeline-dot\"><i class=\"k-icon ion-trophy css-16qej3\"></i></div><div class=\"k-timeline-line\"></div></div><div class=\"k-timeline-content\"> August </div></div><div class=\"k-timeline-item k-primary css-w6zcc5\"><div class=\"k-timeline-indicator\"><div class=\"k-timeline-dot\"><div class=\"k-timeline-circle\"></div></div><div class=\"k-timeline-line\"></div></div><div class=\"k-timeline-content\">July</div></div><div class=\"k-timeline-item k-primary css-w6zcc5\"><div class=\"k-timeline-indicator\"><div class=\"k-timeline-dot\"><div class=\"k-timeline-circle\"></div></div><div class=\"k-timeline-line\"></div></div><div class=\"k-timeline-content\">June</div></div><div class=\"k-timeline-item k-primary css-w6zcc5\"><div class=\"k-timeline-indicator\"><div class=\"k-timeline-dot\"><div class=\"k-timeline-circle\"></div></div><div class=\"k-timeline-line\"></div></div><div class=\"k-timeline-content\">May</div></div></div>"
1727
1733
  ```
1728
1734
 
1729
1735
  #### `Timeline type`
@@ -1737,31 +1743,31 @@
1737
1743
  #### `Timepicker basic`
1738
1744
 
1739
1745
  ```
1740
- "<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--> You selected: <br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--> You selected: []</div>"
1746
+ "<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: <br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
1741
1747
  ```
1742
1748
 
1743
1749
  #### `Timepicker format`
1744
1750
 
1745
1751
  ```
1746
- "<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select css-1ti24q0\" step=\"00:30:00\" showformat=\"HH:mm\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--><span>You selected: null</span></div>"
1752
+ "<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select css-1ti24q0\" step=\"00:30:00\" showformat=\"HH:mm\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--><span>You selected: null</span></div>"
1747
1753
  ```
1748
1754
 
1749
1755
  #### `Timepicker range`
1750
1756
 
1751
1757
  ```
1752
- "<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始时间 ~ 结束时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--> You selected: []</div>"
1758
+ "<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始时间 ~ 结束时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
1753
1759
  ```
1754
1760
 
1755
1761
  #### `Timepicker step`
1756
1762
 
1757
1763
  ```
1758
- "<div><div class=\"k-select time css-1ti24q0\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select css-1ti24q0\" step=\"00:30:00\" min=\"09:00:00\" max=\"18:00:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--> You selected: []</div>"
1764
+ "<div><div class=\"k-select time css-1ti24q0\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select css-1ti24q0\" step=\"00:30:00\" min=\"09:00:00\" max=\"18:00:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
1759
1765
  ```
1760
1766
 
1761
1767
  #### `Timepicker stepRange`
1762
1768
 
1763
1769
  ```
1764
- "<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--> You selected: null</div>"
1770
+ "<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: null</div>"
1765
1771
  ```
1766
1772
 
1767
1773
  ## `tip`
@@ -1775,13 +1781,13 @@
1775
1781
  #### `Tip closable`
1776
1782
 
1777
1783
  ```
1778
- "<div><div class=\"k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">default</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-1s6te75\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">primary</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-1s6te75\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">success</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-1s6te75\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">warning</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-1s6te75\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">danger</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-1s6te75\"></i></button></div><div class=\"k-dashed k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"> custom closing content </div><button class=\"k-btn k-link k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\">No longer show</button></div></div>"
1784
+ "<div><div class=\"k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">default</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">primary</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">success</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">warning</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">danger</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-dashed k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"> custom closing content </div><button class=\"k-btn k-link k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\">No longer show</button></div></div>"
1779
1785
  ```
1780
1786
 
1781
1787
  #### `Tip title`
1782
1788
 
1783
1789
  ```
1784
- "<div><div class=\"k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">default</div> This is a default tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-1s6te75\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">primary</div> This is a primary tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-1s6te75\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">success</div> This is a success tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-1s6te75\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">warning</div> This is a warning tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-1s6te75\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">danger</div> This is a danger tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-1s6te75\"></i></button></div></div>"
1790
+ "<div><div class=\"k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">default</div> This is a default tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">primary</div> This is a primary tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">success</div> This is a success tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">warning</div> This is a warning tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">danger</div> This is a danger tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div></div>"
1785
1791
  ```
1786
1792
 
1787
1793
  ## `tooltip`
@@ -1801,19 +1807,19 @@
1801
1807
  #### `Tooltip content`
1802
1808
 
1803
1809
  ```
1804
- "<div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">Adjust Volume</button><!--portal--></div>"
1810
+ "<div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Adjust Volume</button><!--portal--></div>"
1805
1811
  ```
1806
1812
 
1807
1813
  #### `Tooltip position`
1808
1814
 
1809
1815
  ```
1810
- "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">position:</label><div class=\"k-form-content\"><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-active css-1832za1\" tabindex=\"0\" type=\"button\">left<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">right<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">top<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">bottom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">custom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item k-fluid css-1trczha\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><div class=\"opera\"><button class=\"k-btn k-dropdown-open css-1832za1\" tabindex=\"0\" type=\"button\">at</button><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-dark css-dm9xi8 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -58.5312px; top: -0.398438px;\">\"left\"<i class=\"k-tooltip-arrow k-right\" style=\"top: 11.3984375px\"></i></div></div></div></div></form>"
1816
+ "<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">position:</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">left<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">right<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">top<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">bottom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">custom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item k-fluid css-1trczha\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><div class=\"opera\"><button class=\"k-btn k-default k-dropdown-open css-12pzj9v\" tabindex=\"0\" type=\"button\">at</button><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-dark css-dm9xi8 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -58.5312px; top: -0.398438px;\">\"left\"<i class=\"k-tooltip-arrow k-right\" style=\"top: 11.3984375px\"></i></div></div></div></div></form>"
1811
1817
  ```
1812
1818
 
1813
1819
  #### `Tooltip trigger`
1814
1820
 
1815
1821
  ```
1816
- "<div class=\"k-btns css-yl6zu6\"><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
1822
+ "<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
1817
1823
  ```
1818
1824
 
1819
1825
  #### `Tooltip confirm`
@@ -1828,7 +1834,7 @@
1828
1834
 
1829
1835
  ```
1830
1836
  "<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1831
- 3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1837
+ 3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1832
1838
  2</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"right\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"right\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div></div></div></div><p>You selected: [0,1]</p></div>"
1833
1839
  ```
1834
1840
 
@@ -1836,21 +1842,21 @@
1836
1842
 
1837
1843
  ```
1838
1844
  "<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1839
- 0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-group k-clearable css-1mbhget\"><div class=\"k-input-prepend\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\" style=\"width: px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"all\"><div class=\"k-select-value c-ellipsis\">全部策略</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1840
- 0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-1mbhget\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-1s6te75\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div><p>You selected: []</p></div>"
1845
+ 0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-group k-clearable css-l0vdz7\"><div class=\"k-input-prepend\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\" style=\"width: px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"all\"><div class=\"k-select-value c-ellipsis\">全部策略</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1846
+ 0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div><p>You selected: []</p></div>"
1841
1847
  ```
1842
1848
 
1843
1849
  #### `Transfer customList`
1844
1850
 
1845
1851
  ```
1846
- "<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>未分配</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">刘一 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">陈二 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">张三 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">李四 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">王五 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">赵六 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">孙七 </span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>标准双人间</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间1 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间2 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间3 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间4 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间5 <span>(当前人数:0)</span></span></label></div></div></div></div></div>"
1852
+ "<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>未分配</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">刘一 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">陈二 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">张三 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">李四 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">王五 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">赵六 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">孙七 </span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>标准双人间</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间1 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间2 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间3 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间4 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间5 <span>(当前人数:0)</span></span></label></div></div></div></div></div>"
1847
1853
  ```
1848
1854
 
1849
1855
  #### `Transfer getData`
1850
1856
 
1851
1857
  ```
1852
- "<div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">get data</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">get left checked data</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">get right checked data</button><br><br><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1853
- 3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1858
+ "<div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">get data</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">get left checked data</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">get right checked data</button><br><br><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1859
+ 3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1854
1860
  2</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"right\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"right\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div></div></div></div><p>You selected: [0,1]</p></div>"
1855
1861
  ```
1856
1862
 
@@ -1858,22 +1864,22 @@
1858
1864
 
1859
1865
  ```
1860
1866
  "<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1861
- 5</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-clearable css-1mbhget\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-1s6te75\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名0\"></span><span class=\"k-checkbox-text\"><div><div>主机名0</div><p>前端服务器0 | 192.168.1.0</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名1\"></span><span class=\"k-checkbox-text\"><div><div>主机名1</div><p>前端服务器1 | 192.168.1.1</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名2\"></span><span class=\"k-checkbox-text\"><div><div>主机名2</div><p>前端服务器2 | 192.168.1.2</p></div></span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"主机名3\"></span><span class=\"k-checkbox-text\"><div><div>主机名3</div><p>前端服务器3 | 192.168.1.3</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名4\"></span><span class=\"k-checkbox-text\"><div><div>主机名4</div><p>前端服务器4 | 192.168.1.4</p></div></span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1862
- 0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-1mbhget\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-1s6te75\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div>"
1867
+ 5</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名0\"></span><span class=\"k-checkbox-text\"><div><div>主机名0</div><p>前端服务器0 | 192.168.1.0</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名1\"></span><span class=\"k-checkbox-text\"><div><div>主机名1</div><p>前端服务器1 | 192.168.1.1</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名2\"></span><span class=\"k-checkbox-text\"><div><div>主机名2</div><p>前端服务器2 | 192.168.1.2</p></div></span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"主机名3\"></span><span class=\"k-checkbox-text\"><div><div>主机名3</div><p>前端服务器3 | 192.168.1.3</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名4\"></span><span class=\"k-checkbox-text\"><div><div>主机名4</div><p>前端服务器4 | 192.168.1.4</p></div></span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1868
+ 0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div>"
1863
1869
  ```
1864
1870
 
1865
1871
  #### `Transfer leftChecked`
1866
1872
 
1867
1873
  ```
1868
1874
  "<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">2 /
1869
- 5</div><label class=\"k-checkbox k-indeterminate c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle css-1832za1\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1875
+ 5</div><label class=\"k-checkbox k-indeterminate c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1870
1876
  0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-transfer-list\"></div></div></div><p>You checked left side: [0,2]</p></div>"
1871
1877
  ```
1872
1878
 
1873
1879
  #### `Transfer tree`
1874
1880
 
1875
1881
  ```
1876
- "<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>请选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node k-expanded k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">database</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">class</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">student</div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">id</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">name</div></div></div></div></div></div></div></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-1832za1\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>已选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"></div></div></div></div>"
1882
+ "<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>请选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node k-expanded k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">database</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">class</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">student</div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">id</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">name</div></div></div></div></div></div></div></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>已选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"></div></div></div></div>"
1877
1883
  ```
1878
1884
 
1879
1885
  ## `tree`
@@ -1881,61 +1887,61 @@
1881
1887
  #### `Tree basic`
1882
1888
 
1883
1889
  ```
1884
- "<div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div>"
1890
+ "<div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div>"
1885
1891
  ```
1886
1892
 
1887
1893
  #### `Tree checkbox`
1888
1894
 
1889
1895
  ```
1890
- "<div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">get checked data</button><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">get checked leaves data</button><br><br><div class=\"k-tree k-line css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><label class=\"k-checkbox k-indeterminate k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div></div></div></div>"
1896
+ "<div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">get checked data</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">get checked leaves data</button><br><br><div class=\"k-tree k-line css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-indeterminate k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div></div></div></div>"
1891
1897
  ```
1892
1898
 
1893
1899
  #### `Tree contextmenu`
1894
1900
 
1895
1901
  ```
1896
- "<div><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\"><div class=\"\">First floor-1</div><!--portal--></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\"><div class=\"\">First floor-2</div><!--portal--></div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\"><div class=\"\">Second floor-2.1</div><!--portal--></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\"><div class=\"\">Second floor-2.2</div><!--portal--></div></div></div></div></div></div></div>"
1902
+ "<div><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\"><div class=\"\">First floor-1</div><!--portal--></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\"><div class=\"\">First floor-2</div><!--portal--></div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\"><div class=\"\">Second floor-2.1</div><!--portal--></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\"><div class=\"\">Second floor-2.2</div><!--portal--></div></div></div></div></div></div></div>"
1897
1903
  ```
1898
1904
 
1899
1905
  #### `Tree custom`
1900
1906
 
1901
1907
  ```
1902
- "<div class=\"wrapper\"><div class=\"k-btns root-btns css-yl6zu6\"><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">+</button></div><div class=\"k-tree k-line css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\"><div class=\"text\">First floor-1</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">-</button></div></div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\"><div class=\"text\">First floor-2</div><div class=\"k-btns css-yl6zu6\"><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-small k-btn-icon css-1832za1\" tabindex=\"0\" type=\"button\">-</button></div></div></div></div></div></div>"
1908
+ "<div class=\"wrapper\"><div class=\"k-btns root-btns css-mk35v2\"><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">+</button></div><div class=\"k-tree k-line css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\"><div class=\"text\">First floor-1</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">-</button></div></div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\"><div class=\"text\">First floor-2</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-small k-default k-btn-icon css-12pzj9v\" tabindex=\"0\" type=\"button\">-</button></div></div></div></div></div></div>"
1903
1909
  ```
1904
1910
 
1905
1911
  #### `Tree draggable`
1906
1912
 
1907
1913
  ```
1908
- "<div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\" draggable=\"true\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-paper css-1s6te75\"></i> 总览</div></div></div><div class=\"k-tree-node\" draggable=\"true\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-paper css-1s6te75\"></i> 产品简介</div></div></div><div class=\"k-tree-node\" draggable=\"true\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-paper css-1s6te75\"></i> 技术实现</div></div></div><div class=\"k-tree-node\" draggable=\"true\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-folder css-1s6te75\"></i> 操作指南</div></div></div><div class=\"k-tree-node\" draggable=\"true\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-folder css-1s6te75\"></i> 接入说明</div></div></div><div class=\"k-tree-node k-disabled\" draggable=\"true\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-paper css-1s6te75\"></i> 禁用文件</div></div></div></div>"
1914
+ "<div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\" draggable=\"true\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-paper css-16qej3\"></i> 总览</div></div></div><div class=\"k-tree-node\" draggable=\"true\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-paper css-16qej3\"></i> 产品简介</div></div></div><div class=\"k-tree-node\" draggable=\"true\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-paper css-16qej3\"></i> 技术实现</div></div></div><div class=\"k-tree-node\" draggable=\"true\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-folder css-16qej3\"></i> 操作指南</div></div></div><div class=\"k-tree-node\" draggable=\"true\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-folder css-16qej3\"></i> 接入说明</div></div></div><div class=\"k-tree-node k-disabled\" draggable=\"true\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\"><i class=\"k-icon k-icon-paper css-16qej3\"></i> 禁用文件</div></div></div></div>"
1909
1915
  ```
1910
1916
 
1911
1917
  #### `Tree expandAll`
1912
1918
 
1913
1919
  ```
1914
- "<div class=\"wrapper\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-1.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-1.1.1</div></div></div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-expanded k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.2.1</div></div></div></div></div></div></div></div><div class=\"k-tree k-line k-selectable css-3c9wnf\"></div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">加载数据</button></div>"
1920
+ "<div class=\"wrapper\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-1.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-1.1.1</div></div></div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-expanded k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.2.1</div></div></div></div></div></div></div></div><div class=\"k-tree k-line k-selectable css-3c9wnf\"></div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">加载数据</button></div>"
1915
1921
  ```
1916
1922
 
1917
1923
  #### `Tree filterable`
1918
1924
 
1919
1925
  ```
1920
- "<div><div class=\"k-input css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter keywords to filter node.\"></div></div><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
1926
+ "<div><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter keywords to filter node.\"></div></div><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
1921
1927
  ```
1922
1928
 
1923
1929
  #### `Tree loading`
1924
1930
 
1925
1931
  ```
1926
- "<div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">parent</div></div></div></div>"
1932
+ "<div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">parent</div></div></div></div>"
1927
1933
  ```
1928
1934
 
1929
1935
  #### `Tree select`
1930
1936
 
1931
1937
  ```
1932
- "<div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">get selected data</button><br><br><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded k-selected\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
1938
+ "<div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">get selected data</button><br><br><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded k-selected\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
1933
1939
  ```
1934
1940
 
1935
1941
  #### `Tree uncorrelated`
1936
1942
 
1937
1943
  ```
1938
- "<div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div></div></div>"
1944
+ "<div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div></div></div>"
1939
1945
  ```
1940
1946
 
1941
1947
  ## `treeSelect`
@@ -1943,31 +1949,31 @@
1943
1949
  #### `TreeSelect basic`
1944
1950
 
1945
1951
  ```
1946
- "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
1952
+ "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
1947
1953
  ```
1948
1954
 
1949
1955
  #### `TreeSelect checkbox`
1950
1956
 
1951
1957
  ```
1952
- "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
1958
+ "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
1953
1959
  ```
1954
1960
 
1955
1961
  #### `TreeSelect filter`
1956
1962
 
1957
1963
  ```
1958
- "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1mbhget\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
1964
+ "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
1959
1965
  ```
1960
1966
 
1961
1967
  #### `TreeSelect load`
1962
1968
 
1963
1969
  ```
1964
- "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
1970
+ "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
1965
1971
  ```
1966
1972
 
1967
1973
  #### `TreeSelect multiple`
1968
1974
 
1969
1975
  ```
1970
- "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
1976
+ "<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
1971
1977
  ```
1972
1978
 
1973
1979
  ## `upload`
@@ -1975,37 +1981,37 @@
1975
1981
  #### `Upload basic`
1976
1982
 
1977
1983
  ```
1978
- "<div class=\"k-upload css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn css-1944o5u\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-1s6te75\"></i>点击上传</button></div><div class=\"k-upload-tip\">只能上传JPG/PNG格式文件,且不超过500kb</div><div class=\"k-upload-files\"></div><!--portal--></div>"
1984
+ "<div class=\"k-upload css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-19dubxk\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-16qej3\"></i>点击上传</button></div><div class=\"k-upload-tip\">只能上传JPG/PNG格式文件,且不超过500kb</div><div class=\"k-upload-files\"></div><!--portal--></div>"
1979
1985
  ```
1980
1986
 
1981
1987
  #### `Upload directory`
1982
1988
 
1983
1989
  ```
1984
- "<div class=\"k-upload css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" directory=\"\" webkitdirectory=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn css-1944o5u\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-1s6te75\"></i>点击上传</button></div><div class=\"k-upload-files\"></div><!--portal--></div>"
1990
+ "<div class=\"k-upload css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" directory=\"\" webkitdirectory=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-19dubxk\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-16qej3\"></i>点击上传</button></div><div class=\"k-upload-files\"></div><!--portal--></div>"
1985
1991
  ```
1986
1992
 
1987
1993
  #### `Upload drag`
1988
1994
 
1989
1995
  ```
1990
- "<div class=\"k-upload k-drag css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><div class=\"k-upload-area\"><i class=\"k-icon k-icon-add-bold css-1s6te75\"></i><div>将文件拖到此处,或<a>点击上传</a></div></div></div><div class=\"k-upload-files\"></div><!--portal--></div>"
1996
+ "<div class=\"k-upload k-drag css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><div class=\"k-upload-area\"><i class=\"k-icon k-icon-add-bold css-16qej3\"></i><div>将文件拖到此处,或<a>点击上传</a></div></div></div><div class=\"k-upload-files\"></div><!--portal--></div>"
1991
1997
  ```
1992
1998
 
1993
1999
  #### `Upload files`
1994
2000
 
1995
2001
  ```
1996
- "<div class=\"k-upload css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn css-1944o5u\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-1s6te75\"></i>点击上传</button></div><div class=\"k-upload-files\"><div class=\"k-upload-file\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-1s6te75\"></i><span class=\"k-upload-file-name\">test1.jpg</span><i class=\"k-icon k-upload-status-icon k-icon-success-fill css-1s6te75\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-1s6te75\"></i></div><div class=\"k-upload-file\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-1s6te75\"></i><span class=\"k-upload-file-name\">test2.png</span><i class=\"k-icon k-upload-status-icon k-icon-success-fill css-1s6te75\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-1s6te75\"></i></div><div class=\"k-upload-file k-error\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-1s6te75\"></i><span class=\"k-upload-file-name\">test3.png</span><i class=\"k-icon k-upload-status-icon k-icon-error-fill css-1s6te75\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-1s6te75\"></i></div></div><!--portal--></div>"
2002
+ "<div class=\"k-upload css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-19dubxk\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-16qej3\"></i>点击上传</button></div><div class=\"k-upload-files\"><div class=\"k-upload-file\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-16qej3\"></i><span class=\"k-upload-file-name\">test1.jpg</span><i class=\"k-icon k-upload-status-icon k-icon-success-fill css-16qej3\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-16qej3\"></i></div><div class=\"k-upload-file\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-16qej3\"></i><span class=\"k-upload-file-name\">test2.png</span><i class=\"k-icon k-upload-status-icon k-icon-success-fill css-16qej3\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-16qej3\"></i></div><div class=\"k-upload-file k-error\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-16qej3\"></i><span class=\"k-upload-file-name\">test3.png</span><i class=\"k-icon k-upload-status-icon k-icon-error-fill css-16qej3\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-16qej3\"></i></div></div><!--portal--></div>"
1997
2003
  ```
1998
2004
 
1999
2005
  #### `Upload gallery`
2000
2006
 
2001
2007
  ```
2002
- "<div class=\"k-upload k-gallery css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-pictures\"><div class=\"c-middle\"><div class=\"k-upload-handle\"><div class=\"k-upload-picture-card k-upload-add\"><i class=\"k-icon k-icon-add-bold k-large css-1s6te75\"></i><div>上传图片</div></div></div></div></div><!--portal--></div>"
2008
+ "<div class=\"k-upload k-gallery css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-pictures\"><div class=\"c-middle\"><div class=\"k-upload-handle\"><div class=\"k-upload-picture-card k-upload-add\"><i class=\"k-icon k-icon-add-bold k-large css-16qej3\"></i><div>上传图片</div></div></div></div></div><!--portal--></div>"
2003
2009
  ```
2004
2010
 
2005
2011
  #### `Upload manually`
2006
2012
 
2007
2013
  ```
2008
- "<div><div class=\"k-upload css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-1832za1\" tabindex=\"0\" type=\"button\">选择文件</button></div><div class=\"k-upload-files\"></div><!--portal--></div><button class=\"k-btn css-1832za1\" tabindex=\"0\" type=\"button\">开始上传</button></div>"
2014
+ "<div><div class=\"k-upload css-ttqbyc\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">选择文件</button></div><div class=\"k-upload-files\"></div><!--portal--></div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">开始上传</button></div>"
2009
2015
  ```
2010
2016
 
2011
2017
  ## `wave`